Zwei Screenshots für einen Bugreport, das Foto eines Bauteils neben seiner Zeichnung, oder Beleg und Rechnung als eine Datei für die Reisekostenabrechnung ans Finanzamt — dafür brauchst du kein Grafikprogramm. Die Ausgabegröße steht in Pixeln unter der Vorschau, exakt und nachrechenbar: vier Bilder mit 1080 × 1080 px und 12 px Abstand ergeben genau 2172 × 2172 px, nicht 2184. Und weil alles im Browser auf einem Canvas gezeichnet wird, verlässt kein Byte dein Gerät — personenbezogene Fotos bleiben da, wo sie sind.
Was ist ein Werkzeug zum Zusammenfügen von Bildern?
Ein Werkzeug zum Zusammenfügen von Bildern nimmt zwei oder mehr einzelne Bilddateien und zeichnet sie in ein neues Bild. Nebeneinander in einer Reihe, von oben nach unten gestapelt, oder als Raster angeordnet. Heraus kommt ein einzelnes PNG oder JPG, das sich wie jedes andere Bild verhält: anhängen, einfügen, hochladen, drucken.
Das braucht man ständig und fast nie für etwas Ausgefallenes. Zwei Screenshots, die zusammen in einem Bugreport reisen müssen. Ein Vorher-Nachher-Paar für eine Anzeige. Die Handy-Ansicht einer Seite neben der Desktop-Ansicht. Vier Produktfotos für einen Marktplatz, der genau ein Bild erlaubt. Ein Kassenbon und sein Umschlag in einer Datei für die Spesenabrechnung. Die eigentliche Arbeit dauert fünf Sekunden, und der übliche Weg dorthin heißt: Designprogramm öffnen, in ein Konto einloggen, eine Vorlage aussuchen, die du nicht willst, und am Wasserzeichen vorbei exportieren.
Das Werkzeug auf dieser Seite nimmt 2 bis 10 Dateien — PNG, JPG, WebP, GIF, BMP oder HEIC vom iPhone —, ordnet sie so an, wie du es wählst, und gibt eine Datei zurück. Gezeichnet wird auf einem Canvas in deinem Browser, die Bilder verlassen dein Gerät also nie. Öffne den Netzwerk-Tab der Entwicklertools, während du es benutzt: es geht nichts hinaus, das deine Bilder enthält.
So fügst du Bilder im Browser zusammen
Fünf Schritte, zwei davon optional.
- Bilder hinzufügen. Zieh sie auf das Feld, klick es an, um sie auszuwählen, oder füge sie mit Strg+V (Cmd+V auf dem Mac) direkt aus der Zwischenablage ein. Zwei bis zehn Dateien, bis zu 20 MB pro Datei.
- Reihenfolge festlegen. Jedes Bild bekommt eine Zeile mit Miniaturbild, Dateiname und Pixelgröße. Die Pfeil-Schaltflächen verschieben es nach vorn oder nach hinten, das × entfernt es. Die Reihenfolge in dieser Liste ist die Reihenfolge in der Ausgabe.
- Layout wählen. Nebeneinander, Gestapelt oder Raster. Die Vorschau zeichnet sich sofort neu — es gibt keine Schaltfläche „Zusammenfügen“ zu suchen, weil die Vorschau das Ergebnis ist.
- Feinschliff, wenn du magst. Ein Abstandsregler von 0 bis 100 px setzt Platz zwischen die Bilder. Ein Farbwähler füllt diesen Platz und jede Auffüllung; transparent ist die Voreinstellung. Nimm PNG, um Transparenz zu behalten, oder JPG für eine kleinere Datei.
- Herunterladen. Die Datei wird als
combined-image.pngodercombined-image.jpggespeichert. „Bild kopieren“ legt es stattdessen in die Zwischenablage, fertig zum Einfügen in einen Chat oder ein Dokument.
Auf dem Laptop ist Einfügen der schnellste Weg. Screenshot mit Umschalt+Cmd+4 oder dem Windows-Snipping-Tool machen, auf dieser Seite Strg+V drücken, den zweiten machen, wieder einfügen — beide Bilder sind drin und die Vorschau steht schon. Kein Dateidialog, kein Downloads-Ordner.
Drei Layouts, und wann welches passt
| Layout | Anordnung | Form der Ausgabe | Gut für |
|---|---|---|---|
| Nebeneinander | Von links nach rechts, in deiner Reihenfolge | Breit | Vorher und nachher, zwei Handy-Screenshots, ein Vergleich |
| Gestapelt | Von oben nach unten | Hoch | Ein langer Chatverlauf, nummerierte Schritte, eine Scrollseite in Teilen |
| Raster | Zeilen und Spalten, von links nach rechts gefüllt | Annähernd quadratisch | Produktfotos, Miniaturbild-Übersichten, vier von irgendwas |
Das Raster wählt seine Spaltenzahl selbst: die Quadratwurzel aus der Anzahl der Bilder, aufgerundet. Vier Bilder ergeben 2 Spalten und 2 Zeilen. Fünf bis neun ergeben 3 Spalten. Zehn ergeben 4 Spalten über 3 Zeilen, wobei die letzte Zeile teilweise gefüllt ist. Diese Regel liefert jedes Mal die Form, die einem Quadrat am nächsten kommt — das, was fast jeder von einem Raster erwartet und was sich in einem Nachrichtenverlauf am besten liest.
Ein durchgerechnetes Beispiel: zwei Screenshots in einer Datei
Angenommen, du hast einen Desktop-Screenshot mit 1920 × 1080 px und einen Handy-Screenshot mit 1170 × 2532 px — eine normale iPhone-Aufnahme. Dieselbe Seite, zwei Geräte, ein Bugreport. Das produziert jede Einstellung, in echten Pixeln:
| Bilder hinein | Layout | Größen | Abstand | Ausgabe |
|---|---|---|---|---|
| 2 × 1170 × 2532 | Nebeneinander | Angleichen | 0 px | 2340 × 2532 px |
| 1920 × 1080 + 1170 × 2532 | Nebeneinander | Angleichen | 0 px | 2419 × 1080 px |
| 1920 × 1080 + 1170 × 2532 | Nebeneinander | Original behalten | 0 px | 3090 × 2532 px |
| 4 × 1080 × 1080 | Raster | Angleichen | 12 px | 2172 × 2172 px |
| 3 × 1200 × 800 | Gestapelt | Angleichen | 16 px | 1200 × 2432 px |
Lies die zweite Zeile genau, denn die überrascht die meisten. Werden zwei Bilder mit völlig verschiedenen Formen angeglichen, kommt der hohe Handy-Screenshot herunter auf die Höhe des Desktop-Screenshots von 1080 px, was ihn 499 px breit macht. Gesamtbreite: 1920 + 499 = 2419. Die dritte Zeile ist dasselbe Paar ohne jede Skalierung — beide Bilder mit ihren eigenen Pixeln, das kürzere mittig in einem 2532 px hohen Canvas, mit dem Hintergrund über und unter ihm.
Beachte auch die vierte Zeile. Vier Quadrate mit 1080 px und 12 px Abstand ergeben 2172 px, nicht 2184: Abstände sitzen zwischen den Bildern und nie am Außenrand. Ein Abstand zwischen zwei Spalten, einer zwischen zwei Zeilen. 1080 + 12 + 1080 = 2172.
Angleichen oder Original behalten
Zwei Größenmodi decken fast alles ab.
Angleichen
Jedes Bild wird so skaliert, dass die gemeinsame Kante identisch ist — gleiche Höhe in einer Reihe, gleiche Breite in einer Spalte, gleiche Zellen im Raster. Du bekommst eine saubere Naht ohne jede Auffüllung, und das Ergebnis liest sich als ein Bild und nicht als Collage.
Skaliert wird immer zum kleinsten Bild hin, nie zum größten. Füge ein 100 × 100 großes Miniaturbild mit einem 200 × 200 großen Foto zusammen, und du bekommst 200 × 100 px: das große kommt herunter zum kleinen. Das ist eine bewusste Entscheidung. Ein 200-px-Miniaturbild auf 4.000 px aufzublasen holt keine Details zurück, die nie aufgenommen wurden — es erzeugt einen weichen, klotzigen Fleck neben einem scharfen Foto, und keine Einstellung danach macht das rückgängig. Das scharfe zu verkleinern hält beide Hälften scharf.
Original behalten
Nichts wird skaliert. Jedes Bild behält seine Pixel, und die kürzeren werden mit deiner Hintergrundfarbe aufgefüllt. Eine Ausrichtung erscheint und entscheidet, ob das aufgefüllte Bild oben, mittig oder unten in seinem Platz sitzt. Nimm das, wenn die Pixelmaße zählen — ein Screenshot, in den jemand hineinzoomen wird, ein Scan, der bei 300 dpi bleiben muss, eine Grafik, die du später wieder auseinanderschneidest.
Wenn du Bilder zusammenfügst, die von Anfang an sehr verschieden groß waren, und keiner der beiden Modi gut aussieht, liegt die Lösung meist davor: schick sie erst durch die Bildgröße ändern-Seite auf eine gemeinsame Breite und füge sie dann zusammen. Die Eingaben anzupassen ist besser, als mit der Ausgabe zu kämpfen.
Wo das Zusammenfügen von Bildern schiefgeht
Jeder dieser Fälle hat eine konkrete Ursache und eine konkrete Lösung, und die meisten Werkzeuge scheitern bei mindestens einem davon stillschweigend.
Die Ausgabe bleibt leer
Browser hören etwa ab 16.000 Pixeln Kantenlänge auf, ein Canvas zu zeichnen, und Safari auf dem Handy ist am strengsten — es liefert reines Weiß statt eines Fehlers, weshalb einige Werkzeuge dir stillschweigend eine leere Datei in die Hand drücken. Zehn Fotos mit 2000 × 2000 px in einer Reihe wollten 20.000 × 2000 px. Hier wird das proportional auf 16.000 × 1600 px verkleinert, und es steht mit genau diesen Worten über dem Download-Knopf, dass es passiert ist. Wenn du die volle Auflösung brauchst: in zwei Durchgängen zusammenfügen oder stapeln statt nebeneinander setzen.
Transparente Flächen werden schwarz
JPG hat keinen Alphakanal, Transparenz kann das Format also nicht überleben. Der übliche Fehler ist, dass transparente Pixel als Schwarz geschrieben werden, was ein Logo oder einen Screenshot mit runden Ecken ruiniert. Ein transparenter Hintergrund wird hier auf Weiß abgeflacht, wenn du JPG wählst, oder auf die Farbe, die du gesetzt hast. Um die Transparenz zu behalten, bleib bei PNG — genau deshalb ist es die Voreinstellung.
Ein Handyfoto liegt auf der Seite
Handys speichern ein Foto oft in der Sensor-Ausrichtung plus einem Tag, der dem Betrachter sagt, dass er es drehen soll. Werkzeuge, die dieses Tag ignorieren, produzieren ein Bild, in dem ein Foto flach liegt. Hier wird jedes Bild mit angewandter Ausrichtung dekodiert, die Vorschau passt also zu dem, was du in deiner Galerie siehst.
Etwas im Stapel ist kein Bild
Zieh einen Ordner herein, und irgendwann erwischt du ein verirrtes PDF oder eine .txt. Diese Datei wird mit Namen übersprungen, alles andere wird normal zusammengefügt — die ganze Auswahl wegen einer schlechten Datei zu verlieren wäre eine unhöfliche Antwort auf ein Drag-and-drop. Animierte GIFs werden als ihr erstes Einzelbild übernommen, und das Werkzeug sagt es, statt dich rätseln zu lassen, wo die Bewegung geblieben ist.
Was das nicht ist
Das ist eine Aufgabe, vollständig erledigt: mehrere Bilder hinein, ein Bild heraus. Es ist kein Fotoeditor. Kein Zuschneiden, kein Drehen, kein Filter, keine Textebene, kein Sticker, kein gespeichertes Projekt. Das ist keine abgespeckte Fassung von etwas Größerem — es ist das ganze Werkzeug, und was fehlt, fehlt mit Absicht. In dem Moment, in dem so ein Werkzeug einen Editor bekommt, wird es zu genau dem, dem du ausweichen wolltest, als du danach gesucht hast.
Die Teile, die ein Editor wären, gibt es schon als eigene Seiten: Bild zuschneiden zum Beschneiden, der Bildkompressor, wenn die zusammengefügte Datei für eine E-Mail zu schwer ist, der Bildformat-Konverter, um zu ändern, womit du endest, und Bild zu PDF, wenn das Ziel ein Dokument statt eines Bildes will. Jede macht eine Sache, jede öffnet sofort, und keine fragt, wer du bist.
Das ist der Unterschied, den man benennen sollte. Der übliche Weg, zwei Bilder online zusammenzufügen, ist entweder eine Seite, die deine Dateien auf irgendjemandes Server hochlädt und sie mit einem Wasserzeichen in der Ecke zurückgibt, oder eine komplette Designplattform hinter einem Konto, einem Preis pro Platz und einer Testphase, deren Uhr für eine Dreißig-Sekunden-Aufgabe zu laufen beginnt. Beide Modelle sind darauf gebaut, dich zu halten, nicht darauf, die Arbeit zu beenden. Diese Seite hat kein Konto, kein Wasserzeichen, keine Export-Sperre und kein Tageslimit — und sie funktioniert gleich, ob du als Freiberuflerin eine Anzeige baust, als Student ein Laborprotokoll zusammenstellst oder das um 2 Uhr nachts auf dem Arbeitslaptop machst.
Häufige Fragen
Kann ich Bilder auf dem Handy zusammenfügen?
Ja. Die Seite läuft in mobilen Browsern, und der Dateiauswähler öffnet deine Kamerarolle, du kannst also mehrere Fotos direkt daraus wählen. Zwei Dinge fürs Handy: HEIC-Fotos brauchen beim Hereinkommen einen Umwandlungsschritt, der einen Moment dauert und währenddessen angezeigt wird, und große Stapel aus Kamerafotos in voller Auflösung treffen am ehesten die Canvas-Grenze. Wenn die Ausgabe auf einem iPhone leer aussieht, ist genau das passiert — das Werkzeug hat dir dann gesagt, dass es verkleinert hat.
Wie groß wird das zusammengefügte Bild?
Es steht vor dem Download unter der Vorschau und aktualisiert sich mit jeder Änderung. Grob: nebeneinander addiert die Breiten und nimmt eine gemeinsame Höhe; gestapelt addiert die Höhen und nimmt eine gemeinsame Breite; das Raster multipliziert die Zellgröße mit Spalten und Zeilen. Abstände kommen nur zwischen die Bilder. Drei Bilder mit 1200 × 800 px gestapelt und 16 px Abstand ergeben 1200 × 2432 px — zwei Abstände, nicht vier.
Verliert das Bild beim Zusammenfügen Qualität?
Im Modus „Original behalten“ mit PNG-Ausgabe nein — jedes Pixel wird unverändert übernommen. Im Modus „Angleichen“ werden verkleinerte Bilder neu abgetastet, was eine echte, aber kleine Qualitätsänderung ist und in der Größe, in der du es ansiehst, meist unsichtbar bleibt. JPG kodiert alles mit hoher Qualität neu und verwirft die Transparenz. Wenn du das sicherste Ergebnis willst: Original behalten und als PNG speichern.
Gibt es ein Limit, wie oft ich das benutzen kann?
Nein. Kein Tageslimit, kein Konto, kein Wasserzeichen, keine Export-Sperre — füge zwei Bilder zusammen oder zweihundert Paare. Zehn Bilder pro Durchgang ist die einzige Decke, und eine zusammengefügte Datei kannst du direkt wieder hineingeben, um darüber hinauszukommen. Das Werkzeug kostet nichts, Anzeigen bezahlen die Seite, und 10 % von jedem Dollar, den Microapp einnimmt, gehen vom Umsatz weg an gemeinnützige Organisationen, quartalsweise geprüft.
Wie setze ich zwei Bilder ohne Designprogramm nebeneinander?
Das ist die kurze Antwort auf genau diese Suche. Seite öffnen, beide Bilder hineinziehen, Layout auf Nebeneinander stehen lassen, Herunterladen klicken. Wenn sie verschieden hoch sind, ist das schon erledigt — der Standardmodus gleicht die Höhen für dich an. Wenn sie lieber bei ihrer eigenen Größe mit Auffüllung bleiben sollen, stell Größen auf Original behalten und wähle, wo das kürzere sitzt.
Kann ich einen Rahmen oder Platz zwischen die Bilder setzen?
Platz ja — der Abstandsregler geht bis 100 px, und eine Hintergrundfarbe macht diesen Platz sichtbar statt transparent. Ein weißer Abstand von 20 bis 40 px ist die übliche Wahl für einen Vergleich, den du irgendwo postest, weil er verhindert, dass die beiden Bilder als eines gelesen werden. Ein Außenrahmen ist in dieser Version nicht dabei. Ein Trick, der bis dahin funktioniert: zusammenfügen und das Ergebnis ein zweites Mal durch das Werkzeug schicken, neben einem einfarbigen Bild, wenn du an einer Seite einen Rahmenstreifen brauchst.
Werden meine Bilder irgendwohin hochgeladen?
Nein, und du musst das nicht glauben. Die Dateien werden von deinem Gerät gelesen, dekodiert, auf ein Canvas-Element gezeichnet und dir als Download zurückgegeben. Es ist kein Server im Weg. Öffne die Entwicklertools, geh auf den Netzwerk-Tab und füge ein paar Bilder zusammen — keine Anfrage trägt deine Datei. Ein angenehmer Nebeneffekt: sobald die Seite geladen ist, arbeitet das Werkzeug auch mit vollständig abgeschalteter Verbindung weiter.