Anzeige
Anzeige
Tool-Tipp
Artikel merken

TinyPNG: Bilder mit wenig Qualitätsverlust fürs Web komprimieren

TinyPNG ist ein Online-Tool, das PNG-Dateien verkleinert, dabei aber selbst Bildern mit Transparenzen nicht in der Optik schadet und Photoshop’s „Für Web Speichern“-Funktion den Kampf ansagt.

Von Ilja Zaglov
2 Min. Lesezeit
Anzeige
Anzeige

TinyPNG verkleinert, wie der Name schon vermuten lässt, PNG Dateien. Einen ähnlichen Dienst für JPEG Dateien stellten wir euch bereits in unserem Artikel zu JPEGmini vor. Das Verfahren hinter TinyPNG ist zwar verlustbehaftet, rein optisch aber schafft der clevere Algorithmus hinter dem Tool es, die Grafiken verlustfrei aussehen zu lassen. Dabei geht TinyPNG noch weiter als Photoshop: Es bietet indexierte 8Bit PNG mit voller Transparenz an, die mit bloßem Auge kaum von den viel größeren 24Bit PNG unterschieden werden kann.

Anzeige
Anzeige

Das Online Tool der holländischen Agentur Voormedia verspricht viel: Die Größe von PNG-Dateien um bis zu 70% zu reduzieren, ohne optische Verluste hinnehmen zu müssen.

Anzeige
Anzeige

Die Nutzung ist simpel: Man lädt per Drag&Drop bis zu 20 Bilder mit einer maximalen Dateigröße von jeweils 2MB hoch, TinyPNG verarbeitet sie und stellt sie als Download zur Verfügung. Und tatsächlich erspart das Tool im Test zwischen 60% und 70% der Dateigröße.

Anzeige
Anzeige
TinyPNG reduziert die Größe von PNG Dateien um bis zu 70%

TinyPNG reduziert die Größe von PNG Dateien um bis zu 70%

Ein konkretes Beispiel: Uns liegt ein PNG-Ausgangsbild mit einer Größe von 390kb vor. Speichert man das Bild mit der Photoshop Funktion „Für Web Speichern“, erreicht man immerhin eine Gesamtgröße von 340kb bei einem 24 Bit PNG. TinyPNG liefert eine qualitativ ebenbürtige Version des Bildes mit einer Größe von nur 104kb zurück.

Vergleich zwischen Kompression von Photoshop und TinyPNG

TinyPNG vs Photoshop

Diese Reduktion ergibt sich durch das Entfernen nicht benutzter Farben und Metadaten. Außerdem kommt bei TinyPNG ein Verfahren namens Quantisierung zum Einsatz. Das in der Bild-, Video- und Tonkompression eingesetzte Verfahren fasst ähnliche Werte zusammen und kann so die Dateigröße stark reduzieren.

Anzeige
Anzeige

TinyPNG – Gute Ergänzung auf für Photoshop Besitzer

Mit TinyPNG vergleichbare Ergebnisse kann Photoshop derzeit nicht liefern: 8Bit Grafiken mit Transparenzen kommen aus dem Programm nur mit unschönen Säumen und weiteren optischen Einbußen raus. Außerdem können mit TinyPNG selbst im Internet Explorer 6 Transparenzen ohne Probleme dargestellt werden. Auch da muss Photoshop sich vorerst geschlagen geben.

TinyPNG – Testen lohnt sich

TinyPNG ist kostenlos auf der Projektseite von TinyPNG verfügbar und auf jeden Fall einen Versuch wert. Wem die Qualität des Tools dann doch nicht ausreichen sollte, kann immer noch zu der Photoshop-Version seiner Grafiken greifen. Das dürfte aber von Bild zu Bild variieren.

Über den Autor

Ilja big Ilja Zaglov ist selbstständiger Kommunikations- & Mediendesigner. Er unterstützt kleine und mittelständische Unternehmen bei der Erstellung von Online- und Offline-Medien. Neben Web-Gestaltung gehören Motion-Graphics und 3D-Inhalte zu seinen Spezialgebieten.

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
17 Kommentare
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

zodiac1978

TinyPNG funktioniert nur bei Grafiken wirklich gut. Bei Fotos erkennt man die Reduzierung des Farbumfangs doch deutlich. Wirklich praktisch ist dagegen, dass die 8-Bit-PNGs auch mit Transparenz im IE6 laufen.

Antworten
maddin

super Tool, nutze ich jeden Tag.

@zodiac1978
für Fotos ist png auch das falsche Format. da solltest du lieber jpeg oder tiff nehmen.
und für jpeg gib’s auch ein gutes tool.

http://www.jpegmini.com/

auch als download im app store (kostenlose version ist auf 20 bilder pro tag begrenzt)

Antworten
SAR.Agentur

Adobe Fireworks exportiert auch 8-bit PNGs mit Alphatransparenz. Das sollte Photoshop auch dringend lernen. TinyPNG spart bei den mit Fireworks erstellten Grafiken nur noch ~10%.
Für fotorealitische Bilder ist das natürlich keine Alternative, da der Farbumfang auf 256 Farben begrenzt ist.

Antworten
Frank Lämmer

fehler in der überschrift?!:
TinyPNG – Gute Ergänzung AUCH für Photoshop Besitzer

Das Programm ImageAlpha hier macht glaube ich auch was ähnliches: http://pngmini.com/

Antworten
Marc Gutt

Steckt hinter TinyPNG eigentlich eine Eigenentwicklung oder ist das einfach nur eine Kombination aus pngquant (lossy Komprimierung) und optipng (zusätzliche lossless Komprimierung), die dann eben als API angeboten werden? Leider findet man im Netz keine Vergleichstabelle mit Qualität (subjektives Empfinden der Qualität) und Dateigrößen.

Antworten
Paul Hofmann

TinyPNG ist für Windows-Nutzer nach wie vor sehr hilfreich. Mein Favorit um Bilder zu komprimieren ist aber ImageOptim, das auch bei bereits komprimierten JPGs sehr behutsam geht, gleichzeitig aber auch mal bis zu 70% einspart bei PNGs.

Antworten
Abbrechen

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige