die herausforderung
EIN SCHWERES BILD. LANGSAMERE MOBILSEITEN.
Das Anmeldeformular trug ein 1,05-MB-Bild, das das Laden mobiler Seiten bremste. Das Bild brauchte echte Transparenz, um sauber über dem Design zu liegen. Ein schneller Wechsel zu einem Format ohne Alphakanal kam daher nicht infrage.
unsere lösung
WENIGER GEWICHT, GLEICHE TRANSPARENZ, LEICHTERE MOBILSEITE.
Wir haben das Formularbild auf die tatsächlich genutzten Maße skaliert und verlustfrei als PNG komprimiert. Die Transparenz bleibt gestochen scharf.
-
01
DIAGNOSE
Das Bild des Anmeldeformulars als schwere Datei identifiziert, die mobile Seiten bremste.
-
02
SKALIEREN
Das Bild auf die Maße gebracht, die das Formular tatsächlich anzeigt.
-
03
KOMPRIMIEREN
Die Datei verlustfrei komprimiert und PNG behalten, um echte Transparenz zu sichern.
-
04
PRÜFEN
Ergebnis bestätigt: 460 KB statt 1,05 MB, und das Formular sieht exakt wie im Design aus.
die ergebnisse
GLEICHES FORMULAR. WENIGER ALS HALB SO SCHWER.
-56 %Gewicht des Formularbilds
460 KBNeue Dateigröße bei jedem mobilen Besuch
1,05 MBBildgröße vorher
460 KBBildgröße nachher
PNGFormat für echte Transparenz beibehalten
die fußnote
WAS SICH
IM SHOP ÄNDERTE.
Jede mobile Kundin und jeder mobile Kunde des Shops lädt für das Formularbild jetzt 460 KB statt 1,05 MB.
- fader
- Websites & E-Com
- quelle
- öffentlicher case auf grandma.agency, zahlen wie im konto erfasst: keine rundung über das hinaus, was die beschriftung sagt
für wen
FÜR SHOPS, DIE AUF DEM HANDY VERKAUFEN.
Für Onlineshops, deren Kundschaft mobil stöbert und unterwegs auf ein Anmeldeformular trifft. Jedes entfernte Kilobyte muss niemand mehr laden.
- Ihr Shop lebt von ausdrucksstarken Produkt- und Promo-Bildern.
- Ihr Anmeldeformular oder Pop-up nutzt Bilder mit Transparenz.
- Sie wollen ein Team, das den Shop auch nach dem Launch in Form hält.
zeitplan
WIE DIE LEICHTERE SEITE LIVE GING.
- Fundament
Als Team, das den Shop seit 2023 entwickelt und betreut, kennen wir seine Schwachstellen und entdeckten das übergroße Formularbild.
- Build & Ship
Das Bild wurde skaliert, als PNG komprimiert und mit intakter Transparenz ins Live-Formular eingesetzt.
- Verstärken
Jeder mobile Besuch lädt jetzt die leichtere Datei, und derselbe Ansatz steht für die übrigen Shop-Bilder bereit.
gefragt zu diesem case
Warum zählt ein einzelnes Bild für einen Onlineshop?
Das Anmeldeformular erscheint mobilen Kundinnen und Kunden im ganzen Shop, sein Gewicht fällt also bei vielen Besuchen an. Von 1,05 MB auf 460 KB entlastet jeden davon.
Hat das Formular Qualität oder Transparenz verloren?
Nein. Wir haben PNG beibehalten und verlustfrei komprimiert, die transparenten Kanten liegen exakt wie vorher über dem Design.
War das eine einmalige Korrektur?
Sie ist Teil der laufenden Entwicklung und Betreuung des Shops seit 2023. Gemessen haben wir das Dateigewicht; Ladezeit und Verkaufseffekt wurden nicht separat erfasst.
Können Sie das auch für meinen Shop tun?
Ja. Zuerst finden wir die schwersten Dateien auf Ihren Mobilseiten, dann skalieren und komprimieren wir sie, ohne den Look Ihrer Marke zu verändern.
