Welche Formate sich heute durchsetzen
Für Web ist WebP der aktuelle Standard – kleinere Dateien als JPG bei gleicher Qualität. AVIF ist noch effizienter, aber nicht überall unterstützt. Klassisches JPG funktioniert weiterhin als Fallback.
Für transparente Logos oder Grafiken: SVG (skalierbar, klein) oder PNG bei pixelbasierten Bildern.
Die richtigen Größen wählen
Hero-Bilder: max. 1920px Breite. Content-Bilder: 800–1200px. Thumbnails: 300–500px. Mehr ist Verschwendung – die meisten Bildschirme zeigen ohnehin nicht alles.
Wenn Ihr CMS (z. B. WordPress) automatisch responsive srcsets erzeugt, lassen Sie das aktiviert. So bekommen Mobile-Nutzer kleinere Versionen, Desktop größere.
Komprimierung ohne Qualitätsverlust
JPG-Qualität 80–85 reicht für Web in fast jedem Fall – das spart 30–50% Dateigröße ohne sichtbaren Verlust. Tools wie Squoosh, ShortPixel, Imagify oder TinyPNG automatisieren das.
WebP erlaubt zusätzliche 25–35% Einsparung. Aktivieren Sie das in Ihrem CMS oder über ein Plugin. Gerne sprechen Sie auch uns über Werbesofa.de an, denn hier können wir Ihnen was das betrifft sehr gut helfen.
Lazy Loading & Caching
Aktivieren Sie lazy loading (`loading=“lazy“`) für alle Bilder unterhalb des Falzes – sie laden erst, wenn der Nutzer scrollt. Das verbessert Core Web Vitals und Google-Ranking.
CDN + aggressives Caching (Cloudflare, BunnyCDN, WP Rocket) bringen weltweit kürzere Ladezeiten.
Alt-Texte für SEO und Barrierefreiheit
Jedes Bild braucht einen aussagekräftigen Alt-Text: kurz, beschreibend, mit Kontext. Beispiel statt „img1.jpg“: „Mitarbeiter im Gespräch mit Kundin in der Werkstatt – Schepers Photography“. Hilft Suchmaschinen und Menschen mit Screenreadern.
Core Web Vitals und SEO-Auswirkung
Google bewertet seit 2021 die Core Web Vitals als Ranking-Faktor. Bilder spielen dabei eine zentrale Rolle: das größte sichtbare Bild im ersten Viewport bestimmt den LCP (Largest Contentful Paint). Ist es zu groß oder lädt zu langsam, sinkt das Ranking.
📌 Mein Standard bei Bildrechten
Bei Schepers Photography bekommen Sie standardmäßig die vollen Nutzungsrechte an allen gelieferten Bildern – zeitlich unbegrenzt, geografisch unbegrenzt, für alle eigenen Medien (Website, Social Media, Print, Pressearbeit, Karriere, Geschäftsbericht). Ohne Aufpreis, ohne Kleingedrucktes. Eine Ausnahme gilt nur, wenn vor dem Shooting schriftlich etwas anderes vereinbart wird – das kommt sehr selten vor.
Auch eine Urhebernennung ist nicht zwingend. Sie müssen mich also nicht als Fotograf nennen, wenn das nicht zum Layout passt. Meine Erfahrung: Wenn ein Bild gut ist, fragen die Leute von selbst, wer es gemacht hat. Mehr Details zu meiner Lizenzphilosophie finden Sie unter Bildrechte & Nutzungsrechte.
Konkret: ein Hero-Bild über 500 KB drückt den LCP-Score schon spürbar. Ein Bild über 1 MB ist fast schon eine Garantie für schlechte Mobile-Werte. Ziel: Hero-Bilder unter 200 KB, Content-Bilder unter 100 KB.
Mit WebP und intelligenter Komprimierung ist das problemlos erreichbar — ohne sichtbaren Qualitätsverlust.
CDN, Caching und Lazy Loading
Ein Content Delivery Network (Cloudflare, BunnyCDN) liefert Bilder vom geographisch nächsten Server. Das reduziert Latenz für Besucher in unterschiedlichen Regionen erheblich.
Browser-Caching: Bilder bekommen lange Cache-Header (z. B. 1 Jahr). Wer die Seite zum zweiten Mal besucht, lädt nichts erneut.
Lazy Loading: Mit `loading=“lazy“` laden Bilder erst, wenn der Nutzer scrollt. Das verbessert den initialen Page Load deutlich.
Auf WordPress-Seiten machen Plugins wie WP Rocket, Imagify oder SmashPixel (unser eigenes Plugin) diese Optimierung automatisiert.
Bilder mit semantischem SEO-Wert
Über die Bildoptimierung hinaus sollten Bilder SEO-Wert tragen. Das geht über drei Hebel:
Dateinamen sprechend machen:
Statt „IMG_1234.jpg“ lieber „fotograf-mitarbeiter-mannheim-werkstatt.jpg“. Das wird im URL und beim Download als Kontext verwendet.
Und ja wir nehmen uns da nicht aus, den Fehler machen wir selbst auch mal 😉
Alt-Text mit Kontext:
„Mitarbeiter im Gespräch mit Kundin in der Werkstatt — Schepers Photography Mannheim“. Beschreibt Inhalt + Marke + Region.
Caption (Bildunterschrift):
Wenn sinnvoll, eine kurze Bildunterschrift mit Keywords. Google bezieht das in den Kontext ein.
Mehr zu Alt-Texten und SEO: meine Mitarbeiterfotos- und Industriefotografie-Seiten.
Jetzt anfragen – Schepers Photography
Sie brauchen optimierte Bilder für Ihre Website oder einen Relaunch? Wir liefern Ihnen Bildmaterial fix-und-fertig in allen relevanten Formaten – mit Alt-Texten, mehreren Auflösungen und WebP-Konvertierung inklusive.