GIF vs PNG welches verwenden?


7

Für den Bildtitel meiner Website mittelgroßer (150x50) weißer Hintergrund mit einigen Auswirkungen auf den Titel (Beispiel: Google-Titelbild)

Ich habe das Bild in .gif und .png mit folgendem Ergebnis gespeichert:

.gif Größe = 3,09 kB .png Größe = 7,59 kB

Das .png ist 2x größer als .gif.

Alle sagen mir, ich soll .PNG verwenden, aber warum sollte ich es verwenden, wenn .gif besser ist

Antworten:


10

PNG bietet fast immer eine bessere Komprimierung als GIF, aber Sie müssen sicherstellen, dass Sie das Bild als 8-Bit-PNG speichern. Oft werden Grafikprogramme als 24-Bit-PNG gespeichert, weshalb Sie möglicherweise die gewünschten Ergebnisse sehen. Wenn Sie angeben, welches Programm Sie verwenden, können wir Ihnen möglicherweise empfehlen, wie Sie als 8-Bit-PNG speichern können.

Sie können die resultierende Datei auch entweder ausführen pngoutoder pngcrushdie Dateigröße noch weiter reduzieren.

Der einzige Grund, GIF heutzutage über PNG zu verwenden, ist, wenn Sie eine Animation benötigen.


gespeichert in 8-Bit-PNG mit Photshop -> für Datei und Geräte speichern, jetzt PNG ist 3,72 kB, immer noch ist die .gif weniger
dynamisch

@ yes123: Ich bin neugierig, wie hat sich smushit.com/ysmush.it entwickelt ? Wenn es nicht so klein ist, möchte ich vielleicht Tools finden, die es entweder besser komprimieren oder prüfen, ob es besser ist, mit

@ yes123: Kannst du einen Link zur Bilddatei posten? Ich bin jetzt neugierig
Tim Fountain

1
Photoshop erstellt eine größere Datei. Man kann auch die Kombination von OptiPNG und AdvPNG verwenden, um die Dateigröße zu optimieren.
Lulalala

Führen Sie Ihre PNGs über dieses Tool aus: people.bath.ac.uk/ea2aced/tech/png/pngslim.zip .... Unglaublich langsam bis zu dem Punkt, an dem die Anwendung auf Sie abgestürzt ist, aber unglaublich erstaunliche Komprimierungsergebnisse ...
David K.


1

Verwenden Sie das für Sie am besten geeignete Format. Jedes Format hat seine Stärken und Schwächen. Wenn jedoch mehrere Formate dieselbe Bildqualität bieten, ist die Größe der entscheidende Faktor. In diesem Fall gewinnt GIF. Denken Sie daran, dass dies nicht immer der Fall ist. Sie sollten daher immer prüfen, welches Bild am besten zum aktuellen Bild passt, und sich nicht auf ein Format festlegen, nur weil es einmal besser war.


0

PNG-Bilder ermöglichen Alpha- und GIF-Bilder nicht. Wenn Sie also Überblendungseffekte haben, bei denen der Hintergrund durch Ihr Bild sichtbar sein soll, sollten Sie PNG verwenden.

Außerdem erfordern PNG-Bilder mit Alpha eine zusätzliche CSS-Codierung, um korrekt angezeigt zu werden, wenn sie Alpha enthalten.


0

Wenn Sie nett zu IE6 sein möchten (oder der Himmel es früher verbietet) und sich keine Gedanken über PNG-Korrekturen machen möchten, würde ich GIF verwenden. Aber wer will dann noch nett zu IE6 sein? :) :)

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.