So wählen und verwenden Sie PNG, JPG und GIF als Web-Bildformate

Welches dieser Formate (GIF, PNG oder JPG) sollten wir also als Kandidatenformat auswählen und mit welchem ​​Bildformat lässt sich das Bild verkleinern, die Bildqualität ist aber besser?

1. Bildformat

GIF

Das herausragendste Merkmal von GIF ist, dass es Animationen unterstützt. Gleichzeitig ist GIF auch ein verlustfreies Bildformat, was bedeutet, dass die Bildqualität nach der Änderung des Bildes nicht verloren geht. Darüber hinaus unterstützt GIF Halbtransparenz (vollständig transparent oder vollständig undurchsichtig).
Laut Google eignen sich GIFs für sehr kleine oder einfache Bilder (weniger als 10×10 oder mit weniger als 3 Farben).

PNG

Zunächst einmal umfasst PNG PNG-8 und PNG in Echtfarben (PNG-24 oder PNG-32). Die größten Vorteile von PNG gegenüber GIF sind:

• Normalerweise kleiner
• Unterstützt Alpha (volle Transparenz)

Wir wissen jedoch, dass PNG keine Animation unterstützt.

Beachten Sie auch, dass IE6 PNG-8 unterstützt, aber bei der Verarbeitung von PNG-24-Transparenz grau anzeigt. Entsprechende Beispiele finden Sie unter sitepoint .

Im Allgemeinen sind als PNG-8 gespeicherte Bilder bei gleicher Qualität kleiner als GIF, und für vollständig transparente Bilder können wir jetzt nur noch PNG-24 verwenden. Seien Sie jedoch vorsichtig, wenn Sie Bilder in PNG-8 speichern und mit GIF vergleichen. Denn das Gesetz ist nicht immer korrekt.

JPG

JPG kann mehr Farben darstellen als GIF und PNG und ist gut komprimiert, sodass JPG sehr gut zum Speichern digitaler Fotos geeignet ist. Beachten Sie jedoch, dass es sich um eine verlustbehaftete Komprimierung handelt, was bedeutet, dass bei jeder Änderung des Bildes Pixelverzerrungen auftreten.

Nach dem Lesen der obigen Einführung sollten Sie ein allgemeines Verständnis davon haben, welches Format Sie zum Speichern welches Bilds verwenden sollten. Kurz gesagt:

Fazit: Für kleine Bilder oder grundlegende Webseitenelemente (wie Schaltflächen) sollten Sie PNG-8 oder GIF verwenden. Für Fotos sollten Sie JPG verwenden.