Wie kann ich die Dateigröße von Bildern so gering wie möglich halten?

Normalerweise verwende ich Photoshop's Save für Web und Geräte, aber es gibt keine Optionen zum Komprimieren von PNGs und ich frage mich auch, ob überlegene Komprimierungsalgorithmen verfügbar sind.

Wenn der Zieldateityp PNG ist, haben Sie einige Optionen. Öffnen Sie zuerst das PNG in Fireworks und speichern Sie es dann optimiert. FW umfasst PNG-Dateien besser als PS. Verwenden Sie dann PNGOUT (Freeware), um weiter zu komprimieren. Das typische Ergebnis liegt etwa 30% unter dem von Photoshop.

Mein Ansatz ist nicht sehr technisch, daher kann ich keine spezifischen Algorithmen angeben, aber Adobe Fireworks ist eines der besten Tools zur Optimierung eines Bildformats für das Web. Du kannst es benutzen.

Auch ImageOptim funktioniert gut unter OSX. Gleiche Ergebnisse mit Feuerwerk, ich habe sie verglichen.

Normalerweise verwende ich Photoshop's Save für Web und Geräte, aber es gibt keine Optionen zum Komprimieren von PNGs und ich frage mich auch, ob überlegene Komprimierungsalgorithmen verfügbar sind.

Erstens sollten Sie PNG oder JPEG verwenden?

Wenn Sie ein Bild für das Web speichern, können Sie heutzutage zwischen PNG und JPEG wählen. PNG eignet sich sehr gut für Bilder, die verlustfrei und sehr effizient komprimiert werden. JPEG ist gut für den Rest.

Als Faustregel gilt: Wenn es sich um ein Foto oder ein komplexes Rendering (vollständig strukturiert) handelt und es größer als etwa 60 x 60 ist, ist ein JPEG wahrscheinlich besser.

Denken Sie auch daran, dass JPEG eine gleitende Qualitätsskala hat, die sich darauf auswirkt, wie gut es aussieht, während PNG dies nicht tut.

So optimieren Sie PNGs

Im Gegensatz zu GIFs unterstützen PNGs 24-Bit-Bilder. Dies hat viel Verwirrung gestiftet, und verwirrte Menschen behaupten, dass PNG-Bilder viel mehr Platz beanspruchen als dasselbe Bild, das als GIF gespeichert wurde. Dies ist hauptsächlich darauf zurückzuführen, dass die Benutzer beim Speichern in GIF nicht erkennen, dass es sich um 256 Farben handelt, während die vollständigen 24-Bit-Farbdaten im PNG erhalten bleiben.

Aber in PNG, Sie können die Farben auf einer Palette wie GIF reduzieren und dies wird die Bilddateigröße viel kleiner machen.

Photoshops Save for Web bietet Optionen zum Komprimieren von PNGs

Für die meisten Szenarien, in denen PNG geeignet ist, möchten Sie eine Farbpalette verwenden. Sie erhalten eine hervorragende Komprimierung, wenn Sie nur 256 Farben auswählen und die Standardalgorithmen für die Auswahl der Farbpalette verwenden. Photoshops "Save for Web" macht dies einfach. Wählen Sie einfach PNG-8 anstelle von PNG-24 und beginnen Sie mit den Standardeinstellungen.

Sie können dies nicht als "Komprimierung" betrachten, aber es verringert die Qualität des Bildes, um eine kleinere Dateigröße zu erhalten - es ist nur ein anderer Ansatz.

Wenn Sie ein sehr einfaches Bild oder ein sehr kleines Symbol haben, können Sie die Anzahl der Farben weiter verringern, um eine bessere Komprimierung zu erzielen. Jedes Mal, wenn Sie mit einer Zweierpotenz nach unten kommen, wird die Komprimierungseffizienz etwas erhöht, sodass 128 etwas besser als 129-255, 64 etwas besser als 65-127 und so weiter ist. Versuchen Sie es also mit 256, 128, 64, 32 und 16.

Ich wollte nur hinzufügen, dass zusätzlich zu einigen der bereits gegebenen Antworten Yahoo! hat ein Tool namens Smushit , das einige Bytes rasieren kann. Es ist sehr einfach zu bedienen.