Was man über Bildkompression wissen sollte...

http://

...und was auf vielen Webseiten

Bildkompression ist wichtig!

Die Aufgabe: Bilder so umzuwandeln, dass der Verlust (optisch) kaum wahrnehmbar ist und gleichzeitig der Speicherplatz möglichst gering bleibt. 

Warum ist das so wichtig?

  1. Suchmaschinenoptimierung: Optimierte Dateigrößen & Bildkompressionen sind wichtige Rankingfaktoren für Suchmaschinen.
  2. Ladezeit: Je kleiner die Dateigrößen, desto schneller die Ladezeit der Seite.
  3. Speicherplatz: Optimale Bildmaße + optimierte Bildkompression = weniger Serverlast.

Das Beispiel unten   zeigt, wie relevant die Bildkompression sein kann.

Basisformat des Ursprungsfotos: unbearbeitete Raw-Datei.

Bild 1:DSC02529-Irfanview-q80-399_kb.jpgSoftware: Irfanview, "Speichern unter" -> JPG, 80% JPGDateigröße: 399 KB
Bild 2: DSC02529-Photoshop-q100-1940_kbSoftware: Photoshop, "Speichern unter" -> JPG, 100% JPGDateigröße:1,94 MB
Bild 3DSC02529-powertoys-q90_636_kb.jpgSoftware: Microsoft PowerToys, 90% JPGDateigröße: 636 KB
Bild 4:DSC02529_lightroom-q80_1830_kb.jpgSoftware: Lightroom, Export -> JPG, 80 % JPGDateigröße: 1,83 MB
Bild 5: DSC02529_photoshop-q80_961_kb.jpgSoftware: Photoshop, "Für Web speichern", 80 % JPGDateigröße: 961 KB
Bild 6:DSC02529_tinypng-398_kb.jpgSoftware: Tinypng-Export aus Photoshop (Plugin),Dateigröße: 398 KB

...and the winner is: Tinypng 

In unserem Software-Tutorial-Video zur Bildbearbeitung für Webseiten zeigen wir, wie man mit kostenlosen Tools eine perfekt Bildkompression erreicht.

Foto-Kompression im Vergleich

Bildunterschrift: Dateiname - verwendete Software - JPG Qualität in Prozent - Dateigröße in kb (Klick auf das Foto öffnet Lightbox - dort kann man mit dem Mausrad in das Bild zoomen, via Maus schieben und somit Bilddetails vergleichen)

min themes
TYPO3-Template

This template was made in nature with TYPO3 11.5.x LTS, Foundation 6.7.4 XY-Grid and a lot of coffee. 

made in nature ist ein Team von Webentwicklern, Grafikern, Textern und Spezialisten. Wir unterstützen Endkunden und Wiederverkäufer dabei, Online- und Offline-Erscheinungsbilder benutzerfreundlich, schön und modern zu gestalten.

Wir machen das!