Heim > Artikel > Web-Frontend > Auswahl und Verwendung der Webbildformate PNG, JPG und GIF_HTML/Xhtml_Webseitenproduktion
Auswahl und Verwendung der Webbildformate PNG, JPG und GIF_HTML/Xhtml_Webseitenproduktion
- WBOYOriginal
- 2016-05-16 16:41:351357Durchsuche
Welches Format unter GIF, PNG und JPG sollten wir als Kandidatenformat wählen und welches Bildformat kann das Bild kleiner machen, aber eine bessere Bildqualität haben?
1. Bildformat
GIF
Das Herausragendste an GIF ist, dass es Animationen unterstützt. Gleichzeitig ist GIF auch ein verlustfreies Bildformat, was bedeutet, dass die Bildqualität nicht verloren geht Transluzenz (vollständig transparent oder vollständig undurchsichtig).
Laut Google eignet sich GIF für kleine oder einfache Bilder (weniger als 10×10 oder weniger als 3 Farben).
PNG
Zuallererst umfasst PNG PNG-8 und True Color-PNG (PNG-24 oder PNG-32). Der größte Vorteil von PNG gegenüber GIF ist:
- Normalerweise kleiner
- Unterstützt Alpha (völlig transparent)
Aber wir wissen, dass PNG keine Animationen unterstützt.
Beachten Sie gleichzeitig, dass IE6 PNG-8 unterstützen kann, es jedoch bei der Verarbeitung der Transparenz von PNG-24 grau angezeigt wird. Weitere Beispiele finden Sie unter Sitepoint.
Normalerweise führt das Speichern von Bildern als PNG-8 zu einer kleineren Größe als GIF bei gleicher Qualität, und für vollständig transparente Bilder können wir jetzt nur PNG-24 verwenden. Seien Sie jedoch vorsichtig, wenn Sie Bilder in PNG-8 und GIF speichern Machen Sie einen Vergleich. Denn die Gesetze stimmen nicht immer.
JPG
JPG kann viel mehr Farben darstellen als GIF und PNG und ist gleichzeitig gut komprimiert, sodass sich JPG sehr gut zum Speichern digitaler Fotos eignet. Beachten Sie jedoch, dass es sich um eine Verzerrungskomprimierung handelt, was bedeutet, dass es bei jeder Änderung zu einer Komprimierung kommt Bilder verursachen Pixelverzerrungen.
Nachdem Sie die obige Einführung gelesen haben, sollten Sie ein allgemeines Verständnis dafür haben, welches Format Sie zum Speichern welcher Art von Bildern verwenden müssen:
Ein Satz:Für kleine Bilder oder grundlegende Elemente von Webseiten (z. B. Schaltflächen) sollten Sie PNG-8 oder GIF in Betracht ziehen.