So nutzt du: Bildgrößenänderer
- Zieh ein Bild per Drag & Drop hinein oder wähle eines aus (JPEG, PNG, WebP, GIF, AVIF oder SVG). Es bleibt auf deinem Gerät gespeichert.
- Gib eine neue Breite oder Höhe ein – bei aktivierter Sperre passt sich die andere Seite dem ursprünglichen Seitenverhältnis an – oder wechsle zu „Prozent“.
- Oder klick auf eine Voreinstellung wie „Open Graph 1200×630“ oder „YouTube-Miniaturansicht 1280×720“.
- Wenn sich die Form ändert, wähle „Zuschneiden, um auszufüllen“ (mit Zuschneidefokus) oder „Anpassen“ mit einer Hintergrundfarbe.
- Wähle ein Format und eine Qualität aus, überprüfe die Vorschau und die Dateigröße und klicke dann auf „Herunterladen“.
Was ist ein Bildgrößenanpasser?
Ein Bildgrößenanpasser ändert die Pixelabmessungen eines Bildes. Wenn du ein Bild verkleinerst, verringert sich seine Dateigröße und es passt genau in den Bereich, in dem es angezeigt wird – eine 1200×630-Vorschau in sozialen Medien, ein 1080×1080-Instagram-Beitrag oder ein 32×32-Favicon. Dieser Resizer läuft in deinem Browser: Das Bild wird dekodiert, mit hochwertiger Glättung neu berechnet (schrittweise Halbierung bei starken Verkleinerungen, um gezackte Kanten zu vermeiden) und erneut als JPEG, PNG, WebP oder AVIF kodiert.
„Auf Größe zuschneiden“ vs. „In den Rahmen einpassen“ vs. „Dehnen“
Wenn sich die Zielform von deinem Original unterscheidet – beispielsweise ein 4:3-Foto in einem 1,91:1-Open-Graph-Rahmen –, hast du drei Möglichkeiten:
- „Auf Größe zuschneiden“ (wie CSS
object-fit: cover) skaliert das Bild so lange, bis es den gesamten Rahmen ausfüllt, und schneidet den überstehenden Teil ab. Nutze den Zuschneidefokus, um den oberen Rand (Gesichter, Überschriften) oder eine andere Kante zu erhalten. - „In Rahmen einpassen“ (wie
object-fit: contain) zeigt das gesamte Bild an und füllt die leeren Ränder mit einer Hintergrundfarbe – oder Transparenz bei PNG/WebP. Gut geeignet für Logos und Produktfotos. - „Dehnen“ erzwingt die exakte Größe und verzerrt das Bild; verwende diese Option nur, wenn das Seitenverhältnis bereits fast identisch ist.
Gängige Bildgrößen
| Verwende | Größe (px) | Seitenverhältnis |
|---|---|---|
| Open Graph / Facebook- & LinkedIn-Link-Vorschau | 1200 × 630 | 1,91:1 |
| Quadratischer Instagram-Beitrag | 1080 × 1080 | 1:1 |
| Instagram-Beitrag im Hochformat | 1080 × 1350 | 4:5 |
| Instagram-/TikTok-Story, Reel | 1080 × 1920 | 9:16 |
| X (Twitter) In-Feed-Bild | 1600 × 900 | 16:9 |
| X (Twitter) Header | 1500 × 500 | 3:1 |
| LinkedIn-Profilbanner | 1584 × 396 | 4:1 |
| YouTube-Miniaturbild | 1280 × 720 | 16:9 |
| Apple-Touch-Symbol | 180 × 180 | 1:1 |
Plattformen ändern ihre Empfehlungen von Zeit zu Zeit, daher solltest du diese als sichere Standardwerte betrachten. Für ein vollständiges Favicon-Set (ICO, Apple-Touch-Icon, Android-Icons und Manifest) nutze den Favicon-Generator; um eine Social-Media-Vorschau mit Text von Grund auf neu zu gestalten, probier den OG-Image-Generator aus.
Größenanpassung für das Web
Passe die Größe der Bilder in etwa an die größte Größe an, in der sie angezeigt werden, und multipliziere diese für hochauflösende (Retina-)Bildschirme mit zwei – ein 600 px breites Blog-Bild sollte also mit etwa 1200 px exportiert werden. Größere Bilder bedeuten nur mehr Bytes; das Hochskalieren eines kleinen Bildes fügt keine Details hinzu und lässt es unscharf aussehen. Lass das Ergebnis nach der Größenanpassung durch den Bildkompressor laufen, um noch mehr Speicherplatz zu sparen, und nutze den Seitenverhältnis-Rechner, um passende Abmessungen zu ermitteln.
Auch gesucht als: bildgröße anpassen, bildgrößenanpasser, bildgröße ändern, foto in der größe anpassen, bild zuschneiden, instagram-größe, bildgröße, größe des youtube-miniaturbilds.
Passende Tools zu: Bildgrößenänderer
- Bild in Base64 — Wandle ein PNG-, JPEG-, SVG-, WebP- oder GIF-Bild in eine Base64-Daten-URI mit kopierfertigem CSS und HTML um – oder füge eine Base64-Zeichenkette ein, um eine Vorschau des Bildes anzuzeigen und es herunterzuladen.
- Barcode-Generator — Erstelle scanbare Barcodes für Produkte, Lagerbestände, Versand und Bibliotheken – die Prüfziffern werden automatisch berechnet, und du kannst eine gestochen scharfe SVG-Datei zum Ausdrucken oder eine PNG-Datei für Dokumente herunterladen.
- QR-Code-Scanner — Richte deine Kamera auf einen QR-Code oder lade ein Bild oder einen Screenshot hoch, der einen solchen enthält.
- SVG-Icon-Finder — Durchsuche über 70.000 Open-Source-SVG-Icons – Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material und mehr.