Website-Bilder optimieren: Dateigröße und Darstellung prüfen

Mit einer konkreten Bildstelle beginnen

Wähle zuerst eine wichtige Seite und die darauf verwendeten Bilder aus. Notiere die Aufgabe jedes Motivs: großes Einstiegsbild, kleine Vorschau, Produktdetail oder Firmenzeichen. Ein Foto, das eine ganze Bildschirmbreite füllt, hat andere Anforderungen als ein kleines Vorschaubild in einer Liste.

Halte außerdem fest, welche Originaldatei zum Bild gehört. Bewahre diese getrennt von den Veröffentlichungsfassungen auf. Wenn du später einen anderen Ausschnitt brauchst, solltest du nicht eine bereits verkleinerte Datei erneut bearbeiten müssen. Für die grundsätzliche Auswahl zwischen Logo und Foto gibt es den Ratgeber zum Unternehmensprofilbild; hier geht es um die technische Aufbereitung eines bereits gewählten Motivs.

Pixelmaße und Dateigröße getrennt betrachten

Die Breite und Höhe in Pixeln beschreiben die Abmessungen einer Bilddatei. Ihre Größe in Kilobyte oder Megabyte bezeichnet dagegen die Datenmenge. Ein Bild kann auf der Website klein aussehen und trotzdem aus einer großen Datei stammen. Eine bloß kleinere Anzeige ist daher noch kein Nachweis für eine entsprechend kleinere übertragene Datei.

Frage die Website-Betreuung nach den tatsächlich benötigten Varianten. Der web.dev-Leitfaden zu responsiven Bildern erläutert, wie unterschiedliche Bildfassungen für verschiedene Geräte bereitgestellt werden können. Entscheidend ist neben dem Layout auch, welche Datei der Browser tatsächlich erhält. Die Einrichtung solcher Varianten gehört zur jeweiligen Website-Umsetzung.

Fiktives Planungsbeispiel: Eine Tischlerei liefert ein hochauflösendes Werkstattfoto. Für den breiten Seiteneinstieg und eine kleine Projektkarte werden getrennte Webfassungen vorbereitet. Die benötigten Maße legt die tatsächliche Darstellung fest. Das Beispiel ist kein gemessener Kundenfall und keine allgemeine Pixelvorgabe für alle Websites.

Eine passende Webfassung exportieren

Erstelle die Veröffentlichungsfassung als eigene Datei. Prüfe beim Export Ausschnitt, Abmessungen und Qualität gemeinsam. Ein sehr stark verkleinertes Foto kann Details verlieren; eine hohe Qualitätseinstellung kann andererseits mehr Daten erzeugen, als für die sichtbare Aufgabe nötig sind. Vergleiche deshalb das Ergebnis am vorgesehenen Einsatzort.

Google Search Central nennt unter anderem JPEG, PNG, WebP und AVIF als unterstützte Bildformate und behandelt das Zusammenspiel von Bildqualität und Ladeaufwand. Daraus folgt keine pauschale beste Dateiendung für jedes Motiv. Stimme mit deiner Betreuung ab, welche Formate das verwendete System ausliefert.

Ein bloßes Umbenennen der Dateiendung ersetzt keinen Export in ein anderes Format. Öffne die fertige Datei zur Kontrolle. Achte besonders auf feine Strukturen, deutliche Kanten und kleine Details, die deine Leistung zeigen sollen. Wenn ein Motiv nach der Bearbeitung seine Aussage verliert, ist die kleinere Datei allein kein sinnvoller Erfolg.

Die veröffentlichte Seite kontrollieren

Beurteile nicht nur die exportierte Datei im Bildprogramm. Öffne die tatsächlich veröffentlichte Seite am Smartphone und am Computer. Bleibt das wichtige Motiv im vorgesehenen Ausschnitt sichtbar? Ist das Bild scharf genug für seinen Zweck? Passt die Darstellung zum umgebenden Text?

Bitte bei auffälliger Verzögerung um eine Prüfung der ausgelieferten Datei und der Seiteneinbindung. Notiere dabei die genaue Seite, Bildstelle, Gerät und beobachtete Situation. Ein erneuter Seitenaufruf kann von bereits gespeicherten Daten profitieren; ein einzelner schneller Versuch erklärt daher noch nicht, wie sich die Seite beim ersten Besuch verhält. Eine technische Geschwindigkeitsprüfung sollte die Betreuung unter nachvollziehbaren Bedingungen durchführen.

Auch nach einem Bildtausch ist die Kontrolle wichtig. Das Vorschaubild, der große Seiteneinstieg und eine vorhandene Detailansicht können unterschiedliche Fassungen verwenden. Prüfe die betroffenen Stellen einzeln, statt aus einer richtigen Ansicht auf alle anderen zu schließen.

Eine kleine Übergabeliste führen

Diese Vorlage verbindet die Bildentscheidung mit der technischen Umsetzung. Verwende einen Eintrag je Motiv und lasse offene technische Angaben von der Betreuung ergänzen:

Seite und Bildstelle: [URL und Position].
Originaldatei: [eindeutige Bezeichnung].
Verwendungszweck: [Einstieg, Vorschau oder Detail].
Benötigte Fassungen: [abgestimmte Maße und Formate].
Export geprüft: [Person und Datum].
Veröffentlichte Darstellung geprüft: [Geräte und Ergebnis].
Offene Korrektur: [konkrete Beobachtung].

Bei mehreren Motiven hilft ein einheitliches Benennungsschema. Trenne Originale von freigegebenen Webdateien und markiere ersetzte Fassungen. Übernimm keine erfundenen Qualitätskennwerte oder pauschalen Ladezeitversprechen in die Liste. Die Dokumentation soll die tatsächliche Datei und ihren Einsatz nachvollziehbar machen.

Website-Pflege und Veröffentlichung abstimmen

Ein Unternehmensprofil kann zu deiner Website führen; wie Bilder dort ausgeliefert werden, steuerst du mit deiner Website-Betreuung. GoAustria übernimmt im beschriebenen Veröffentlichungspaket keine Optimierung deiner eigenen Website. Besondere Wünsche zur Bereitstellung eines Profilbilds klärst du über den Kontakt.

Sieh dir im Verzeichnis bestehende Darstellungen an und vergleiche die Paketleistungen. Ein einzelnes GoAustria-Profil gibt es über den Eintrag für 39 € pro Jahr als Jahresgesamtpreis mit jährlicher Verlängerung. Neue bezahlte Profillinks bleiben sponsored/nofollow. Ein optimiertes Foto und ein zusätzlicher Eintrag sind keine Zusage einer bestimmten Suchposition. Beginne mit einer wichtigen Bildstelle und einer kontrollierten Webfassung.