Tools zur Bildoptimierung für Webseiten und Tipps zur Verwendung

Als grundlegendes Element einer Webseite sind Bilder einer der wichtigsten Faktoren, die die Seitenladegeschwindigkeit beeinflussen. Zu den Website-Optimierungstechniken im Zusammenhang mit Bildern gehören CSS-Sprites (Bildzusammenführung), Lazy Loading, progressive Bildverbesserung und so weiter. Hier sind einige hervorragende Tools und Techniken zur Optimierung von Webbildern.

WinzigesPNG

TinyPNG verwendet intelligente verlustbehaftete Komprimierungstechniken, um die Größe von PNG-Dateien zu reduzieren.

Smush.it

Smush.it reduziert die Bildgröße, indem es unnötige Bytes aus den Bilddateien entfernt.

OptiPNG

OptiPNG ist ein PNG-Bildkomprimierungstool ohne Informationsverlust.

ImageOptim

PNG-, JPEG- und animierte GIF-Bilder können verarbeitet werden, indem die besten Komprimierungsparameter gefunden und unnötige Kommentare und Farbprofile entfernt werden.

CodeKit

CodeKit kann Ihnen dabei helfen, schnellere und bessere Websites zu erstellen und auch Bilder zu optimieren.

imgo

imgo ist ein verlustfreies Tool zur automatischen Bildoptimierung. Kann die Bilder in einem Ordner maximal optimieren.

jQuery Lazyload

Ein jQuery-Plugin zum verzögerten Laden von Bildern.

Artikelempfehlung zur Bildoptimierung

Smashing Magazine – Bilder optimieren mit HTML5 Canvas

Smashing Magazine – Clevere JPEG-Optimierungstechniken

Smashing Magazine – Clevere PNG-Optimierungstechniken

The Smashing Book – Performance-Optimierung für Websites

A List Apart – Responsive Bilder und Webstandards am Wendepunkt

A List Apart – Verwendung von SVG für flexible, skalierbare und lustige Hintergründe, Teil II

A List Apart – Verwendung von SVG für flexible, skalierbare und lustige Hintergründe, Teil I

Sechs Revisionen – Der umfassende Leitfaden zum Speichern von Bildern für das Web

Sechs Revisionen – JPEG 101: Ein Crashkurs zu JPEG