Come faccio a creare un'immagine segnaposto di dimensioni esatte?

Digita Larghezza (px) e Altezza (px), scegli i colori o un Tema colore, poi clicca Scarica PNG, Scarica JPG o Scarica SVG. Di default l'immagine mostra le sue dimensioni, ad esempio 800 x 600, come etichetta.

Qual è l'immagine segnaposto più grande che posso generare?

Larghezza e altezza devono essere ciascuna tra 1 e 4000 pixel. Valori al di fuori di questo intervallo mostrano l'errore Larghezza e altezza devono essere tra 1 e 4000 px.

Come faccio a inserire un'immagine segnaposto direttamente in HTML senza un file?

Clicca Copia come data URL e incollalo in un tag img come valore src. Puoi anche usare Copia frammento HTML o Copia sfondo CSS. Non è necessario alcun hosting esterno di immagini.

Posso generare dimensioni standard per social media o web?

Sì. Le Dimensioni predefinite includono Post Instagram, Story Instagram, Card Twitter, Open Graph, Miniatura YouTube, Copertina Facebook e Intestazione email. Scarica tutti i preset (ZIP) salva tutti gli undici come file PNG.

Come faccio a mettere un mio testo o delle linee diagonali sul segnaposto?

Digita un'etichetta in Testo personalizzato, ad esempio Immagine hero, invece di mostrare le dimensioni. Spunta Mostra linee diagonali (X) per disegnare diagonali tenui. Il testo lungo si riduce automaticamente per adattarsi alla larghezza.

Sì. Ogni strumento è gratuito, senza account e senza carta di credito. L'elaborazione avviene sul tuo dispositivo e non sui nostri server, ed è proprio questo che ci permette di offrirlo gratis.

Sì. Funziona nei browser mobili recenti su iOS e Android, senza installare nulla.

🖼️

Generatore Immagini Segnaposto gratis

Genera immagini segnaposto colorate con dimensioni, testo e colori personalizzati. Dimensioni standard per social media, mockup e comp di design.

Funziona nel tuo browserNessuna registrazione, nessun pop-upNessun accesso richiestoGratis per sempre

Larghezza (px)

Altezza (px)

Dimensioni predefinite

Temi colore

Sfondo

Testo / linee

Testo personalizzato (lascia vuoto per le dimensioni)

Mostra dimensioni se non c'è testo personalizzatoMostra linee diagonali (X)

💡 Per i mockup HTML: usa l'opzione «Copia come data URL» e incolla in <img src="..."> per segnaposto inline. Per design Figma / Sketch, scarica il PNG e trascinalo.

Usi comuni

Immagini Segnaposto per Mockup di DesignGenera scatole colorate dimensionate da utilizzare in Figma, Sketch o mockup di design web prima che le immagini reali siano pronte.
Segnaposto Inline per Prototipi HTMLUsa 'Copia come data URL' per incorporare immagini segnaposto direttamente in HTML per prototipi rapidi.
Segnaposto per Slot di Contenuto CMSQuando si dimostra un modello CMS, usa immagini segnaposto invece di contenuti reali per anteprime sensibili.
Modelli di Immagini per Social MediaGenera segnaposti di dimensioni corrette per modelli di post Instagram, Facebook, Twitter, LinkedIn.
Immagini di Test del Layout CSSGenera immagini a rapporti di aspetto estremi per testare i layout CSS reattivi.

Come funziona

Tutto avviene nel tuo browser usando l'API Canvas HTML e markup SVG scritto a mano — nessun server, nessun caricamento, nessun servizio di terze parti. Imposti dimensioni, colori, e testo etichetta, e lo strumento dipinge l'immagine direttamente su un elemento canvas in tempo reale, poi la serializza in PNG, JPEG, o SVG su richiesta.

1
Configura dimensioni e colori
Digita una larghezza e altezza (1-4000 px ciascuna), o scegli una delle undici preimpostazioni che coprono le dimensioni comuni per social media e design. Scegli un colore di sfondo e testo dai temi integrati o inserisci direttamente qualsiasi valore hex; un selettore colore nativo e un campo di testo validato rimangono sincronizzati.
2
La Canvas API rende l'anteprima istantaneamente
Un effetto React chiama drawPlaceholder() a ogni modifica. Questa funzione usa CanvasRenderingContext2D per riempire il rettangolo con il colore di sfondo, opzionalmente disegnare linee diagonali a croce tenui al 15% di opacità, poi misurare e centrare il testo etichetta — riducendo automaticamente il font finché non si adatta dentro il 90% della larghezza del canvas.
3
Esporta come PNG, JPEG, o SVG
I download PNG e JPEG chiamano canvas.toDataURL(), convertono il risultato base64 in un Blob in memoria, e attivano il download — tutto sincronamente dentro il gesto dell'utente così le regole di download di iOS Safari sono soddisfatte. L'esportazione SVG costruisce una stringa SVG autonoma con un rect corrispondente, linee diagonali opzionali, e un elemento testo, poi la salva come file .svg.
4
Scorciatoie di esportazione batch e copia
Il pulsante 'Scarica tutte le preimpostazioni' importa dinamicamente JSZip, rirende ognuna delle undici dimensioni preimpostate su un canvas fuori schermo usando la stessa funzione di disegno, e impacchetta tutti i PNG in un unico ZIP. I pulsanti di copia emettono un URL dati PNG, un tag img SVG inline, o una dichiarazione CSS background-image per l'incollaggio immediato nel codice.