Details behalten. Wartezeit verkürzen.

Ihre Kunden möchten den Stoff erkennen, nicht die Originaldatei aus der Kamera herunterladen. Wir stimmen Bildgröße, Format und Laden auf den jeweiligen Einsatz ab.

Bildoptimierung für eine schnellere Website

Ein Foto. Zwei verschiedene Aufgaben.

Ein kleines Bild in der Produktübersicht zeigt Form und Farbe des Sessels. Eine Nahaufnahme muss Gewebe und Nähte erkennen lassen. Dieselbe große Datei für beide Ansichten verbraucht unnötig Daten. Werden beide auf Vorschaubildgröße verkleinert, gehen wichtige Details verloren.

Erstellen Sie passende Größen für Übersicht und Produktseite. Halten Sie eine größere Datei für eine tatsächliche Zoomansicht bereit. Prüfen Sie jede Version in ihrer späteren Anzeigegröße: Eine für die Vorschau geeignete Komprimierung kann Stoffdetails in der Nahaufnahme verwischen.

Ein Sessel neben einer vergrößerten Ansicht seines Webstoffs und einer Naht.
Der ganze Sessel zeigt Form und Farbe. Die Vergrößerung zeigt, was Käufer vor der Stoffauswahl prüfen möchten.

Datei, Größe und Ladezeitpunkt richtig wählen.

Beginnen Sie mit einer langsamen Seite auf dem Smartphone. Ermitteln Sie, welches Bild der Kunde zuerst braucht. Prüfen Sie dann diese drei Punkte.

Das Format nach dem Ergebnis wählen

Vergleichen Sie geeignete Formate in derselben Anzeigegröße. Wählen Sie die kleinere Datei nur, wenn Kanten, Struktur und Farben in den Browsern Ihrer Kunden weiterhin stimmen.

Dem Browser passende Größen anbieten

Ein 400 CSS-Pixel breites Bild kann auf einem Bildschirm mit doppelter Pixeldichte eine 800 Pixel breite Datei benötigen. Geben Sie Bildvarianten und die richtige Anzeigegröße an, damit der Browser wählen kann. So funktioniert die responsive Bildauswahl.

Das wichtige Bild zuerst laden

Das sofort sichtbare Hauptbild sollte zügig laden. Laden Sie weiter unten stehende Bilder später und reservieren Sie ihren Platz, damit Preise und Schaltflächen nicht springen. Hinweise zum Laden von Bildern.

Eine kleinere Datei ist erst die halbe Prüfung.

Vergleichen Sie dieselbe Seite bei gleicher Ansichtsbreite und unter gleichen Testbedingungen vor und nach der Änderung. Prüfen Sie, was beim Kunden ankommt, nicht nur die Datei in der Mediathek.

Was wurde heruntergeladen?

Erfassen Sie die tatsächlich geladene Bilddatei und ihre Datenmenge. Eine optimierte Datei hilft nicht, wenn die Seite weiterhin das alte Original ausliefert.

Welche Details bleiben erhalten?

Vergleichen Sie denselben Ausschnitt in derselben Anzeigegröße. Prüfen Sie beim Sessel Gewebe, Nähte und Farbe getrennt in Übersicht, Vollansicht und Zoom.

Was passiert beim Laden?

Prüfen Sie, wann das Hauptbild erscheint und ob sich Preis oder Kaufbutton verschieben. Wiederholen Sie den Test unter gleichen Bedingungen, bevor Sie das Ergebnis bewerten.

Sie möchten lediglich eine große Datei versenden? Nutzen Sie Devenia Send.

Bildoptimierung für eine schnellere Website

Zeigen Sie die Details. Verkürzen Sie das Warten.

Senden Sie uns eine langsame Seite, das betroffene Gerät und die Bilddetails, die Ihre Kunden erkennen müssen. Geben Sie an, ob das erste Bild, die Galerie oder die Zoomansicht betroffen ist.