Anleitung für Bildcollagen

Kombinieren Sie mehrere Bilder zu Raster-, Freiform- oder Magazin-Collagen. Passen Sie Abstände, Ränder, Hintergrundfarbe und Seitenverhältnis an. Jeder Vorgang läuft lokal in Ihrem Browser ab – ohne Upload auf einen Server.

Was Sie benötigen

Browser — Chrome, Firefox, Safari oder Edge mit OffscreenCanvas-Unterstützung Formate — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP oder TIFF Limit — 20 MB pro Datei (Dateien über 20 MB werden abgelehnt) Konto — Nicht erforderlich Internet — Nach dem Laden der Seite nicht mehr nötig

Erstellen Ihrer Collage

Öffnen Sie den Image Collage Maker in Ihrem Browser. Ziehen Sie mehrere Bilddateien aus Ihrem Datei-Explorer in den Upload-Bereich. Alternativ klicken Sie auf den Upload-Bereich, um mehrere Dateien von Ihrem Gerät auszuwählen.

Jede Datei muss unter dem Limit von 20 MB liegen – größere Dateien werden abgelehnt. Wählen Sie Ihren Layout-Typ: Raster, Freiform oder Magazin. Raster ordnet Bilder in gleichmäßigen Zeilen und Spalten an.

Freiform ermöglicht es Ihnen, jedes Bild an eine beliebige Stelle auf der Arbeitsfläche zu ziehen. Magazin wendet redaktionelles Design mit gemischten Größen und Positionen an. Legen Sie die Hintergrundfarbe über die Farbauswahl fest.

Passen Sie die Abstände zwischen den Bildern mit dem Schieberegler an. Fügen Sie Ränder hinzu, indem Sie Breite und Farbe festlegen. Wählen Sie für Raster-Layouts die Anzahl der Spalten.

Passen Sie bei Magazin-Layouts das Seitenverhältnis der Arbeitsfläche an. Klicken Sie auf die Schaltfläche zum Generieren. Die OffscreenCanvas API setzt alle Bilder auf einer einzigen Arbeitsfläche zusammen.

libvips positioniert jedes Bild gemäß Ihrer Layout-Auswahl, wendet Abstände und Ränder an und füllt den Hintergrund. Es werden keine Daten über das Netzwerk übertragen. Sobald die Collage generiert ist, erscheint eine Download-Schaltfläche.

Klicken Sie darauf, um die Collage auf Ihrem Gerät zu speichern. Der Browser schreibt die Datei direkt aus dem Arbeitsspeicher auf die Festplatte. Nach dem Download gibt libvips die temporären Speicherpuffer automatisch frei.

Wie es funktioniert

Der Image Collage Maker verwendet die OffscreenCanvas API, um mehrere Bilder auf einer einzigen Arbeitsfläche zusammenzusetzen. Wenn Sie Bilder hochladen, liest der Browser diese direkt in den Arbeitsspeicher – es erfolgt kein Server-Upload.

libvips berechnet die Abmessungen der Arbeitsfläche basierend auf Ihrer Layout-Auswahl und der Anzahl der Bilder. Bei Raster-Layouts wird die Arbeitsfläche in gleichmäßige Zellen unterteilt, indem die Zeilen- und Spaltenabmessungen aus der Gesamtzahl der Bilder und der Spalteneinstellung berechnet werden, wodurch sichergestellt wird, dass jede Zelle die gleiche Pixelanzahl erhält. Bei Freiform-Layouts wird eine Standardanordnung verwendet, die Sie durch Ziehen jedes Bildes an eine beliebige Koordinate auf der Arbeitsfläche ändern können.

Bei Magazin-Layouts werden redaktionelle Regeln für gemischte Größen angewendet, wobei größere Bilder mehr Fläche erhalten und kleinere Bilder die Lücken dazwischen füllen.

Jedes Bild wird mithilfe des OffscreenCanvas-Renderings an seiner berechneten Position auf die Arbeitsfläche gezeichnet. libvips wendet Abstände zwischen den Bildern an, indem Pixel-Lücken zwischen den Zellgrenzen gelassen werden, fügt Ränder hinzu, indem Rechtecke mit der gewählten Breite und Farbe gezeichnet werden, und füllt den Hintergrund mit der Farbe aus der Farbauswahl, bevor die Bilder zusammengesetzt werden.

Nach dem Zusammensetzen konvertiert libvips die Arbeitsfläche mithilfe der canvas-toBlob-Methode in ein PNG- oder JPEG-Bild, das die Pixeldaten in das gewählte Format kodiert. Der resultierende binäre Blob wird über URL. createObjectURL bereitgestellt, wodurch ein temporärer Speicher-Referenzzeiger erstellt wird, den der Browser für den Download nutzt.

Wenn der Download abgeschlossen ist, ruft libvips URL. revokeObjectURL auf, um den belegten Speicher freizugeben.

Dateien werden vollständig in Ihrem Browser mithilfe von OffscreenCanvas verarbeitet. Sie werden niemals auf ConvertCraft-Server hochgeladen. Ihre Originaldateien verbleiben auf Ihrem Gerät – libvips liest sie in den Arbeitsspeicher, setzt die Collage zusammen und verwirft die Pixelpuffer nach dem Download.

Fehlerbehebung

Einige Dateien lassen sich nicht hochladen: Diese Dateien überschreiten das 20-MB-Limit. Der OffscreenCanvas arbeitet innerhalb strenger Speicherbegrenzungen. Die Verarbeitung von Bildern, die größer als 20 MB sind, erfordert massive unkomprimierte Pixelpuffer im RAM, was zum Absturz des Browser-Tabs führen kann.

Bilder wirken verzerrt: Das Collage-Layout skaliert Bilder, um sie in Zellen einzupassen, was das Seitenverhältnis verzerren kann. Verwenden Sie die Option für das ursprüngliche Seitenverhältnis oder passen Sie die Zellabmessungen an Ihre Bilder an.

Die Arbeitsfläche ist zu groß: Zu viele Bilder mit hoher Auflösung erzeugen eine sehr große Arbeitsfläche. Dem Browser könnte der Arbeitsspeicher ausgehen. Reduzieren Sie die Anzahl der Bilder oder verwenden Sie Quelldateien mit geringerer Auflösung.

Die Collage sieht falsch ausgerichtet aus: Raster-Layouts erfordern Bilder mit konsistenten Abmessungen. Unterschiedliche Seitenverhältnisse führen zu ungleichmäßigen Abständen. Schneiden Sie Bilder vor dem Hochladen auf einheitliche Maße zu.

### Wie viele Bilder kann ich einfügen?

Das praktische Limit hängt vom verfügbaren Arbeitsspeicher Ihres Browsers ab. libvips verarbeitet Bilder nacheinander, um Speicherengpässe zu bewältigen. Wenn Sie Verlangsamungen oder Abstürze bemerken, versuchen Sie, die Anzahl der Bilder zu reduzieren.

### Kann ich die Position einzelner Bilder anpassen?

Freiform-Layouts erlauben es, jedes Bild an eine beliebige Position auf der Arbeitsfläche zu ziehen. Raster- und Magazin-Layouts verwenden feste Positionierungsregeln. Wechseln Sie in den Freiform-Modus für manuelle Kontrolle über die Platzierung jedes Bildes.

### Welches Dateiformat hat die Ausgabe?

Die Collage wird standardmäßig als PNG-Bild für verlustfreie Qualität gespeichert. Sie können JPEG für kleinere Dateigrößen mit verlustbehafteter Komprimierung wählen. Die Formatauswahl ist vor dem Download verfügbar.