Bildgröße ändern
Eigene Abmessungen oder Ein-Klick-Social-Presets. Ausgabe als PNG, JPG oder WebP — kein Upload.
Was dieses Tool macht
Skaliere jedes Bild im Browser auf exakte Pixelmaße. Lege ein PNG, JPG, WebP oder GIF ab und gib dann entweder eine eigene Breite und Höhe ein oder tippe auf eine Social-Vorlage – Instagram quadratisch, Instagram-Story, Instagram-Reel, Facebook-Titelbild, X / Twitter-Beitrag und Header, LinkedIn-Banner, YouTube-Thumbnail, TikTok, Pinterest, Open-Graph-Karte und mehr. Drei Anpassungsmodi: Einpassen setzt die Quelle mit weißem Rand ins Ziel, Füllen beschneidet mittig, um das Ziel zu füllen, und Strecken ignoriert das Seitenverhältnis. Exportiere als PNG (verlustfrei, mit Alpha), JPG (kleiner, ohne Alpha) oder WebP (am kleinsten, mit Alpha). Das Bild wird über die Canvas-API dekodiert und skaliert – es wird nichts hochgeladen.
So funktioniert es
- Bild ablegen — Ziehe ein PNG, JPG, WebP oder GIF hinein oder klicke zum Auswählen. Die Originalmaße erscheinen unter der Vorschau.
- Maße wählen — Gib eigene Werte ein oder wähle eine Social-Vorlage wie Instagram quadratisch 1080×1080 oder YouTube-Thumbnail 1280×720. Der Seitenverhältnis-Schalter hält Breite und Höhe synchron.
- Anpassung und Format wählen — Füllen schneidet zu, Einpassen lässt Ränder, Strecken ignoriert das Seitenverhältnis. PNG behält Alpha, JPG ist kleiner, WebP kombiniert beides.
- Skalieren drücken — Die Vorschau zeigt das Ergebnis. Klicke auf Herunterladen, um exakt in der eingestellten Pixelgröße zu speichern.
So funktioniert die Skalierung
Wir dekodieren die Quelle in ein HTMLImageElement und zeichnen sie dann mit imageSmoothingQuality = 'high' auf einen Off-Screen-canvas. Einpassen nutzt min(targetW/srcW, targetH/srcH) als Skalierung und zentriert das Ergebnis. Füllen nutzt max(targetW/srcW, targetH/srcH) und zentriert so, dass das Bild den Canvas füllt und Überstand abgeschnitten wird. Strecken verwendet die Zielmaße direkt. Der Canvas wird per toBlob() mit dem gewählten MIME-Typ und der gewählten Qualität exportiert. Die hochwertige bilineare / Lanczos-Pipeline des Browsers reicht für typische Social- und Web-Arbeiten; für sehr starke Verkleinerungen (mehr als 4-fach) liefern verkettete Schritte schärfere Ergebnisse, doch für einstufige Social-Größen ist die Qualität bereits ausgezeichnet.
Die richtige Vorlage wählen
Quadrate (1080×1080) sind in allen Feeds sicher – sie werden überall sauber zugeschnitten. Vertikale 1080×1920 deckt Stories, Reels, Shorts und TikTok in einem Aufwasch ab. 1200×630 ist die universelle Open-Graph- und Twitter-Card-Größe, die Link-Vorschauen auf Slack, Facebook, LinkedIn, Discord, iMessage und den meisten anderen Unfurlern erwarten. Verwende 1200×675 für X / Twitter-Beiträge, 1500×500 für X-Header, 1584×396 für persönliche LinkedIn-Banner, 1280×720 für YouTube-Thumbnails und 1000×1500 für hohe Pinterest-Pins.