• Automatischer Bild-Optimierer für Ihre Webseite

    – Einfache Anwendung
    – Bilder komprimieren & Ladezeit der Website reduzieren
    – Bulk Script: Starten, davonlaufen und vergessen

Automatischer Bild-Optimierer für Ihre Webseite

  • Einfache Anwendung, welche alle Bilder und Unterordner automatisch fürs Web optimiert und in verschiedenen Grössen für Adaptive Images ausgibt.
  • Bulk Script: Starten, davonlaufen und vergessen. Skript verarbeitet alle Daten und komprimiert diese massiv.
  • Alle optimierten Dateien werden in einem Zielordner abgelegt. Originaldateien werden beibehalten.

Beispiel eines echten Kunden:

  • 25’000 Bilder mit Gesamtgrösse von 8 GB
  • Verkleinerung der Bilder grösser als 5 MB zu max 2000px (Seitenverhältnis Beibehaltung)
  • Erstellung aller Formate für Adaptive Images:
    • Vorschaubild Rechteckig mit 1000 x 1000 Pixel
    • Vorschaubild Rechteckig mit 540 x 540 Pixel
    • Vorschaubild Rechteckig mit 360 x 360 Pixel
    • Vorschaubild Rechteckig mit 100 x 100 Pixel
  • Automatische Benennung aller Bilder
  • Alle Bilder mit TinyPNG / TinyJPG optimiert

Optimierung des Kunden:

  • 125’000 Bilder mit korrektem Namen in der Orginal Ordnerstruktur abgelegt
  • Neue Grösse: 5 GB (Mehr als 3 GB Einsparung trotz 5x mehr Dateien) In der Regel 30% Einsparung von Traffic. Mobile Geräte haben massiv höhere Einsparung

Optimierte Bilder

Laden Sie hier die optimierten Demobilder herunter:

Beispiele einer Optimierung

TinyPNG / TinyJPG komprimieren Bilder ohne Qualitätsverluste. Dadruch ist es möglich Bilder hochkomprimiert abzuspeichern. Gutzeli optimiert Bilder tendenziell besser, benötigt aber die 10fache Zeit für die Aufgabe, was bei einer Bulkverarbeitung massive Auswirkungen haben kann. Es ist jedoch möglich dieses Skript abzuändern, dass die Optimierung mit Gutzeli vorgenommen wird.

Nachfolgend sind reale Beispiele eines automatisierten Optimierung durch dieses Skript:
Es wurden willkürlich Dateien unterschiedlicher Grösse rausgepickt, Optimierungen entsprechen dem Durchschnitt und sind keine extrem Fälle.

OrginaldateiOptimierte DateiOptimierung
JPG Datei57’769 kB432 kB-99.25%
JPG Datei23’295 kB247 kB-98.94%
PNG Datei9’673 kB1’523 kB-84%
JPG Datei5’436 kB428 kB-92%
PNG Datei1’005 kB380 kB-62%
PNG Datei396 kB83 kB-79%
Durchschnitts­optimierung-85%

Nicht nur die Optimierung spart im Durchschnitt 85% der Dateigrösse ein, dies kann erneut gesteigert werden, in dem optimierte Bilder pro Gerät ausgegeben werden:

Desktop 4kDesktop HDTablet QuerTablet HochMobile
JPG Datei432 kB189 kB (-56%)133 kB (-70%)55 kB (-87%)6 kB (-98.6%)
JPG Datei247 kB184 kB (-25%)141 kB (-43%)60 kB (-76%)7 kB (-97%)
PNG Datei1’523 kB512 kB (-66%)170 kB (-89%)71 kB (-95%)8 kB (-99.5%)
JPG Datei428 kB300 kB (-30%)198 kB (-54%)81 kB (-81%)9 kB (-98%)
PNG Datei380 kB338 kB (-11%)120 kB (-68%)54 kB (-86%)7 kB (-98%)
PNG Datei83 kB83 kB (0%)79 kB (-5%)43 kB (-48%)6 kB (-93%)
Durchschnitts­optimierung-32%-55%-79%-97%

PageSpeed ist enorm wichtig, weshalb Bilder unbedingt optimiert werden müssen.

Der Bulk Optimierer hilft rasch alle alten Dateien in die verschiedenen Dateiformate umzuwandeln, damit diese einfach erneut über die bestehenden Dateien hochgeladen werden können.

So spart man sich das mühsame Überarbeiten einzelner Dateien und kann in kurzer Zeit massenhaft Bilder optimieren. Eine Optimierung von 20’000 Bildern dauert rund 1 Tag.

Adaptive Images Einbindung

Normale Einbindung:

<img src="bildname.jpg" alt="some text here" />

Adaptive Image Einbindung:

<img src="bildname.jpg" sizes="(max-width: 100px) 80px, (max-width: 360px) 300px, (max-width: 540px) 500px, (max-width: 1000px) 800px, 1024px" srcset="bildname-100x100.jpg 100w, bildname-540x540.jpg 540w, bildname-1000x1000.jpg 1000w, 1024px" alt="some text here" />

Vorteile liegen auf der Hand: Je nach maximaler Auflösung des Endgerätes werden optimierte Bilder geladen. Dadurch kann eine maximale Auflösung für alle Geräte garantiert werden, während Datenvolumen so gering wie möglich gehalten wird. Dadurch können schnelle mobile Bild-Ladezeiten erreicht werden.

  • Bulk Bild Optimierer
    • Keine Limitierung der Menge von optimierten Bildern.
    • Für PNG und JPG Optimierung

    Sie erhalten die Sourcecodes aller Photoshop Aktionen und des Optimierungsscript und können diese beliebig ausbauen / erweitern und verändern für Ihre eigene Anwendung.

    Weiterverkauf und / oder Weitergabe des Skripts ist untersagt.

    Nicht enthalten im Paket:

    • Adobe Photoshop
    • TinyPNG / TinyJPG Lizenz ($65 einmalig)
  • 349.00 CHF exkl. MwSt.
    einmalig
  • 349.00 CHFIn den Warenkorb

Gerne übernehmen die Aufgabe, alle Ihre Bilder zu optimieren. Der Aufwand wird von uns vorher abgeschätzt und hängt von der Anzahl Bilder auf  Ihrer Webseite und/oder Webshop, ab.

Gerne unterbreiten wir Ihnen eine unverbindliche Offerte auf fragen@wuk.ch.

Haben Sie eine Frage?
Helene & Stefan
x
x