Bildgrößenanpassung: Optimale Abmessungen für Web und Social Media
Die richtige Bildgröße für Webseiten, Social Media und E-Mail beeinflusst sowohl die Bildqualität als auch die Ladezeit.
Aktualisiert:
Warum Bildgröße wichtig ist
Große Bilder erhöhen die Ladezeit. Google Core Web Vitals: LCP sollte unter 2,5 Sekunden liegen. Kleine Bilder verursachen Qualitätsverlust. Die richtige Größe optimiert sowohl Qualität als auch Leistung.
Optimale Abmessungen für Webseiten
Hero/Banner: 1920x1080 px (16:9), 200-400 KB. Blog-Cover: 1200x628 px, 100-200 KB. Inhaltsbild: 800x600 px, 50-150 KB. Thumbnail: 300x200 px, 20-50 KB. Logo: 200x50 px, 10-30 KB. Favicon: 32x32 oder 16x16 px.
Optimale Abmessungen für Social Media
Instagram: Quadrat 1080x1080, Hochformat 1080x1350, Story 1080x1920. Facebook: Cover 820x312, Post 1200x630. Twitter/X: Header 1500x500, Post 1200x675. LinkedIn: Cover 1584x396, Post 1200x627. YouTube: Thumbnail 1280x720.
Tipps zur Größenanpassung
1. Seitenverhältnis sperren. 2. Retina/HiDPI: 2x Auflösung. 3. WebP verwenden. 4. Lazy Loading. 5. Responsive Images (srcset).
Utilgo Bildgrößenanpasser
Utilgo Bildgrößenanpasser unterstützt Pixel- oder Prozent-basierte Größenanpassung, Seitenverhältnis-Sperre und Formatwahl (JPEG/PNG/WebP). Dateien bis 20 MB und 40 Megapixel.
Passende Werkzeuge
Schritt-für-Schritt-Anleitungen
Praxisartikel zu diesem Thema
Mobile Web Performance: Optimierung und Best Practices
Mobile Web Performance beinhaltet andere Herausforderungen als Desktop Performance.
Ein Foto unter 200 KB bringen: Dateigröße und Upload-Vorgaben
Ein Formular kann ein Foto trotz passender Pixelmaße ablehnen. Gleich breite Bilder haben nicht unbedingt dieselbe Dateigröße.
Responsive Bilder: srcset, sizes und Art Direction
Responsive Bilder liefern optimierte Bilder für verschiedene Bildschirmgrößen und Auflösungen.