Skip to main content
JPG JoinerJPG Joiner
ESC
Solo nel browser - le tue immagini non lasciano mai il dispositivo

Metti un'immagine sopra un'altra - sovrapponi, superponi, crea livelli.

Sovrapponi immagini online per aggiungere loghi, creare overlay fotografici o superporre figure. Questo strumento di overlay immagini online ti permette di mettere un'immagine sopra un'altra, ridimensionare, regolare l'opacita e scaricare. Senza upload, senza registrazione.

Vuoi affiancare le immagini o disporle a griglia? Usa lo strumento per unire JPG.

Drop your background image here

This image becomes the bottom layer

JPG · PNG · WebP
100% Privato
Funziona nel Browser
Senza Login
Senza Watermark
Gratis Per Sempre

Come mettere un'immagine sopra un'altra immagine.

01

Carica lo sfondo

Trascina la tua foto base sull'area di caricamento. Questo e il livello inferiore - l'immagine su cui tutto il resto poggia. JPG, PNG e WebP funzionano tutti. Puoi anche incollare dagli appunti.

02

Aggiungi la sovrapposizione

Carica l'immagine da mettere sopra - un logo, sticker, seconda foto o qualsiasi grafica che vuoi aggiungere immagine su immagine. I file PNG con sfondi trasparenti producono i risultati piu puliti perche solo il contenuto visibile viene renderizzato sopra la base.

03

Posiziona e scarica

Trascina l'anteprima per spostare la sovrapposizione. Regola scala (5-300%) e opacita (5-100%) con i cursori. Usa posizioni preimpostate come Centro o In basso a destra per un posizionamento rapido. Scarica come PNG o JPG.

Quando ti serve sovrapporre foto e creare livelli di immagini.

Collocazione logo su foto prodotto

Venditori e-commerce e fotografi aggiungono loghi del brand agli scatti prodotto prima di caricarli sui marketplace. Carica la foto prodotto come base, poi sovrapponi un PNG trasparente del tuo logo. Scalalo a circa il 15-20% della larghezza dell'immagine e posizionalo in un angolo. Imposta l'opacita al 70-80% se vuoi il logo sottile, o al 100% per piena visibilita. Questo sostituisce il flusso multi-step di Photoshop File > Incorpora > Trasforma > Esporta.

Watermark su una galleria fotografica

I fotografi condividono immagini di anteprima con i clienti ma devono impedire l'uso non autorizzato. Sovrapponi un logo di testo o una firma semitrasparente al centro di ogni foto al 25-40% di opacita. L'immagine resta visualizzabile per la selezione, ma inutilizzabile per stampa o download senza acquisto. Per watermark basati su testo, lo strumento watermark e piu veloce perche genera testo direttamente. Usa questo strumento di sovrapposizione quando il tuo watermark e un file grafico o di logo.

Doppia esposizione e immagini sovrapposte

Il look a doppia esposizione mischia un ritratto con un paesaggio o una texture creando immagini sovrapposte a trasparenza parziale. Carica un ritratto come base, sovrapponi uno skyline o una scena forestale, e riduci l'opacita al 40-60%. Le due immagini si sovrappongono visivamente. I fotografi analogici ottenevano questo esponendo lo stesso fotogramma due volte. Questo strumento replica l'effetto senza i blend mode di Photoshop - il globalAlpha della Canvas API produce una miscela di trasparenza diretta che imita il look analogico. Crea livelli di foto cosi per compositi artistici.

Collocazione di sticker e badge

I post sui social e i materiali di marketing usano overlay di badge - tag "SALDI", "NUOVO", "ESAURITO" posizionati sulle immagini prodotto. I designer preparano PNG di badge con sfondi trasparenti, poi li sovrappongono alle foto prodotto in un angolo. E piu veloce che aprire ogni foto prodotto in Canva o Figma. Scala il badge al 20-30% della larghezza della base e posizionalo in alto a destra o in basso a sinistra per equilibrio visivo.

Come funziona la sovrapposizione di immagini sotto il cofano.

Lo strumento usa la Canvas API HTML5 per disegnare entrambe le immagini su un singolo elemento canvas. L'immagine base va prima a dimensione piena. Poi l'immagine di sovrapposizione viene disegnata sopra usando ctx.drawImage() alle coordinate e dimensioni che imposti. L'opacita e controllata impostando ctx.globalAlpha prima di disegnare la sovrapposizione - un valore di 0.5 significa che il 50% dei pixel della sovrapposizione si mescola con il 50% dei pixel della base in ogni posizione. Il canvas non lascia mai la scheda del browser, e il composito finale esporta come un file immagine standard.

Perche gli overlay PNG producono risultati piu puliti

PNG supporta un canale alfa - ogni pixel ha un valore di trasparenza da 0 (completamente trasparente) a 255 (completamente opaco). Quando sovrapponi un logo PNG con sfondo trasparente, il canvas disegna solo i pixel visibili. Un overlay JPG non ha canale alfa, quindi ogni pixel e opaco. Se sovrapponi un logo JPG, lo sfondo rettangolare del logo copre l'immagine base. Per evitarlo, prepara il tuo overlay come PNG con lo sfondo rimosso prima di usare questo strumento.

Superporre vs sovrapporre vs livelli - stessa operazione, nomi diversi

Le persone cercano questo strumento sotto decine di nomi: "superporre immagini online", "overlay immagine", "overlay foto", "modificare foto su foto", "aggiungere immagine a immagine", "mettere immagine sopra immagine", "come aggiungere una foto", "come aggiungere un'immagine a un'immagine", "inserire immagine in immagine", "aggiungere foto in foto", "mettere foto su foto" e "come mettere un'immagine sopra un'altra immagine". L'operazione Canvas API e identica in ogni caso: disegna immagine A, poi disegna immagine B in una posizione con trasparenza opzionale. Che tu lo chiami sovrappositore di immagini, overlay fotografico o strumento di layering, lo strumento fa la stessa cosa. Puoi sovrapporre immagini online o superporre immagini online senza installare software. Gestisce collocazione a opacita piena (superporre), miscela a trasparenza parziale (overlay su una foto) e immagini sovrapposte impilando piu livelli di immagine.

Azzerare la posizione

Le coordinate X e Y controllano dove atterra l'angolo in alto a sinistra della sovrapposizione sull'immagine base. A X=0, Y=0, la sovrapposizione sta nell'angolo in alto a sinistra. Valori negativi spostano la sovrapposizione parzialmente fuori schermo - utile per posizionamento da bordo a bordo dove parte della sovrapposizione si estende oltre il confine del canvas e viene ritagliata. Il pulsante "Centro" calcola(larghezzaBase - larghezzaSovrapposizioneScalata) / 2per X e l'equivalente per Y. "Adatta alla base" scala la sovrapposizione per coprire l'intera immagine base, che e cio che vuoi per overlay di texture, effetti light leak e applicazioni di grain cinematografico. Le persone chiedono spesso come mettere una foto su un'altra foto o come mettere una foto dentro una foto - la risposta e sempre la stessa: carica entrambe le immagini, poi trascina per posizionare. Che tu voglia aggiungere foto a immagine, inserire foto su foto, inserire immagine su immagine, o aggiungere foto su foto, il flusso di posizionamento e identico.

Domande comuni sul combinare immagini

Come si sovrappongono le immagini, e come si mette un'immagine sopra un'altra immagine? La risposta e sempre lo stesso flusso: carica due immagini e posiziona la seconda sopra la prima. Come mettere un'immagine sopra un'altra immagine o come mettere una foto sopra un'altra funziona in modo identico. Come aggiungere un'immagine a un'altra immagine, come aggiungere un'immagine dentro un'immagine, e come posso aggiungere un'immagine a un'immagine - tutti descrivono la stessa operazione Canvas API. Come inserire un'immagine in un'altra immagine e anche lo stesso - carica, posiziona, scarica. Puoi incollare dagli appunti se l'immagine e gia copiata. Che tu voglia aggiungere immagine a immagine, come mettere un'immagine su un'immagine, o come superporre immagini - ogni variante porta qui. Il risultato e lo stesso: immagini sovrapposte composte in un unico file che puoi scaricare come PNG o JPG.

Scala e qualita di output

Il cursore di scala cambia le dimensioni renderizzate della sovrapposizione senza ricampionare i pixel sorgente - l'interpolazione bilineare del browser gestisce il ridimensionamento durante il disegno sul canvas. Al 200%, una sovrapposizione 500x500 viene renderizzata come 1000x1000 sulla base. Il cursore di qualita di output (solo JPG) controlla la compressione DCT. Al 92% ottieni artefatti trascurabili con dimensioni di file ragionevoli. Scendi all'80% se ti servono file piu piccoli per miniature web. L'output PNG e sempre lossless indipendentemente dall'impostazione di qualita.

Combinare con altri strumenti

Per un flusso completo di editing fotografico: ritaglia l'immagine base alle dimensioni target, ridimensiona la sovrapposizione alle proporzioni circa giuste prima di caricarla qui, poi sovrapponi foto o crea livelli insieme. Se il risultato necessita di ulteriori regolazioni, passalo dallo strumento contrasto o dallo strumento schiarisci. Per overlay di testo invece di overlay di immagine, usa lo strumento watermark che renderizza testo direttamente senza bisogno di un file immagine separato. Se vuoi inserire un'immagine in un'altra immagine affiancata invece che a livelli, lo strumento di unione mette le foto una accanto all'altra in righe, colonne o griglie. Questo strumento funziona anche come editor di immagini sovrapposte - sovrapponi due immagini a trasparenza parziale per creare compositi misti.

Watermark di testo invece?

Aggiungi watermark di testo con font, colore, posizione e pattern a tessere.

Aggiungi Watermark

Unire affiancate?

Metti le immagini una accanto all'altra in riga, colonna o griglia invece di creare livelli.

Unisci JPG

Ritagliare prima di sovrapporre?

Taglia l'immagine base al riquadro giusto prima di mettere la sovrapposizione sopra.

Ritaglia Immagine

Domande frequenti.

Come metto un'immagine sopra un'altra immagine?

Carica prima l'immagine di sfondo - diventa il livello base. Poi carica l'immagine che vuoi mettere sopra. La sovrapposizione appare nell'angolo in alto a sinistra dell'immagine base per impostazione predefinita. Trascinala nell'area di anteprima per riposizionarla, usa il cursore di scala per ingrandirla o rimpicciolirla, e regola l'opacita se vuoi che lo sfondo traspaia. Usa i pulsanti preimpostati (Centro, In basso a destra, Adatta alla base) per un posizionamento rapido senza trascinare manualmente. Puoi anche incollare un'immagine dagli appunti invece di caricare un file. Clicca Scarica quando il posizionamento e a posto. L'intero processo gira nel browser con la Canvas API - entrambe le immagini restano sul tuo dispositivo, niente viene caricato su un server, e il composito viene renderizzato in meno di un secondo per foto tipiche fino a 3000x2000 pixel.

Come aggiungo una foto a un'altra foto o inserisco un'immagine in un'immagine?

Il processo e lo stesso sia che tu voglia aggiungere una foto a una foto, mettere un'immagine su un'immagine, inserire una figura in un'altra, o aggiungere un logo a una foto. Carica lo sfondo come prima immagine, poi carica cio che vuoi mettere sopra come seconda immagine. Lo strumento disegna la seconda immagine sopra la prima nella posizione che scegli. Se vuoi inserire una foto in un punto specifico - come mettere uno scatto prodotto in un mockup - trascina la sovrapposizione nella posizione esatta e scalala per adattarla. Questo sovrappositore di immagini gestisce qualsiasi combinazione: foto su foto, logo su scatto prodotto, sticker su selfie, o immagine di testo su uno sfondo.

Qual e la differenza tra sovrapporre e unire (merge)?

Unire (anche detto congiungere o combinare) mette le immagini una accanto all'altra o impilate in un'unica uscita - il risultato e piu largo o piu alto di ciascuna immagine di input. Un'unione verticale di due foto 500x500 produce un'uscita 500x1000. Sovrapporre (anche detto superporre o layering fotografico) mette un'immagine sopra un'altra in una posizione specifica entro le dimensioni dell'immagine base, quindi la dimensione dell'uscita corrisponde alla base. Una sovrapposizione 500x500 su una base 1000x1000 produce comunque un'uscita 1000x1000. Usa lo <a href="/it/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">strumento di unione</a> quando vuoi confronti prima-e-dopo, collage fotografici o layout affiancati. Usa questo strumento di sovrapposizione quando ti serve mettere foto su foto, aggiungere un watermark grafico a un'immagine di galleria, o inserire immagine su immagine in una posizione specifica su una scena.

Posso sovrapporre un PNG con sfondo trasparente?

Si, ed e lo scenario piu utile di questo strumento. Carica un logo PNG, un'icona o un overlay PNG con sfondo trasparente come immagine di sovrapposizione. Solo i pixel visibili vengono renderizzati sopra la base - le aree trasparenti lasciano trasparire lo sfondo in modo pulito, senza nessun rettangolo bianco. E cosi che i venditori e-commerce aggiungono loghi aziendali alle foto prodotto, i fotografi mettono firme watermark sulle gallerie, e i designer sovrappongono cornici decorative sui ritratti. Se il tuo PNG di overlay non ha ancora trasparenza, rimuovi prima lo sfondo con uno strumento come remove.bg o Photoshop, salva come PNG con canale alfa, poi sovrapponilo qui. Gli overlay JPG non possono avere trasparenza - vengono sempre renderizzati come un rettangolo solido sulla base, coprendo cio che sta sotto.

Come regolo la dimensione dell'immagine sovrapposta?

Usa il cursore Scala sotto l'anteprima. Al 100% la sovrapposizione viene renderizzata alle sue dimensioni pixel originali rispetto all'immagine base. Trascina a sinistra per ridurla fino al 5% o a destra per ingrandirla fino al 300%. Una sovrapposizione 2000x1500 al 50% di scala viene renderizzata come 1000x750 pixel sulla base. Per la collocazione di loghi su foto prodotto, il 10-25% della larghezza dell'immagine base funziona nella maggior parte dei casi - un logo di 200px su una foto larga 2000px e il 10% e si legge come un marchio sottile. Per overlay a immagine intera come texture, light leak o grain, clicca il pulsante "Adatta alla base" per scalare automaticamente la sovrapposizione in modo da coprire l'intera immagine di sfondo e centrarla. Il calcolo della scala usa le dimensioni naturali della sovrapposizione, non la dimensione di visualizzazione.

Cosa fa il cursore di opacita?

L'opacita controlla quanto trasparente appare l'immagine sovrapposta sulla base. Al 100%, la sovrapposizione e completamente opaca e copre del tutto i pixel della base sotto di essa. Al 50%, la sovrapposizione e semitrasparente e la base traspare a meta intensita - questo crea un effetto di doppia esposizione. Al 10%, la sovrapposizione e a malapena visibile, solo un'impressione tenue. Impostazioni comuni: 20-40% per watermark dove il segno deve essere visibile ma non deve dominare la foto; 50% per compositi a doppia esposizione che mischiano un ritratto con un paesaggio; 15-30% per overlay di texture come grain cinematografico, light leak o effetti bokeh che aggiungono carattere senza sopraffare l'immagine base; e 100% per collocazione di loghi, sticker e badge dove la piena visibilita e l'obiettivo.

Posso superporre foto online dal telefono?

Si, puoi superporre foto online da qualsiasi telefono. Apri questa pagina in Safari, Chrome o qualsiasi browser mobile moderno. Tocca la prima area di caricamento per scegliere l'immagine base dal rullino, poi tocca la seconda area per la sovrapposizione. Puoi anche incollare dagli appunti se hai copiato un'immagine. Trascina sull'anteprima con il dito per riposizionare la sovrapposizione. I cursori di scala, opacita e posizione rispondono tutti al tocco. Pulsanti preimpostati come Centro e In basso a destra funzionano con un solo tocco. L'elaborazione avviene interamente sul telefono usando lo stesso motore di sovrapposizione del desktop - nessun dato immagine viene inviato a un server, e il risultato si scarica direttamente sul dispositivo. I telefoni con 4 GB di RAM o piu gestiscono immagini fino a 4000x3000 senza problemi.

Come sovrappongo due immagini o sovrappongo foto online?

Per sovrapporre due immagini o sovrapporre foto online, carica prima l'immagine di sfondo, poi l'immagine in primo piano. Lo strumento disegna la seconda immagine sopra la prima. Se vuoi sovrapporre immagini online con trasparenza, usa un overlay PNG con sfondo trasparente. Per sovrapporre foto online a copertura completa, clicca "Adatta alla base" per stirare la sovrapposizione sull'intero sfondo. Puoi anche sovrapporre 2 immagini a opacita parziale per un look a doppia esposizione. Funziona allo stesso modo sia che tu cerchi come sovrapporre immagini, come sovrapporre foto, come sovrapporre figure, o overlay immagini online - l'operazione Canvas API e identica in ogni caso.

Dovrei esportare come PNG o JPG?

Esporta come PNG se la tua sovrapposizione usa trasparenza e hai bisogno di preservare quella trasparenza in uscita - ad esempio, quando l'immagine base stessa ha aree trasparenti, o quando il risultato composito alimentera un altro strumento di design come Figma, Photoshop o Canva dove ti servono bordi alfa puliti. PNG e lossless, quindi zero artefatti di compressione, ma i file sono 3-5x piu grandi del JPG. Esporta come JPG quando conta la dimensione del file e la trasparenza non serve. JPG al 92% di qualita (il default) produce risultati visivamente identici all'originale per le foto, a circa 200-400 KB per un composito 2000x1500. Usa JPG per upload sui social, immagini di listing prodotto, pagine web, allegati email e qualsiasi contesto in cui l'immagine sta su uno sfondo solido.

Le mie immagini vengono caricate su un server?

No. Entrambe le immagini vengono caricate nella memoria del browser usando la Canvas API HTML5 e JavaScript. Il passaggio di composizione - disegnare la sovrapposizione sopra la base alla posizione specificata con l'opacita specificata - avviene interamente sul tuo dispositivo usando canvas.drawImage() con globalAlpha per il controllo della trasparenza. Puoi verificarlo: apri gli strumenti per sviluppatori del browser (F12), passa alla scheda Network ed esegui un'operazione di sovrapposizione completa. Vedrai zero richieste in uscita che trasportano dati immagine. L'unico traffico di rete e il caricamento iniziale della pagina. Chiudi la scheda e tutti i dati immagine vengono rilasciati dalla memoria immediatamente. Questo editor immagine-su-immagine gira in locale, rendendolo sicuro per documenti riservati, foto prodotto non rilasciate, immagini personali e qualsiasi contenuto che non vorresti su un server di terzi.