- 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
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.
| Orginaldatei | Optimierte Datei | Optimierung | |
|---|---|---|---|
| JPG Datei | 57’769 kB | 432 kB | -99.25% |
| JPG Datei | 23’295 kB | 247 kB | -98.94% |
| PNG Datei | 9’673 kB | 1’523 kB | -84% |
| JPG Datei | 5’436 kB | 428 kB | -92% |
| PNG Datei | 1’005 kB | 380 kB | -62% |
| PNG Datei | 396 kB | 83 kB | -79% |
| Durchschnittsoptimierung | -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 4k | Desktop HD | Tablet Quer | Tablet Hoch | Mobile | |
|---|---|---|---|---|---|
| JPG Datei | 432 kB | 189 kB (-56%) | 133 kB (-70%) | 55 kB (-87%) | 6 kB (-98.6%) |
| JPG Datei | 247 kB | 184 kB (-25%) | 141 kB (-43%) | 60 kB (-76%) | 7 kB (-97%) |
| PNG Datei | 1’523 kB | 512 kB (-66%) | 170 kB (-89%) | 71 kB (-95%) | 8 kB (-99.5%) |
| JPG Datei | 428 kB | 300 kB (-30%) | 198 kB (-54%) | 81 kB (-81%) | 9 kB (-98%) |
| PNG Datei | 380 kB | 338 kB (-11%) | 120 kB (-68%) | 54 kB (-86%) | 7 kB (-98%) |
| PNG Datei | 83 kB | 83 kB (0%) | 79 kB (-5%) | 43 kB (-48%) | 6 kB (-93%) |
| Durchschnittsoptimierung | -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.
