Cloudinary

Was ist Cloudinary?

Bei Cloudinary handelt es sich um ein Technologieunternehmen mit Fokus auf SaaS-L├Âsungen (Software as a Service). Cloudinary bietet in erster Linie Konzepte zum Bild- und Video-Management auf Cloud-Basis. Bilder lassen sich in unterschiedlichen Formaten und Aufl├Âsungen in die Cloud laden und in Webseiten oder Blogs einbinden. Die Firma legt besonderen Wert auf Performance und Responsivit├Ąt.

├ťberblick und Allgemeines

Die korrekte Einbindung von Bildern und Videos kann in komplexeren Webseiten zu einer Herausforderung werden. Verschiedene Ger├Ąte stellen unterschiedliche Anforderungen an die Dateien. Dies betrifft beispielsweise die Pixeldichte oder die Aufl├Âsungen. Meist sind daher mehr als nur eine Bilddatei zu referenzieren. Die korrekte Ausgabe einer Webseite und ihrer Bilder auf verschiedenen Endger├Ąten nennt sich Responsivit├Ąt. Cloudinary tr├Ągt dazu bei, dass das Bild- und Video-Management responsiven Anforderungen gen├╝gt.

Gleicherma├čen ist es erforderlich, dass Dateien trotz hochaufl├Âsender Displays m├Âglichst klein gehalten werden, da das Datenvolumen begrenzt ist. Auch diese Herausforderung will der Cloud-Dienst l├Âsen. Cloudinary erm├Âglicht es Webseiten-Betreibern, Bilder und Videos in verschiedenen Aufl├Âsungen und -qualit├Ąten hochzuladen und in unterschiedliche Arten von Webseiten oder Blogs einzubinden.

Funktionsweise und Eigenschaften

Bilder lassen sich unmittelbar in Cloudinary hochladen und ├╝ber deren Oberfl├Ąche bearbeiten und modifizieren. Cloudinary erm├Âglicht es Anwendern, die Bilder mit zahlreichen Effekten zu versehen. Nutzer k├Ânnen etwa S├Ąttigung, Kontrast oder Helligkeit sofort bei Cloudinary anpassen. Erg├Ąnzt werden die Bearbeitungsm├Âglichkeiten durch Bildeffekte wie Unsch├Ąrfen oder Vignetten. Nach Abschluss der Bearbeitung lassen sich die Bilder ├╝ber eine zu diesem Zweck generierte URL in die Internetseite oder das Blog einbinden.

In dieser URL sind s├Ąmtliche relevanten Angaben wie etwa die Bildaufl├Âsung bereits integriert. Auch das Format sowie die vom Nutzer angewandten Effekte sind in der URL enthalten. Weiterhin ist es m├Âglich, weitere Modifikationen und Anpassungen direkt ├╝ber die URL vorzunehmen. Als umfangreicher Cloud-Dienst leistet Cloudinary damit Unterst├╝tzung bei der Optimierung f├╝r Bilder f├╝r den Webeinsatz. Hilfreich ist der Dienst insbesondere f├╝r Anwender, die kein Content Management System einsetzen, da sich Bilder auf einfache Weise bearbeiten und komprimieren lassen. Von Vorteil ist die schnelle Ausf├╝hrungsgeschwindigkeit beim Erstellen und Laden der Bilder.

Performance und Responsivit├Ąt

Cloudinary ist darauf ausgelegt, beim Einsatz von Bildern uneingeschr├Ąnkt responsiv zu sein. So empfehlen sich etwa auf kleineren oder weniger stark aufl├Âsenden Displays kleinere Bilddateien. Dies senkt die Dateigr├Â├če und tr├Ągt damit zu einer besseren Performance bei. Mit dem Element bietet Cloudinary die M├Âglichkeit, unterschiedliche Bilddateien f├╝r verschiedene Aufl├Âsungen auf einfache Weise einzubinden.

Eine Herausforderung besteht darin, dass Bilder nicht immer in statischen Breiten dargestellt werden, sondern sich der durch den Anzeigebereich vorgegebenen Breite anpassen. In Zusammenspiel mit jQuery l├Ąsst sich f├╝r die je dargestellte Bildgr├Â├če stets ein passendes Bild ausgeben.

Wird die Bilddatei aufgerufen und die Klasse cld-responsive vergeben, l├Ąsst sich mit w_auto eine automatische Breite erzeugen. Dies f├╝hrt dazu, dass das jQuery-Plug-in automatisch daf├╝r sorgt, dass die Bilddatei an die jeweilige Darstellungsgr├Â├če angepasst wird. Dies ist etwa bei der Darstellung mehrspaltiger Galerien von Vorteil, die sich damit an der Gesamtbreite des Fensters im Browser orientieren k├Ânnen.

Hat ein Bild eine bestimmte Pixelanzahl in der Breite, so generiert Cloudinary Bilder in genau dieser Breite und gibt sie aus. Somit l├Ąsst sich verhindern, dass es zur Einbindung zu gro├čer Bilddateien kommt. Die Webseite wird auf diese Weise schlanker und schneller.

Neben der Breite (w_auto) l├Ąsst sich auch die Pixeldichte ber├╝cksichtigen und automatisieren. ├ťber die Option dpr_auto wird die korrekte Pixeldichte automatisch bei der Erstellung der Bilddateien ber├╝cksichtigt.

Auch wenn es zur Vergr├Â├čerung oder Verkleinerung des Browserfensters kommt, l├Ądt Cloudinary passgenaue Bilder nach. In der Standardeinstellungen ber├╝cksichtigt der Dienst hierbei Ver├Ąnderungen der Fenstergr├Â├če ab 10 Pixel.

Automatisierte Bildqualit├Ąten und -formate

Neben der passgenauen Gr├Â├če der Bilder sind weiterhin die Qualit├Ąt sowie das Format von Bedeutung, wenn es um eine ressourcensparende Darstellung der Bilder geht.

Zu den beliebtesten Formaten zur Bilddarstellung im Internet geh├Âren JPEG, GIF und PNG. In Abh├Ąngigkeit des Browsers sind weitere Bildformate relevant. Beispielsweise bedient sich Google Chrome des Formats WebP, wenn es um die Darstellung kleinerer Dateien geht. Microsoft verf├╝gt mit JPEG-XR ebenso ├╝ber ein eigenes Format, das auf Komprimierung ausgelegt ist. Diese Formate haben ihre spezifischen Vor- und Nachteile sowie Verwendungszwecke. W├Ąhrend JPEG f├╝r gro├čformatige Bilder und Fotos geeignet ist, kommt PNG bei Grafiken zum Einsatz. Geht es darum, Ressourcen zu sparen, sind komprimierte Formate zu bevorzugen.

Cloudinary kann daf├╝r sorgen, f├╝r jeden Anwendungsbereich das passende Format zu verwenden. Die Option f_auto w├Ąhlt automatisch das f├╝r den jeweiligen Einsatzzweck passende Format aus. Soll das Bild etwa in Google Chrome ausgegeben werden, kann der Dienst automatisch das WebP-Format w├Ąhlen. Auch die Bildqualit├Ąt l├Ąsst sich in einem Wertebereich von 10 bis 100 anpassen (beispielsweise q_60). Je nach Bildinhalt kann eine st├Ąrkere oder geringere Komprimierung vorteilhaft sein.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte