Generatore di Immagini Segnaposto
Crea un'immagine segnaposto di qualsiasi larghezza e altezza, con un colore di sfondo personalizzato e un'etichetta centrata 'LxA' o testo personalizzato. Il markup SVG viene generato localmente, senza richieste di rete, a differenza dei servizi online di immagini segnaposto. Copia o scarica l'SVG grezzo, oppure esporta una versione PNG rasterizzata.
Verificato da Vincenzo Manto, Fondatore e Lead Developer · Ultimo aggiornamento 27 settembre 2026
Come funziona
- 1
Imposta la larghezza e l'altezza di cui hai bisogno per il segnaposto.
- 2
Scegli un colore di sfondo e un colore del testo.
- 3
Inserisci opzionalmente un testo personalizzato; altrimenti viene mostrata automaticamente l'etichetta 'LarghezzaxAltezza'.
- 4
Copia o scarica l'SVG, oppure esporta una versione PNG rasterizzata.
Immagini segnaposto senza dipendenza dalla rete
Molti servizi di immagini segnaposto recuperano l'immagine da un URL remoto ogni volta che la pagina si carica. Se quel servizio è down, limitato o bloccato da un ad blocker, il tuo prototipo si rompe insieme a lui. Questo strumento genera SVG puro in locale, quindi il segnaposto non dipende da nulla al di fuori della tua pagina.
Utile per mockup di design e sviluppo
Che tu stia abbozzando un layout prima che esistano contenuti e immagini reali, o costruendo una libreria di componenti che ha bisogno di immagini di esempio, un segnaposto delle dimensioni corrette fa risparmiare tempo rispetto alla ricerca di una foto stock.
Domande frequenti
In cosa è diverso da servizi come placeholder.com o Lorem Picsum?
Quei servizi generano l'immagine su un server remoto e richiedono una chiamata di rete ogni volta che l'immagine viene caricata. Questo strumento costruisce il markup SVG localmente nel tuo browser senza alcuna chiamata di rete, il che è più veloce e funziona anche se il servizio di immagini segnaposto è down o bloccato.
Posso usare il segnaposto direttamente nel mio HTML senza scaricarlo?
Sì. Copia il markup SVG e incollalo inline, oppure usa la data URI generata come src di un <img> se il tuo flusso di lavoro richiede una singola stringa autosufficiente.
Perché offrire sia SVG che PNG?
L'SVG è indipendente dalla risoluzione e leggerissimo, ideale per prototipi e mockup. Il PNG è utile quando uno strumento o un CMS nel tuo flusso di lavoro non accetta upload SVG.
Il testo si aggiorna automaticamente se cambio le dimensioni?
Sì, finché non hai digitato un testo personalizzato, l'etichetta riflette sempre la larghezza e l'altezza correnti.
C'è un limite di dimensione?
Non è imposto alcun limite rigido, ma dimensioni molto grandi produrranno un file PNG corrispondentemente più grande quando rasterizzato.