Wählen Sie hier!

Optimierung von Bildern und Bilddateien

Optimierung von Bilddateien
ist eine SEO Hausaufgabe!

Die Optimierung von Bilder und Foto Dateien im Webdesign beinhaltet mehrere Schritte.

Einerseits das Dateiformat (zB. jpg, gif, png, svg), dann die Auflösung dh die Abmessungen des Bildes in Pixel Breite und Pixel Höhe (es sollte immer zuerst die Breite dann die Höhe angegeben werden, also 900px in der Breite, 600px in der Höhe wird mit 900x600px angegeben. Die einzelnen Dateiformate haben unterschiedliche Optimierungsmöglichkeiten. Grundsätzlich gilt, dass Bildqualitöt und Dateigrösse direkt proportional zueinander sind: einen höhere Bildqualität benötigt eine grössere Bilddatei. Das gilt eigentlich bei jedem Bildformat.

Die unterschiedlichen Formate (jpg, gif, png, svg) haben unterschiedliche Möglichkeiten. Bei jpg kann man die Qualität direkt angeben, für eine Darstellung in Browsern ist oft eine Qualität von 40-60% ausreichend. Bei gif kann man über eine Verringerung der Anzahl der Farben die Dateigrösse reduzieren, ebenso bei png Dateiformat. svg hat weitere detaillierter Einstellungsmöglichkeiten.

Ein weiterer Schritt in der schnellen Auslieferung von Bildern besteht darin, dass der Webserver die Bilddateien komprimiert (zip) ausliefern kann. Die Dateien werden vor der Auslieferung vom Webserver gezippt, dann übertragen und am Browser wieder unzipped. Dieser Ablauf verringert normalerweise den Zeitbedarf für die Darstellung des Bildes.

Eine Einstellung des Caches am Webserver kann weitere Verbesserungen in der Performance einer Website ermöglichen. Damit werden allen an der Übertragung beteiligten Server Komponenten mitgeteilt, dass sie die Bilddatei zwischenspeichern sollen. Eine zwischengespeicherte Bilddatei kann meist schneller ausgeliefert werden und muss nicht nochmals vom Webserver angefordert werden.

Die Einstellung des Cachings am Webserver kann für Bilddateien je nach Dateiformat konfiguriert werden und ist ein wichtiger Bestandteil jeder Performance Optimierung für Bilder.

Fragen Sie mich direkt!

Wollen Sie Details wissen? Benötigen Sie weitere Informationen zum angeführten Projekt? Haben Sie zusätzliche Fragen oder Bedarf an genauerer Beratung?

Ich stehe gerne auch telefonisch zu Verfügung!