In questo articolo
Cos'è un generatore di immagini segnaposto?
Un generatore di immagini segnaposto crea immagini vuote o etichettate con dimensioni, colori e testo personalizzati. Queste immagini sostituiscono il contenuto reale durante lo sviluppo, il wireframing e i mockup di design — permettendo ai team di costruire layout senza attendere gli asset finali.
A differenza dei servizi segnaposto esterni che richiedono una richiesta di rete, un generatore lato client produce immagini istantaneamente nel browser usando l'API Canvas. Controlli la larghezza, l'altezza, il colore di sfondo, il colore del testo e il formato di output, poi scarichi o copi il risultato con un clic.
Come funziona la generazione delle immagini
Il generatore usa l'API Canvas HTML per disegnare immagini interamente nel browser. Nessun server è coinvolto — le tue dimensioni e colori vengono renderizzati localmente ed esportati come file scaricabile.
- Rendering Canvas — viene creato un elemento canvas nascosto alle dimensioni specificate, riempito con il colore di sfondo scelto e etichettato con testo centrato che mostra la dimensione
- Colori e testo personalizzati — imposta qualsiasi colore di sfondo e testo usando valori esadecimali (es. #6366f1), e opzionalmente sostituisci l'etichetta dimensione predefinita con testo personalizzato
- Opzioni di formato — esporta come PNG per qualità senza perdita, JPEG per dimensione file ridotta, o WebP per browser moderni con il miglior rapporto compressione-qualità
Prova gratuitamente — nessuna registrazione richiesta
Genera immagine segnaposto →Quando usare immagini segnaposto
Le immagini segnaposto sono utili in ogni fase dello sviluppo prodotto dove il contenuto visivo finale non è ancora disponibile.
- Wireframing — riempi gli spazi immagine nei wireframe con segnaposto correttamente dimensionati che comunicano il rapporto d'aspetto previsto agli stakeholder
- Sviluppo frontend — costruisci layout responsive con immagini segnaposto alle dimensioni corrette, evitando stati di immagine rotta o mancante durante lo sviluppo
- Mockup di design — crea mockup pronti per la presentazione con blocchi segnaposto coerenti invece di foto stock casuali che distraggono dal layout
Domande frequenti
Quali formati di immagine sono supportati?
Il generatore supporta i formati PNG, JPEG e WebP. PNG produce immagini senza perdita con supporto alla trasparenza (ideale per segnaposto con sfondo trasparente). JPEG offre dimensioni file più piccole con compressione con perdita. WebP fornisce il miglior rapporto qualità-dimensione ed è supportato da tutti i browser moderni.
Quali sono le dimensioni massime?
Il generatore supporta immagini fino a 4096 x 4096 pixel. Questo copre la maggior parte dei casi d'uso dalle miniature piccole (64 x 64) ai banner hero (1920 x 1080) e display retina (2x). I limiti dell'API Canvas del browser variano, ma 4096 px per lato funziona in modo affidabile su tutti i browser moderni.
Il generatore supporta la trasparenza?
Sì, quando si usa il formato PNG. Puoi generare immagini con sfondi trasparenti lasciando il colore di sfondo vuoto o impostandolo come trasparente. JPEG non supporta la trasparenza (le aree trasparenti diventano bianche), e WebP supporta la trasparenza ma con artefatti di compressione con perdita.