Fotos und Logos für Webseiten

Wichtiger Bestandteil jeder Website sind Bilder. Um Grafiken und Fotos in guter Qualität und möglichst schnell – also in kleiner Dateigröße – zu zeigen, müssten diese für das Internet optimiert werden.

Hier ist eine kleine Übersicht über die gebräuchlichsten Formate.

Fotos: JPG / JPEG / GIF / PNG

JPG Ist bereits ein Komprimierungsverfahren. Die Einstellung lässt jedoch einen großen Spielraum zu. Die niedrigste Komprimierung (10) komprimiert dies Beispiel auf 1,2%. Das beste Foto-Format in unserem Beispiel ist ein JPG mit mittlerer bis hoher Qualität (Galerie unten links).

PNG – Portable Networks Graphics

Für Fotorealistische Darstellung sollte die 24 Bit-Variante gewählt werden. Sie ist wenig verlustreich, kann über 16 Mio Farben darstellen, aber die Datengröße bleibt recht hoch und ist keine gute Alternative zum JPG. Im Internet ist die 8-Bit-Variante gebräuchlicher. Sie kann zwar nur 256 Farben, hat aber große Vorteile in der Darstellung von Grafiken, Illustrationen und Logos.

jpeg Komprimierung Qualität hoch
jpeg Komprimierung Qualität hoch (60) Dateigröße 88 KB
jpg Komprimierung niedrig
jpeg Komprimierung Qualität niedrig (10) Dateigröße 24 KB
PNG 24 mit vollem Farbumfang
PNG 24 mit vollem Farbumfang Dateigröße 908 KB
PNG 8 mit eingeschränktem Farbumfang
PNG 8 mit eingeschränktem Farbumfang (64) Dateigröße 107 KB
GIF 8 mit eingeschränktem Farbumfang
GIF 8 mit eingeschränktem Farbumfang (64) Dateigröße 124 KB

Logos im Internet

Für Logos ist eine scharfe Darstellung wichtig, da sie in der Regel keine Raster- sonder Vector-Dateien sind. Zudem sollte ein Logo möglichst transparent auf einem farbigen Hintergrund oder Foto erscheinen können. Dies ist am besten mit dem PNG- oder dem GIF-Format zu erreichen.

Animiertes GIF

Sehr beliebt ist auch das GIF-Format. Denn es gibt die Möglichkeit Animationen mit zu speichern und diese in Dauerschleife abzuspielen. Natürlich weniger für einen Film geeignet, denn die Datei wird einfach zu groß und die Farbqualität ist eingeschränkt.

PNG 8, 500×68 px, transparent 4-farbig, Dateigröße 2 KB

JPG, 500×68 px, Dateigröße 10 KB

animiertes GIF, 500×68 px, transparent 32-farbig, Dateigröße 13 KB

Post your comments here

Your email address will not be published. Required fields are marked *


Notice: Undefined index: cookie_style in /www/htdocs/w013eeb9/luecken-design.de/blog/wp-content/plugins/shapepress-dsgvo/public/class-sp-dsgvo-public.php on line 140