Gute Bilder für das Web
Bilder machen Websites lebendig – und oft langsam. So bekommst du beides hin: schön und schnell.
Jonas Weber · Design
1 Min. Lesezeit
Inhalt
Ein gutes Foto sagt mehr als jeder Text. Ein zu großes Foto sorgt aber dafür, dass niemand den Text überhaupt sieht.
Das richtige Format
WebP und AVIF sind deutlich kleiner als JPG bei gleicher Qualität. Für Logos und Icons ist SVG ideal – gestochen scharf in jeder Größe.
Die richtige Größe
Ein Smartphone braucht kein Bild in 4000 Pixeln Breite. Wir erzeugen automatisch mehrere Größen, und der Browser lädt die passende.
Alternativtexte nicht vergessen
Bilder, die Inhalte tragen, brauchen eine kurze Beschreibung. Rein dekorative Bilder bekommen einen leeren Alternativtext, damit Screenreader sie überspringen.