Tokenlabor

Bilder zusammenfügen

Bilder zusammenfügen nebeneinander, untereinander oder als Raster, mit Abstand, Rand und Hintergrund, und als PNG, JPG oder WebP speichern.

    Ergebnis

    Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.

    Mehrere Bilder zu einem kombinieren

    Mit diesem Werkzeug können Sie Bilder zusammenfügen, ohne ein Bildbearbeitungsprogramm zu öffnen. Wählen Sie zwei oder mehr Dateien und legen Sie fest, ob sie Bilder nebeneinander, Bilder untereinander oder in einem Raster angeordnet werden. Abstand, Außenrand und Hintergrundfarbe stellen Sie in Pixel ein; die Vorschau zeigt das Ergebnis sofort.

    Haben die Bilder unterschiedliche Größen, gleicht die Einstellung „gleiche Höhe/Breite angleichen“ sie an: Nebeneinander bekommen alle dieselbe Höhe, untereinander dieselbe Breite, im Raster passen sie in gleich große Zellen. So lassen sich Fotos kombinieren, eine kleine Collage erstellen oder mehrere Screenshots zusammenfügen, etwa für eine Schritt-für-Schritt-Anleitung. Mit „Höchstmaß je Bild“ verkleinern Sie große Handyfotos vorher, damit die Datei handlich bleibt.

    Grenzen: Browser erlauben Zeichenflächen von etwa 16.000 Pixel pro Seite; darüber meldet das Werkzeug einen Fehler. JPG kennt keine Transparenz. Einzelne Bilder zuschneiden oder drehen Sie vorher mit Bild zuschneiden oder Bild drehen. Die Bilder werden nur in Ihrem Browser verarbeitet und als Download angeboten. Es wird nichts hochgeladen.

    Anleitung: Bilder zusammenfügen in 4 Schritten

    1. Wählen Sie unter „Bilder wählen“ zwei oder mehr Dateien; die Reihenfolge ändern Sie mit den Pfeilen in der Liste.
    2. Legen Sie unter „Anordnung“ nebeneinander, untereinander oder Raster fest und wählen Sie „Abstand“ und „Rand“ in Pixel.
    3. Mit „Gleiche Höhe/Breite angleichen“ werden unterschiedlich große Bilder passend skaliert, sonst bestimmt „Ausrichtung“ die Lage.
    4. Speichern Sie das Ergebnis mit „Speichern“ als PNG, JPG oder WebP.

    Typische Anwendungsfälle

    • Vorher-nachher-Vergleiche für Renovierungen, Bildbearbeitung oder Website-Redesigns erstellen.
    • Mehrere Screenshots einer App untereinander zu einer langen Anleitung zusammenfügen.
    • Produktfotos aus verschiedenen Blickwinkeln zu einem Bild für Kleinanzeigen kombinieren.
    • Eine einfache Collage aus Urlaubsfotos im Raster für Messenger oder soziale Netzwerke anlegen.
    Fragen

    Häufige Fragen

    Wie füge ich zwei Bilder nebeneinander zusammen?

    Beide Dateien wählen, als Anordnung „nebeneinander“ einstellen und speichern. Mit „gleiche Höhe angleichen“ stehen sie bündig nebeneinander.

    Kann ich die Reihenfolge ändern?

    Ja. In der Liste unter der Dateiauswahl verschieben Sie jedes Bild mit den Pfeilen nach vorn oder hinten oder entfernen es.

    Welches Format soll ich wählen?

    PNG für Screenshots und Grafiken, JPG oder WebP für Fotos, weil die Dateien deutlich kleiner werden.

    Werden die Bilder hochgeladen?

    Nein. Alles passiert auf einem Canvas in Ihrem Browser. Die fertige Datei speichern Sie direkt.

    Wie viele Bilder kann ich zusammenfügen?

    Technisch begrenzt der Browser die Größe der Zeichenfläche auf etwa 16.000 Pixel pro Seite. Das Werkzeug warnt vorher und schlägt vor, „Höchstmaß je Bild“ zu verringern.

    Bleibt die Transparenz von PNG-Bildern erhalten?

    Ja, wenn Sie als Hintergrund „transparent“ wählen und als PNG oder WebP speichern. JPG kennt keine Transparenz, dort wird der Hintergrund mit der gewählten Farbe gefüllt.

    Weitere Werkzeuge

    Das könnte auch helfen

    Alle 558 Werkzeuge

    Farbumwandler

    HEX, RGB, HSL, HSV, CMYK und OKLCH ineinander umrechnen, mit Farbwähler, Vorschau und Farbtönen.

    Öffnen

    Farbpalette aus Bild

    Die wichtigsten 5 bis 10 Farben eines Bildes als HEX-Codes ermitteln, lokal im Browser.

    Öffnen

    Kontrast prüfen (WCAG)

    Kontrastverhältnis zweier Farben nach WCAG prüfen, AA und AAA, mit Vorschlag für passende Farbtöne.

    Öffnen

    CSS-Gradient-Generator

    Linearen, radialen und konischen Farbverlauf zusammenstellen und den CSS-Code kopieren.

    Öffnen

    Box-Shadow-Generator

    CSS-Schatten mit mehreren Ebenen, inset und Deckkraft einstellen, Vorschau sehen, Code kopieren.

    Öffnen

    Flexbox-Generator

    Flexbox-Eigenschaften per Auswahl setzen, die Wirkung live sehen und das CSS kopieren.

    Öffnen