Die Kameraauflösung direkt auf eine Website zu laden ist selten der beste Ausgangspunkt. Besucher müssen dann möglicherweise große Dateien herunterladen, obwohl das Bild nur als kleine Karte erscheint. Gleichzeitig darf die Ausgabe auf einem hochauflösenden Bildschirm nicht unnötig weich werden. Plane deshalb ausgehend von der tatsächlichen Darstellung, nicht allein von einer pauschalen Dateigrößengrenze.
Verwendung und Ausschnitt festlegen
Ein breites Titelbild braucht eine andere Komposition als eine quadratische Vorschau. Erstelle diese Varianten bewusst und kontrolliere Gesichter sowie wichtige Gegenstände. Wenn dieselbe Datei automatisch zugeschnitten wird, lege einen passenden Fokuspunkt fest oder nutze unterschiedliche Ausschnitte für verschiedene Ansichten.
Notiere die größte Darstellungsbreite im Layout. Für Bildschirme mit höherer Pixeldichte kann eine entsprechend größere Bildvariante sinnvoll sein. Das bedeutet jedoch nicht, jedes Vorschaubild pauschal in maximaler Auflösung bereitzustellen. Responsive Bildvarianten können dem Browser eine passendere Auswahl ermöglichen.
Export am Motiv prüfen
Verwende einen geeigneten Ausgabefarbraum, häufig sRGB, und ein zum Inhalt passendes Format. Fotos können als JPEG oder WebP effizient sein; transparente Grafiken brauchen eine entsprechende Unterstützung. Vergleiche mehrere Kompressionsstufen bei gleichen Abmessungen. Feine Zweige, Haare und glatte Himmel zeigen Probleme schneller als grobe Steinflächen.
Nach dem Verkleinern kann eine moderate Ausgabeschärfung helfen. Prüfe jedoch Schrift und harte Kanten auf Säume. Speichere die Webkopie getrennt vom Master und vermeide wiederholte verlustbehaftete Bearbeitung derselben Ausgabe. Ein verständlicher Dateiname erleichtert spätere Aktualisierungen.
Information außerhalb der Bildpixel behalten
Wichtige Überschriften und Erklärungen sollten möglichst als echter Text auf der Seite stehen. Eingebrannte Schrift kann auf einem Telefon zu klein werden und lässt sich nicht unabhängig skalieren. Ergänze bei informativen Bildern einen Alternativtext, der ihre Funktion im jeweiligen Zusammenhang beschreibt. Rein dekorative Bilder benötigen eine andere Behandlung als erklärende Fotos.
Prüfe vor der Veröffentlichung außerdem, ob Standortdaten oder andere persönliche Metadaten enthalten sind, die nicht öffentlich werden sollen. Entferne sie aus der Webkopie, ohne das Archivoriginal unnötig zu verändern. Sichtbare Hausnummern und Gesichter bleiben trotzdem im Bild und brauchen eine eigene Beurteilung.
Die echte Seite testen
Öffne die Seite auf einem kleinen und einem großen Bildschirm. Kontrolliere Ladeverhalten, Bildproportionen und Beschnitt. Angegebene Bildabmessungen helfen dem Layout, den benötigten Platz schon vor dem Laden freizuhalten. Ein nachträglich springender Text ist auch dann störend, wenn das Foto selbst schön aussieht.
Prüfe die tatsächlich ausgelieferte Datei. Manche Systeme komprimieren oder skalieren beim Hochladen erneut. Die lokale Exportvorschau beweist deshalb nicht, dass Besucher dieselbe Qualität erhalten. Bewahre einen nachvollziehbaren Exportablauf, damit neue Bilder ohne Zufall zu den vorhandenen passen.
