Mostra il prima e il dopo con un cursore da trascinare

Carica due immagini delle stesse dimensioni e lo strumento le sovrappone con una maniglia trascinabile. Scorri a sinistra per rivelare l'immagine "prima", scorri a destra per rivelare il "dopo": perfetto per mostrare modifiche, ritocchi, perdite di peso, ristrutturazioni, iterazioni di design e risultati di generazione con AI.

Sì. Esporta lo slider come MP4 o GIF animata che ripete automaticamente lo scorrimento in loop: ideale per i post su Instagram, TikTok, X e LinkedIn dove gli spettatori non possono trascinare una maniglia. Frequenza dei fotogrammi e durata sono configurabili.

Idealmente sì, poiché il cursore confronta pixel per pixel. Quando le dimensioni differiscono, lo strumento propone di ritagliare o ridimensionare automaticamente la seconda immagine per adattarla alla prima, preservando le proporzioni in modo che il confronto resti accurato.

Sono accettati JPEG, PNG, WebP, GIF e HEIC. Il video esportato usa H.264 MP4 per la massima compatibilità, e l'esportazione in GIF mantiene il file abbastanza piccolo da consentire una rapida condivisione sui social.

L'anteprima del confronto affiancato avviene nel tuo browser, ma l'esportazione del composito carica entrambe le immagini sul nostro server sicuro affinché il file finale possa essere generato; vengono eliminate automaticamente subito dopo e mai condivise o usate per addestrare modelli. Per materiale strettamente riservato in cui nessun caricamento è accettabile, cattura uno screenshot dell'anteprima a schermo invece di usare Esporta.

Sì. Copia lo snippet HTML generato e incollalo in WordPress, Webflow, Squarespace, Shopify o in qualsiasi sito statico. L'incorporamento è privo di dipendenze, ottimizzato per il mobile e funziona senza librerie JavaScript esterne.

Usa il controllo Orientamento nel pannello Confronto per alternare tra Orizzontale (scorrimento sinistra-destra, ideale per foto in orizzontale e layout affiancati) e Verticale (scorrimento alto-basso, migliore per scatti verticali alti o confronti prima/dopo in altezza come ristrutturazioni o foto di crescita).

Divisione % imposta dove si posiziona la linea di separazione tra l'immagine prima e dopo, da 0 (tutto il dopo visibile) a 100 (tutto il prima visibile): il valore predefinito è 50 per una divisione uniforme. Spostala verso un lato se vuoi che una specifica immagine sia più visibile nel composito esportato, ad esempio 70 per enfatizzare il risultato "dopo".

Clicca il pulsante Swap nel pannello Compare per scambiare all'istante le immagini prima e dopo senza doverle ricaricare — utile se le hai caricate nell'ordine sbagliato o vuoi invertire la direzione di rivelazione per un effetto visivo diverso.

Per la ristrutturazione di un'intera stanza, l'orientamento Verticale con una divisione al 50% funziona bene perché consente agli spettatori di confrontare i dettagli dall'alto verso il basso come i cambiamenti di pavimento e soffitto. Per confronti affiancati di arredi o cambi di colore, l'orientamento Orizzontale con una divisione al 40–60% (a favore dell'immagine dal risultato più d'impatto) tende a catturare lo sguardo in modo più efficace.