Wählen Sie das beste Bilddateiformat für das Web

Die Leute achten nicht immer genug auf das Bilddateiformat, wenn sie einer Seite ein Bild hinzufügen. Dies kann jedoch nicht nur für die Qualität und Leistung, sondern auch für die gesamte Bildwiedergabe von großer Bedeutung sein. Schließlich unterstützen nicht alle Browser bestimmte Bildtypen.

Um das beste Bilddateiformat zu wählen, müssen wir die Hauptanforderungen dafür bestimmen:

- Das Bild muss von guter Qualität sein -
- Das Laden der Seite mit dem Bild sollte schnell gehen -
- Bilder sollten von der maximalen Anzahl von Browsern unterstützt werden -

Um die von den meisten Browsern unterstützten Bildtypen auszuwählen, müssen die gängigsten verwendet werden. Bisher sind dies JPEG (* .jpg) und PNG (* .png).

Aber welches ist besser zu benutzen? Die Antwort ist für verschiedene Bilder nicht gleich. Es kommt darauf an, was auf dem Bild dargestellt wird. Wenn wir mit einem Foto arbeiten, das viele Farben hat, sollten Sie das JPEG-Bilddateiformat auswählen: Das Bild hat eine bessere Qualität und eine kleinere Größe als das gleiche Bild im PNG-Format.

Dieses Bild im JPEG-Format hat eine Dateigröße von 148 KB (Zum Vergleich in PNG werden 1,52 MB benötigt - mehr als 10 Mal!):

Für den Fall, dass das Bild einer Dokumentseite oder eines Diagramms ist, ist es besser, PNG zu wählen. Das Bild hat eine kleinere Dateigröße und wird dementsprechend schneller über das Netzwerk übertragen.

Dieses PNG-Bild benötigt 41 KB (Zum Vergleich: Im JPEG-Format ist es fast doppelt so groß und verliert Eigenschaften wie Transparenz):

Die Wahl liegt also auf der Hand: Wenn wir ein Porträt haben - JPEG, wenn das Diagramm eine begrenzte Anzahl von Farben hat - PNG.

Und zum Schluss ein Fotoalbum mit Porträts, natürlich im JPEG-Format: