Gibt es immer noch einen Grund, GIF gegenüber PNG beim Erstellen von Bildern für Webseiten zu bevorzugen?

2101
Chris W. Rea

Ich habe vor langer Zeit das PNG-Bildformat beim Erstellen von Webseiten vermieden, weil die Browserunterstützung fehlte. Ich erinnere mich, dass ein PNG auf einer Seite dazu führen konnte, dass das QuickTime-Plugin geladen wurde - yuck.

Heute unterstützt jeder moderne Browser PNG gut, und ich verwende es in meinen Webseiten, weil:

  • Im Vergleich zu JPEG ist die PNG-Komprimierung nicht verlustbehaftet. Besonders wichtig für Logos / Zeichnungen / Diagramme.
  • Im Vergleich zu GIF ist PNG nicht auf 256 Farben beschränkt. Macht viel mit Steigungen aus.

Mit anderen Worten, mit PNG sehen meine Bilder scharf aus und bleiben so.

Ich kann immer noch sehen, dass JPEG nützlich ist, da es wesentlich besser komprimiert wird und vor allem bei Fotos sehr wenig visuelle Qualität verliert .

Meine Frage lautet daher: Welche Anwendungsfälle bleiben für die Verwendung des GIF-Dateiformats in Webseiten bestehen? Ist die GIF durch die PNG und ihre Einführung nun völlig veraltet oder gibt es bestimmte Dinge, in denen die GIF noch gut ist?

15
Duplizieren Sie auch: http://superuser.com/questions/53600/jpeg-vs-png-vs-bmp-vs-gif/296437#296437 Django Reinhardt vor 11 Jahren 0

3 Antworten auf die Frage

15
Kornel

Soweit ich weiß, sind das die einzigen Gründe:

  • AnimGIF . Diese Animation funktioniert überall. Es gibt ein APNG-Format, das jedoch nicht so stark unterstützt wird und über keine echten Bearbeitungswerkzeuge verfügt.

  • 1 x 1 transparente Grafik, vorausgesetzt, es ist Ihnen wichtig, ob es sich um 80b oder 120b handelt. Dies ist praktisch der einzige Fall, in dem GIF eine kleinere Dateigröße als PNG liefert.

  • Wenn Sie nicht über geeignete Tools zum Speichern und Optimieren von PNG-Dateien verfügen. PNG-Dateien können Farbprofile und Informationen zur Gammakorrektur enthalten, die im Web mehr Probleme verursachen als lösen . Es ist am besten, ein Tool zu haben , das dieses entfernt, wodurch Dateien kleiner und interoperabler werden.

IE6-Unterstützung ist ein roter Hering

Die Verwirrung beruht auf der Tatsache, dass es in PNG mehrere Farbformate gibt, von denen einige vollständig unterstützt werden und andere nicht.

  1. Palettiertes PNG mit 1-Bit-Transparenz (wie GIF): Funktioniert perfekt im IE6. Ohne irgendwelche Hacks.

  2. Palettiertes PNG mit 8-Bit-Transparenz (in GIF nicht möglich): teilweise im IE6 arbeiten (auf 1 Bit degradieren).

  3. True-Color-PNG mit 8-Bit-Transparenz (in GIF nicht möglich): Funktioniert nicht im IE6 ohne Hacks.

Ich bin zu 100% sicher. Ich habe es ausgiebig getestet. Ich verwende sie auf meinen Websites. Ich habe sogar an Software gearbeitet, die diese Dateien manipuliert.

Kurz gesagt: Wenn ein Bild als nicht animierte GIF-Datei gespeichert werden kann, funktioniert es in allen Browsern ohne PNG als PNG .

Es tut mir leid, aber ich musste abstimmen. Diese Information ist nicht korrekt. Siehe http://support.microsoft.com/kb/294714. Sie müssen einen Filter anwenden. A Dwarf vor 15 Jahren 1
@A Dwarf: Ich bin mir zu 100% sicher, dass PNG 8-Bit mit 1-Bit-Transparenz (GIF-like) einwandfrei in IE6 funktioniert, ** weil ich es benutze **. Hast du es sogar getestet? Was Sie darauf hingewiesen haben, ist für PNG 24-Bit mit 8-Bit-Alphakanal (nicht GIF-ähnlich) erforderlich. Das ist nicht dasselbe. Kornel vor 15 Jahren 8
5
hyperslug

Sie sind nützlich für Plugin-freie Animationen wie Camtasia-Screencasts.

Von: http://www.codinghorror.com/blog/archives/000583.html

Und dann gibt es APNG (http://en.wikipedia.org/wiki/APNG), da wir über _modern_-Browser gesprochen haben ... Jawa vor 15 Jahren 0
APNG, wie? Ich dachte immer, der Job würde an SVG gehen http://upload.wikimedia.org/wikipedia/commons/0/01/Slider_Crank_animation.svg. hyperslug vor 15 Jahren 0
3
A Dwarf

Gibt es immer noch einen Grund, GIF gegenüber PNG beim Erstellen von Bildern für Webseiten zu bevorzugen?


Nur dieses PNG wird von einigen älteren Browsern wie IE 6 nicht vollständig unterstützt.

Laut MarketShare hat IE 6.0 immer noch beachtliche 24% des Browser-Marktanteils und ist damit die am häufigsten verwendete Browser-Version. Dies ist zweifellos auf die Akzeptanz der Unternehmen und die traditionellen Richtlinien für langsame Upgrades zurückzuführen. Aber es ist eine Realität, die Sie kennen müssen.


Beachten Sie jedoch, dass Sie bei der Erstellung von flachen PNGs in Ordnung sein sollten. Es werden Alpha-Channel-Kanäle und transparente PNGs unterstützt, die nicht unterstützt werden.

Der Widerstand gegen die Einführung von Vista hat dazu beigetragen, dass XP (und sein Standardbrowser IE6) weiterhin beliebt sind. Windows 7 und nicht Vista wird wahrscheinlich die Benutzerbasis von XP letztendlich übernehmen, so dass diese Zahlen hoffentlich abnehmen werden. hyperslug vor 15 Jahren 0
Ich denke, wenn Sie in Ihrem Webdesign tendenziell transparente GIFs verwenden, die nur ein Pixel enthalten, sollten Sie sich an GIF halten, da das PNG in IE6 möglicherweise als grauer Punkt angezeigt wird. hyperslug vor 15 Jahren 1
Schauen Sie sich die Antwort von porneL an, um zu sehen, warum IE6 kein Problem für PNG ist Vincent Robert vor 15 Jahren 2
porneL spricht von 1 farbigen transparenten pngs. Ich spreche von voller Alphakanal-Transparenz. Vielleicht, wenn Sie meine Antwort besser lesen? Siehe auch meinen Kommentar zu seinem Beitrag bezüglich 1 Farbtransparenzpng. A Dwarf vor 15 Jahren 0
Ein Zwerg: Alle GIFs sind 8-Bit, sodass Sie niemals ein 24-Bit-PNG-Format benötigen, um ein GIF-Bild darzustellen! Die Tatsache, dass das 24-Bit-Format nicht funktioniert, ist für die PNG / GIF-Debatte irrelevant. Sie verbreiten nur Verwirrung. Kornel vor 15 Jahren 1
und 1-Bit-Transparenz funktioniert. Die Seite, die Sie gerne gemacht haben, enthält eine Problemumgehung, jedoch keine Erklärung des Problems. Das Problem wurde im IE-Blog ausführlich erläutert, und es wurde bestätigt, dass 1-Bit-Transparenz funktioniert. Kornel vor 15 Jahren 0