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.
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.
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.
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.
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.
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 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.







von zodiac1978 24.10.2012 (16:39Uhr) 1.
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.
von maddin 24.10.2012 (16:51Uhr) 2.
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)
von SAR.Agentur 24.10.2012 (16:54Uhr) 3.
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.
von Mike Rathmer via facebook 24.10.2012 (17:12Uhr) 4.
Habs ausprobiert. Zack... aus 1,4 MB schmale 699,6 KB gemacht (-50%), innerhalb von ein paar Sekunden...und das kostenlos :-) Geilomat!
von Jürgen Haberfellner via facebook 24.10.2012 (17:20Uhr) 5.
der Artikel hat wirklich mal ein dickes (y) verdient!
von Stefanie Bamberg via facebook 24.10.2012 (17:21Uhr) 6.
Das klingt gut und wird beim nächsten Webdesign mal getestet :)
von demipress via facebook 24.10.2012 (17:23Uhr) 7.
Nehme ich in Test mit auf, aber klingt sehr vielversprechend, danke.
von Dominik Lessel via facebook 24.10.2012 (17:49Uhr) 8.
Na ja Unterschiede sieht man definitiv, wenn man Bilder mit Gradients drin hat, aber ansonsten top :)
von Christoph S. Ackermann via facebook 24.10.2012 (17:56Uhr) 9.
Werden wir bei cubetech testen :) (y)
von André Wenzel via facebook 24.10.2012 (21:12Uhr) 10.
Schon einige Zeit im Einsatz und für gut befunden! (y)
von Frank Lämmer 24.10.2012 (21:34Uhr) 11.
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/
von ArtViper Designstudio via facebook 25.10.2012 (07:11Uhr) 12.
Seid ihr diesmal aber spät dran das stand schon vor Tagen auf webappers
von Martin Merten via facebook 25.10.2012 (09:42Uhr) 13.
habt ihr das gesehen: "you grant the Operator and its suppliers the worldwide, royalty-free, non-exclusive right to copy, store and modify your content as part of the Service"
GEHT GAR NICHT
von Frank Gerards via facebook 25.10.2012 (11:58Uhr) 14.
@martin: lmao :), nutzt nur alle diesen dienst - im zeitalter von 3G und dicken webleitungen gehoeren sich imho 24bit PNGs als transparenz-Standard...
von TinyPNG macht PNGs kleiner - Netzlogbuch 25.10.2012 (12:19Uhr) 15.
[...] via t3n Bildbearbeitung, Grafik, PNG 25. Oktober 2012von Matthias Zellmer TinEye – Bilder [...]
von Armin Vieweg via facebook 25.10.2012 (13:36Uhr) 16.
Cooler Dienst! Noch cooler wäre, wenn die eine API anbieten würden, über die man das Konvertieren automatisieren kann. Aber das scheint es weder zu geben noch geplant zu sein :-/
von Webseiten Bildoptimierung – Bilder… 26.10.2012 (21:49Uhr) 17.
[...] Heute in der T3N gesehen! TinyPNG ist ein Anbieter bei dem man online seine PNG Bilder optimieren kann. Sieht sehr gut aus! Anbei der Link zum T3N Artikel: http://t3n.de/news/tinypng-bilder-wenig-421853/ [...]
von Sizzlepig: Bild-Größe ändern ohne Sof… 27.10.2012 (16:01Uhr) 18.
[...] einfach nur Bilder mit wenig Qualitätsverlust fürs Web komprimieren will, der sollte sich einmal das Online-Tool TinyPNG anschauen. Der clevere Algorithmus hinter dem [...]
von Sizzlepig: Bild-Größe ändern ohne Sof… 27.10.2012 (23:30Uhr) 19.
[...] einfach nur Bilder mit wenig Qualitätsverlust fürs Web komprimieren will, der sollte sich einmal das Online-Tool TinyPNG anschauen. Der clevere Algorithmus hinter dem [...]