Mockup gratis online

Come si calcola

In breve: un mockup è un’immagine realistica che mostra come appare un logo o una grafica su un prodotto vero. Questo strumento applica la tua immagine con la prospettiva corretta su otto foto: maglietta, felpa con cappuccio, tazza, insegna del negozio, biglietto da visita, portatile, smartphone e poster incorniciato, mantenendo pieghe, ombre e riflessi. Funziona tutto nel browser: niente account, niente filigrana, nessun caricamento.

Come si usa

1. Trascina il logo, scegli un file o incollalo con Ctrl + V. Senza immagine viene disegnato un logo d’esempio con il testo che scrivi.
2. Tocca un prodotto: l’anteprima compare subito.
3. Regola dimensione e posizione. Lascia attivo «Rimuovi lo sfondo bianco» per i loghi su bianco e attiva «Riempi tutta la superficie» per foto o screenshot.
4. «Salva mockup» scarica un PNG o un JPG; «Tutti e 8 in ZIP» crea tutti i prodotti in una volta, comodo per preventivi, e-commerce e presentazioni.

Come viene calcolato

Insegna, poster o schermo appaiono inclinati nella foto. Dai quattro angoli della superficie lo strumento calcola una trasformazione proiettiva (omografia), il metodo descritto da Paul Heckbert nel 1989 per il texture mapping. Per ogni pixel della foto risale al punto corrispondente della tua grafica e mescola i quattro pixel vicini (interpolazione bilineare): niente scalettature né giunture. La tazza è curva: la grafica viene avvolta su un cilindro, si stringe verso i lati e segue un arco di ellisse in alto e in basso.

Per sembrare stampata e non incollata, la grafica viene moltiplicata per la luminosità della foto (metodo di fusione «moltiplica» del W3C). Le pieghe del tessuto e l’ombra sulla tazza passano sopra la stampa e i riflessi della ceramica restano visibili. Gli schermi emettono luce e non vengono scuriti.

Limiti

Le foto dei prodotti misurano da 1024 a 1216 pixel sul lato lungo: più che sufficienti per sito, negozio online e social, ma non per un file di stampa. Sono state generate in locale per questo sito con un modello di immagini e non mostrano marchi. Un mockup è un’anteprima: il colore reale dipende dalla tecnica di stampa e dal materiale.

Privacy

Il logo viene elaborato solo nel browser e non viene mai caricato. Si memorizzano solo le impostazioni (prodotto, dimensione, testo), mai l’immagine.

Utili anche: rimuovere lo sfondo del logo e creare biglietti da visita pronti da stampare.

Domande frequenti

Fonti e riferimenti normativi

• Heckbert (1989) – Fundamentals of Texture Mapping and Image Warping, UC Berkeley UCB/CSD-89-516 (projektive Abbildung Quadrat → Viereck)
• W3C – Compositing and Blending Level 1: multiply B(Cb, Cs) = Cb × Cs
• ITU-R BT.709 – Luminanz Y = 0,2126 R + 0,7152 G + 0,0722 B
• MDN – CanvasRenderingContext2D.getImageData() / putImageData()
• W3C – Web Share API
• ITU-T T.81 / ISO/IEC 10918-1 – JPEG
• W3C – Portable Network Graphics (PNG) Specification
• Google for Developers – An image format for the Web (WebP)
• AOMedia – AV1 Image File Format (AVIF)
• MDN – Image file type and format guide
• MDN – HTMLCanvasElement.toBlob()

Aggiornato al: 1 ottobre 2026 · Principi editoriali