Bild online zuschneiden: Hero, Share-Bild und Quadrat | We.Inc
Schneide Bilder in deinem Browser auf Website-Größen zu: Share-Bilder mit 1200×630, Heros in 16:9, Quadrate und Hochformate. Export als WebP, JPG oder PNG mit Anzeige der Dateigröße. Kein Upload.
Bild-Zuschneider für Websites
Wähle eine Form wie ein Share-Bild mit 1200×630, einen Hero in 16:9 oder ein quadratisches Produktfoto, zieh dein Bild hinein, schiebe den Rahmen über den gewünschten Bereich und lade es herunter. Der Zuschnitt läuft in deinem Browser, das Foto verlässt also nie dein Gerät, und du kannst es als WebP, JPG oder PNG speichern.
Die meistgenutzten Zuschnitte für Websites
Wo es erscheint
Form
Größe
Linkvorschauen (Open Graph)
1200 × 630px
Hero über die volle Breite
1920 × 1080px
Produkt- oder Teamfoto
1080 × 1080px
Blog- oder Listenkarte
1200 × 800px
Ein Zuschneider, der auf die Größen ausgelegt ist, die Websites nutzen. Wähle eine Vorlage, verschiebe den Rahmen und ändere seine Größe, lege Format und Qualität fest, sieh die genaue Ausgabegröße und das Dateigewicht und schneide einen ganzen Stapel in einem Durchgang auf dieselbe Form zu.
Wähle eine Zuschnittform. Jede Vorlage legt das Seitenverhältnis und die Ausgabegröße fest; Frei lässt dich ein beliebiges Rechteck ziehen.
Zieh ein oder mehrere Bilder auf die Fläche oder klicke, um sie auszuwählen. Bis zu 20 können gleichzeitig geöffnet sein, und keines davon wird hochgeladen.
Verschiebe den Zuschnittrahmen, um das Bild einzurahmen, und zieh am blauen Punkt, um ihn zu vergrößern oder zu verkleinern. Ist der Rahmen fokussiert, verschieben ihn die Pfeiltasten in kleinen Schritten, mit Shift geht es schneller.
Wähle WebP, JPG oder PNG (und AVIF, wenn dein Browser es erzeugen kann), lege die Qualität fest und optional eine maximale Breite.
Klicke auf Zuschneiden und herunterladen. Sind mehrere Bilder geöffnet, wendet Alle zuschneiden dieselbe Form um denselben Punkt in jedem Bild an.
Halte Gesichter und Text vom Rand von Share-Bildern fern. Manche Apps schneiden Linkvorschauen auf ein Quadrat zu oder runden die Ecken ab.
WebP mit etwa 80% Qualität ist meist deutlich kleiner als JPG bei gleicher sichtbarer Qualität und funktioniert in jedem aktuellen Browser.
Verwende PNG nur für Screenshots, Logos und Grafiken mit flächigen Farben oder Transparenz. Als PNG gespeicherte Fotos sind oft um ein Mehrfaches größer.
Schneide Hero-Bilder für Mobilgeräte breiter zu als nötig und setze object-position in CSS, damit das Motiv auf schmalen Bildschirmen sichtbar bleibt.
Wenn das Tool warnt, dass das Bild vergrößert wird, hat der Zuschnitt weniger Pixel als die Zielgröße. Starte lieber mit einem größeren Original, statt ein unscharfes Ergebnis hinzunehmen.
Häufige Fragen
Werden meine Bilder hochgeladen?
Nein. Die Bilder werden von deinem Browser auf deinem eigenen Gerät geöffnet, zugeschnitten und gespeichert. Es gibt keinen Upload-Schritt, und nichts wird auf unseren Servern gespeichert.
Welche Größe sollte ein Share-Bild haben?
1200 × 630 Pixel, ein Seitenverhältnis von etwa 1.91 zu 1, ist die Größe, auf die die meisten Linkvorschauen ausgelegt sind. Wähle die Vorlage Share-Bild, um genau darauf zuzuschneiden.
Welches Format ist am besten für Website-Bilder?
WebP ist der sichere Standard für Fotos: kleine Dateien und Unterstützung in allen aktuellen Browsern. AVIF kann noch kleiner sein, braucht aber länger zum Kodieren und wird nicht vom Canvas jedes Browsers angeboten. Verwende PNG für Grafiken, die scharfe Kanten oder Transparenz brauchen.
Kann ich mehrere Bilder auf dieselbe Größe zuschneiden?
Ja. Öffne mehrere Bilder, rahme das erste ein und nutze dann Alle zuschneiden. Jedes Bild wird auf dieselbe Form und Ausgabegröße zugeschnitten, zentriert auf denselben relativen Punkt wie dein erster Zuschnitt.
Warum sieht die zugeschnittene Datei unscharf aus?
Der Zuschnittbereich hatte weniger Pixel als die Ausgabegröße und wurde daher vergrößert. Das Tool zeigt eine Warnung, wenn das passieren wird. Verwende ein größeres Original, einen größeren Zuschnittbereich oder eine kleinere maximale Breite.
Erst zuschneiden, dann komprimieren
Die meisten zu großen Website-Bilder sind nicht schlecht komprimiert, sie sind einfach zu groß. Ein Handyfoto ist oft 4000 Pixel breit, aber ein Hero-Banner braucht selten mehr als 1920 und ein Kartenbild etwa 1200. Wer auf die Form und Größe zuschneidet, die die Seite nutzt, entfernt den Großteil des Gewichts, bevor überhaupt komprimiert wird.
Nach dem Zuschneiden kann der Bildkompressor noch etwas mehr aus der Datei herausholen, und der WebP-Konverter verarbeitet ganze Ordner auf einmal.
Die richtige Form wählen
Passe den Zuschnitt an die Box an, die das Bild auf der Seite füllt. Wenn ein Theme Produktfotos in quadratischen Kacheln zeigt, schneide sie selbst quadratisch zu, statt CSS die Ränder unvorhersehbar abschneiden zu lassen. Nutzt das Theme einen Hero in 16:9, wird ein Hochformatfoto in 4:5 stark beschnitten. Wähle also eine Querformataufnahme oder rahme sie hier neu ein.
Betrachte die Vorschaukarte bei Share-Bildern als kleines Plakat: ein klares Motiv, höchstens ein paar große Wörter und nichts Wichtiges in der Nähe der Ränder.
Im Tool eingebaute Zuschnittformen
Form
Ausgabegröße
Geeignet für
Frei
Die eigene Größe deines Zuschnitts
Jede Form, die du ziehst
Share-Bild 1200×630
1200 × 630px
Open-Graph-Linkvorschauen
Hero 16:9
1920 × 1080px
Banner über die volle Breite und Video-Poster
Breiter Hero 21:9
2560 × 1097px
Flache, kinoartige Seitenköpfe
Quadrat 1:1
1080 × 1080px
Produktfotos, Avatare, Raster-Posts
Hochformat 4:5
1080 × 1350px
Hohe Feed-Posts und Produktaufnahmen
Story 9:16
1080 × 1920px
Vollbild-Stories auf dem Smartphone
Karte 3:2
1200 × 800px
Bilder für Blog- und Listenkarten
Favicon 512
512 × 512px
Vorlage für Website-Icons
Frei
Jede Form, die du ziehst
Share-Bild 1200×630
Open-Graph-Linkvorschauen
Hero 16:9
Banner über die volle Breite und Video-Poster
Breiter Hero 21:9
Flache, kinoartige Seitenköpfe
Quadrat 1:1
Produktfotos, Avatare, Raster-Posts
Hochformat 4:5
Hohe Feed-Posts und Produktaufnahmen
Story 9:16
Vollbild-Stories auf dem Smartphone
Karte 3:2
Bilder für Blog- und Listenkarten
Favicon 512
Vorlage für Website-Icons
{name} konnte nicht als Bild gelesen werden.
{n} Bild geladen. Nichts wurde hochgeladen.
{n} Bilder geladen. Nichts wurde hochgeladen.
Dieser Browser kann dieses Format nicht speichern. Wähle WebP, JPG oder PNG.
Gespeichert: {w} × {h} {ext}, {size}.
{n} Bilder gespeichert, insgesamt {size}. Jedes wurde um denselben Punkt wie dieses zugeschnitten.
Zuschneiden
Zuschnittform
Bilder hierher ziehen oder klicken, um sie auszuwählen
JPG, PNG, WebP, GIF oder AVIF. Bis zu 20 auf einmal. Sie bleiben auf deinem Gerät.
Bild wird zugeschnitten: {name}
Zuschnittbereich. Ziehen zum Verschieben oder die Pfeiltasten verwenden.
Zuschnitt bei {x}, {y}, {w} mal {h} Pixel
{name}: {iw} × {ih}px. Zuschnitt {size} ab ({pos}). Zieh den Rahmen, um ihn zu verschieben, den blauen Punkt, um die Größe zu ändern, oder fokussiere ihn und nutze die Pfeiltasten.
Export
Format
Qualität {value}
(PNG ist verlustfrei)
Maximale Breite (px, optional)
Zuschnittgröße beibehalten
Ausgabe:
· Der Zuschnitt ist kleiner als diese Größe, wird also vergrößert und kann unscharf wirken. Verwende ein größeres Foto oder eine kleinere Größe.
Zuschneiden und herunterladen
Alle {n} gleich zuschneiden
Bilder hinzufügen
Leeren
Zugeschnittenes Ergebnis, {w} mal {h} Pixel, {size}