Bilder zusammenfügen — Fotos zu einer Collage
Kombinieren Sie Fotos zu einer Collage oder einem zusammengefügten Bild im Browser. Schritte: Bilder hinzufügen, Layout horizontal/vertikal/Raster wählen, Abstand & Hintergrund setzen, zusammenfügen, JPEG/WebP/PNG laden. Beispiel: drei Sample-Blöcke in einer Reihe, weißer Hintergrund, 8 px Abstand → ein WebP — Dateien verlassen Ihr Gerät nicht; optionale Größen-Presets für übliche Posts.
So funktioniert es
Zwei oder mehr Bilder hinzufügen, bei Bedarf sortieren, Layout, Abstand und Hintergrund wählen, dann zusammenfügen. Die Seite baut lokal eine Canvas, zeichnet jedes Foto der Reihe nach, skaliert optional auf übliche Quadrat- oder Link-Vorschau-Größen, und lässt Sie laden — ohne Upload.
Layout-Regeln
Die Canvas-Größe folgt den Formeln unten. Im Raster teilen Zellen Breite und Höhe; Einpassen lässt Ränder, Füllen schneidet zu.
- Horizontal: Höhe = max der Quellen; jedes Bild auf diese Höhe skaliert; Breite = Summe skalierten Breiten + (n−1)×Abstand.
- Vertikal: Breite = max der Quellen; jedes Bild auf diese Breite skaliert; Höhe = Summe skalierten Höhen + (n−1)×Abstand.
- Raster: 2–4 Spalten; Zeilen = ceil(n/Spalten); Zelle = max Breite × max Höhe; Abstand zwischen Zellen; Einpassen oder Füllen in jeder Zelle.
- Presets skalieren das fertige Collage in 1080×1080 oder 1200×630 mit Ihrem Hintergrund (übliche Größen, keine Plattform-Freigabe). Hintergrund wird vor dem Zeichnen gefüllt.
Beispiel
Dreifarben-Sample laden, Horizontal, Abstand 8 px, weißer Hintergrund, WebP 0,90, Preset Keins, zusammenfügen. Ergebnis: Streifen ~728×180 px. Raster mit 3 Spalten für eine Reihe gleicher Zellen.
Gute Einsätze
- Vorher/Nachher: zwei Fotos nebeneinander für Reviews oder Fitness-Fortschritt.
- Tutorial-Schritte: Screenshots vertikal zu einem langen Bild stapeln.
- Produktwinkel oder Storyboard: 3×3-Raster, dann komprimieren wenn die Datei schwer ist.
Frequently asked questions
Werden meine Fotos hochgeladen?
Nein. Dekodieren, Layout und Export laufen im Browser. Network-Tab — kein POST der Bilder.
Unterschied horizontal vs. vertikal?
Horizontal vereinheitlicht die Höhe und wächst in der Breite; vertikal die Breite und in der Höhe. Raster nutzt feste Zellen mit Einpassen oder Füllen.
Garantieren 1080- oder 1200-Presets Instagram/Facebook-Freigabe?
Nein. Nur übliche Ausgabegrößen. Plattformregeln ändern sich — prüfen Sie die App, in der Sie posten.
Was passiert mit animierten GIFs?
Nur der erste Frame wird dekodiert und gezeichnet. Animation geht in der Ausgabe verloren.
Warum scheitert ein riesiges Collage?
Kanten über ~8192 px oder zu viele Megapixel können den Browser-Speicher sprengen. Weniger Bilder, Raster-Spalten oder vorher zuschneiden.
Related tools
Fragen oder Feedback
Unklar, kaputt oder etwas fehlt? Schreib unten eine Nachricht — wir lesen jede Notiz zu diesen Tools.