WEBDESIGN & WEBSITES · SWISS HOTLINE
Ein grosses Foto kann auf dem Bildschirm klein wirken und trotzdem viele Daten übertragen. Gute Bildoptimierung verbindet passende Abmessungen, ausreichende Qualität und eine verständliche Beschreibung. Dateiname oder Alt-Text allein beheben kein unnötig grosses Bild.
So gehen Sie vor
1. Bild für seinen Zweck auswählen
Nutzen Sie Motive, die den Inhalt unterstützen. Ein erklärendes Bild und ein dekoratives Hintergrundmotiv haben unterschiedliche Aufgaben.
2. Abmessungen am Einsatzort orientieren
Ein Vorschaubild braucht nicht dieselbe Originalgrösse wie ein grossflächiges Titelmotiv. Prüfen Sie Schärfe auch auf hochauflösenden Geräten.
3. Kompression und Format vergleichen
Verwenden Sie geeignete Bildformate und vergleichen Sie Dateigrösse mit sichtbarer Qualität. Extrem starke Kompression kann Details und Text im Bild unlesbar machen.
4. Alternativtext sinnvoll schreiben
Beschreiben Sie die relevante Bildinformation knapp. Vermeiden Sie Keywordlisten und behaupten Sie nicht, ein Symbolfoto zeige echte Mitarbeitende oder einen echten Kundenfall.
Typische Fehler vermeiden
Wichtige Telefonnummern oder Erläuterungen sollten nicht ausschliesslich als Bildtext vorliegen. Verwenden Sie normale HTML-Bilder für Inhaltsbilder und prüfen Sie deren tatsächliches Laden.
Für die gezielte Prüfung bereithalten
Kontrollieren Sie die mobile Darstellung sowie Bildbreite und -höhe. Ein schneller Gesamteindruck entsteht nicht nur durch kleine Dateien, sondern auch durch ein stabiles Layout ohne springende Inhalte.
Braucht jedes dekorative Bild einen langen Alt-Text?
Nein. Rein dekorative Bilder können einen leeren Alternativtext benötigen. Inhaltliche Bilder sollten dagegen passend und verständlich beschrieben werden.
Weiterführende Informationen des Herstellers oder der zuständigen Fachstelle: Dokumentation zum Nachlesen. Funktionen und Bezeichnungen können je nach Version, Konto und Gerät abweichen.
Passende Unterstützung von Swiss Hotline
Swiss Hotline unterstützt bei der Planung und technischen Prüfung. Beschreiben Sie Ihr Vorhaben über Kontakt; Umfang und Projektleistungen werden nach individueller Offerte vereinbart. Weitere Informationen: Website-Projekte.