Generatore di immagini segnaposto
Crea un'immagine segnaposto semplice con le dimensioni esatte che ti servono, con la misura scritta sopra, per mockup, layout e test.
Funziona interamente nel browser
Lascia vuoto per mostrare la dimensione.
Larghezza e altezza da 1 a 8000 pixel, fino a 100 megapixel in totale. Il testo è su una sola riga, dimensionato per adattarsi.
Come creare un'immagine segnaposto
- Scrivi larghezza e altezza, oppure premi un preset come 1200 × 630 per una social card o 300 × 250 per un annuncio.
- Scegli i colori di sfondo e del testo. Lascia vuoto il testo per mostrare la dimensione, oppure scrivi una tua etichetta.
- Scegli PNG, JPEG, WebP o SVG e premi Scarica, oppure copia l'immagine come data URI.
Scegliere la dimensione di un segnaposto
Un segnaposto sostituisce un'immagine vera mentre costruisci una pagina, quindi la cosa utile è che abbia la forma giusta. I layout si rompono più per le proporzioni che per la risoluzione: un'immagine hero 16:9 si comporta in modo diverso da un avatar quadrato, anche se entrambi sono piccoli. Scrivere la dimensione sull'immagine permette a chiunque guardi il mockup di vedere quale spazio richiede quali misure.
I preset coprono dimensioni che ricorrono spesso: 1200 × 630 è la forma usata dalla maggior parte dei social network per le anteprime dei link, 1080 × 1080 un post quadrato, 1920 × 1080 e 1280 × 720 i formati video più comuni, 300 × 250 e 728 × 90 due spazi pubblicitari standard, e 150 × 150 un tipico avatar.
Nell'uso reale, ricorda che un segnaposto è a tinta unita. PNG e SVG lo memorizzano quasi gratis, mentre un JPEG di grandi dimensioni aggiunge sfocatura attorno al testo. Se incolli l'immagine nel codice come data URI, tienila piccola: ogni byte dell'immagine viene ripetuto nella tua pagina.
Consigli
- Ti serve l'immagine vera a quella dimensione? Ridimensiona immagine e Ritaglia immagine portano una foto alla misura esatta dello spazio.
- Per incorporare un'immagine finita come testo, usa Da immagine a Base64.
- Scegli colori abbinati con il Convertitore di colori e contrasto.
Domande frequenti
Qualcosa lascia il mio dispositivo?
No. Nulla di ciò che scrivi viene inviato da nessuna parte. L'immagine è disegnata dal tuo browser e il download viene creato sul tuo dispositivo.
Quale formato devo scegliere?
L'SVG pesa poche centinaia di byte ed è nitido a qualsiasi dimensione, quindi è adatto ai layout web. Il PNG è esatto e senza perdita per i colori piatti. JPEG e WebP producono file più piccoli alle dimensioni grandi, e il JPEG mostra una leggera sfocatura attorno al testo. Alcuni punti che accettano caricamenti, come molti campi dei CMS, accettano solo immagini raster, quindi lì usa il PNG.
Come viene scelta la dimensione del testo?
Automaticamente. Il testo viene reso il più grande possibile su una sola riga entro circa l'80 per cento della larghezza e il 40 per cento dell'altezza, così sia un banner largo come 728 × 90 sia uno alto come 160 × 600 hanno un buon aspetto.
A cosa serve il data URI?
Un data URI è l'immagine scritta come testo, così puoi incollarla direttamente in un tag img HTML o in uno sfondo CSS senza un file separato. Funziona bene per immagini piccole. Un PNG grande diventa una stringa lunga che appesantisce la pagina, quindi lo strumento ti avvisa quando il risultato è più grande di quanto sia pratico e rifiuta di copiare qualsiasi cosa superi 1 MB.
L'SVG ha bisogno di font speciali?
No. Usa il font sans-serif di sistema, quindi appare un po' diverso su dispositivi diversi ma sta sempre nello spazio, e il testo viene sottoposto a escape così caratteri come & e < sono sicuri.
Quali sono i limiti di dimensione?
Ogni lato può andare da 1 a 8000 pixel e il totale può arrivare a 100 megapixel. Le immagini più grandi richiedono più tempo per essere disegnate e potrebbero non aprirsi in alcuni programmi.