Guida al Collage di Immagini

Combina più immagini in collage a griglia, a mano libera o in stile rivista. Regola spaziatura, bordi, colore di sfondo e proporzioni. Ogni operazione viene eseguita localmente nel tuo browser: nessun caricamento su alcun server.

Cosa ti serve

Browser: Chrome, Firefox, Safari o Edge con supporto per OffscreenCanvas Formati: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP o TIFF Limite: 20 MB per file (ogni file superiore a 20 MB verrà rifiutato) Account: Non richiesto Internet: Non necessario dopo il caricamento della pagina

Creare il tuo collage

Apri il creatore di collage di immagini nel tuo browser. Trascina più file immagine dal tuo esplora risorse e rilasciali nell'area di caricamento. In alternativa, fai clic sull'area di caricamento per selezionare più file dal tuo dispositivo.

Ogni file deve essere inferiore al limite di 20 MB: i file che superano questa soglia verranno rifiutati. Scegli il tipo di layout: griglia, a mano libera o rivista. La griglia organizza le immagini in righe e colonne uniformi.

Il formato a mano libera ti consente di trascinare e posizionare ogni immagine ovunque sulla tela. Lo stile rivista applica un design editoriale con dimensioni e posizioni miste. Imposta il colore di sfondo utilizzando il selettore colore.

Regola la spaziatura tra le immagini usando il cursore. Aggiungi bordi impostando larghezza e colore. Per i layout a griglia, scegli il numero di colonne.

Per i layout a rivista, regola le proporzioni della tela. Fai clic sul pulsante genera. L'API OffscreenCanvas compone tutte le immagini su un'unica tela.

libvips posiziona ogni immagine in base alla selezione del layout, applica spaziatura e bordi e riempie lo sfondo. Nessun dato viene trasmesso sulla rete. Una volta generato il collage, apparirà un pulsante di download.

Fai clic su di esso per salvare il collage sul tuo dispositivo. Il browser scrive il file direttamente dalla memoria al disco. Dopo il download, libvips rilascia automaticamente i buffer di memoria temporanei.

Come funziona

Il creatore di collage di immagini utilizza l'API OffscreenCanvas per comporre più immagini su un'unica tela. Quando carichi le immagini, il browser le legge direttamente in memoria: non avviene alcun caricamento sul server.

libvips calcola le dimensioni della tela in base alla selezione del layout e al numero di immagini. Per i layout a griglia, divide la tela in celle uniformi calcolando le dimensioni di righe e colonne dal numero totale di immagini e dall'impostazione delle colonne, garantendo a ogni cella un'allocazione di pixel uguale. Per i layout a mano libera, utilizza una disposizione predefinita che puoi modificare trascinando ogni immagine su qualsiasi coordinata della tela.

Per i layout a rivista, applica regole editoriali per dimensioni miste, dove le immagini più grandi ricevono più area della tela e quelle più piccole riempiono gli spazi vuoti attorno a esse.

Ogni immagine viene disegnata sulla tela nella sua posizione calcolata utilizzando il rendering OffscreenCanvas. libvips applica la spaziatura tra le immagini lasciando spazi vuoti tra i bordi delle celle, aggiunge bordi tracciando rettangoli con la larghezza e il colore selezionati e riempie lo sfondo utilizzando il valore del selettore colore come stile di riempimento prima che le immagini vengano composte.

Dopo la composizione, libvips converte la tela in un'immagine PNG o JPEG utilizzando il metodo toBlob della tela, che codifica i dati dei pixel nel formato immagine selezionato. Il blob binario risultante viene fornito tramite URL. createObjectURL, creando un puntatore di riferimento di memoria temporaneo che il browser utilizza per servire il file per il download.

Al termine del download, libvips chiama URL. revokeObjectURL per rilasciare la memoria allocata.

I file vengono elaborati interamente all'interno del tuo browser utilizzando OffscreenCanvas. Non vengono mai caricati sui server di ConvertCraft. I tuoi file originali rimangono sul tuo dispositivo: libvips li legge in memoria, compone il collage e scarta i buffer dei pixel dopo il download.

Quando qualcosa non funziona

Alcuni file non vengono caricati: quei file superano il limite di 20 MB. OffscreenCanvas opera entro rigidi limiti di memoria. L'elaborazione di immagini superiori a 20 MB richiede enormi buffer di pixel non compressi nella RAM, che possono causare il blocco della scheda del browser.

Le immagini appaiono distorte: il layout del collage ridimensiona le immagini per adattarle alle celle, il che può distorcere le proporzioni. Usa l'opzione delle proporzioni originali o regola le dimensioni delle celle per adattarle alle tue immagini.

La tela è troppo grande: troppe immagini ad alta risoluzione producono una tela molto grande. Il browser potrebbe esaurire la memoria. Riduci il numero di immagini o usa file sorgente a risoluzione inferiore.

Il collage sembra disallineato: i layout a griglia richiedono immagini con dimensioni coerenti. Proporzioni non corrispondenti producono una spaziatura irregolare. Ritaglia le immagini a dimensioni coerenti prima di caricarle.

### Quante immagini posso includere?

Il limite pratico dipende dalla memoria disponibile del tuo browser. libvips elabora le immagini in sequenza per gestire i vincoli di memoria. Se riscontri rallentamenti o blocchi, prova a ridurre il numero di immagini.

### Posso regolare le posizioni delle singole immagini?

I layout a mano libera consentono di trascinare ogni immagine in qualsiasi posizione sulla tela. I layout a griglia e a rivista utilizzano regole di posizionamento fisse. Passa alla modalità a mano libera per il controllo manuale sul posizionamento di ogni immagine.

### Qual è il formato del file di output?

Il collage viene salvato come immagine PNG per impostazione predefinita per una qualità senza perdita di dati. Puoi selezionare JPEG per dimensioni del file inferiori con compressione con perdita. La selezione del formato è disponibile prima del download.