Quantcast
Channel: Netz 10 » webseite
Viewing all articles
Browse latest Browse all 6

Mit Gimp JPGs für Webseiten optimieren

$
0
0

wilber webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin Unbearbeitete JPG-Bilder können das Laden einer Webseite deutlich verzögern. Zum Glück gibt es für GIMP ein paar Kniffe, mit denen die Dateigröße ohne drastische Qualitätseinbüßen auf einen Bruchteil reduziert werden kann.

Das hier benutzte Beispielbild wird dabei auf 13% seiner Ursprungsgröße eingeschrumpft werden. Das „Schrumpfpotenzial“ kann aber auch geringer sein und ist u.a. davon abhängig, wie weit man bereit ist, Qualitätseinbußen in Kauf zu nehmen.

Als Ausgangsbild dient dieses Stillleben aus meinem Wohnzimmer (ca. 176 kB groß):

jpg original webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Das ursprüngliche Bild: 600×399 Pixel, 176 kB

Als erstes sehen wir mal, wie stark wir die Qualitätsschraube des Bildes reduzieren können und trotzdem noch ein akzeptables Ergebnis für ein Bild auf einer Webseite erhalten:

Beim Exportieren des Bildes  kann man den Regler nach links schieben und in Echtzeit die Änderung der Bildqualität beobachten („Vorschau“ muss aktiviert sein):

jpg qualitaet webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Das Resultat ist folgendes Bild. Natürlich gibt es Abstriche bei der Qualität, doch das Bild ist jetzt gerade mal auf ein Viertel der Größe des Originals geschrumpft:

jpg verbessert webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Das Bild ist auf 44 kB geschrumpft…

Beim Exportieren gibt es noch ein paar weitere Schräubchen zum Drehen an den Metadaten, ohne dass die Bildqualität darunter leiden müsste.. Alleine die Option „Ohne EXIF-Daten speichern“ reduziert das Bild um weitere 10 kB. Das Bild speichere ich schließlich mit folgenden „erweiterten Optionen“:

jpg menue webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Damit ist das Bild auf 23,4 kB geschrumpft:

jpg verbessert2 webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

EXIF-Daten (u.m.) raus: 23 kB

Hier noch mal alle drei Versionen im Überblick:

jpg vergleich webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Das letzte Bild hat mit 23,4 kB lediglich ca. 13% der Dateigröße (im Vergleich zum Original). Für einen Foto-Blog wäre das Ergebnis vielleicht nicht akzeptabel. Aber es gibt sicher viele andere Szenarien, wo die schnellere Ladezeit diese Reduktion rechtfertigt. Immerhin haben wir 150kB gespart….

Zum direkten Vergleich noch einmal das Original und die optimierte Version:

jpg original webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Original 176 kB

jpg verbessert21 webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

23 kB

Hier schreibt kein Gimp-Experte. Weitere Vorschläge zur Optimierung? Ab in die Kommentare… Danke! simple smile webseite webmaster save for web plugin osbn optimieren open source linux ladezeit jpg jpeg howto gimp exif blog bildbearbeitung admin

Mehr Infos gibt es in der offiziellen GIMP-Dokumentation:

GIMP: Bilder exportieren

7 Kommentare

Diesen Beitrag teilen: Google+ Facebook Twitter E-mail

Permalink | © 2012 by Netz 10 | Tags: , , , , , , , , , , , , , , , , This feed is for personal, non-commercial use only. Fingerprint: c284f6207b7b716bd675c8214d0cfaa9

Viewing all articles
Browse latest Browse all 6

Latest Images





Latest Images