Generatore di immagini placeholder
Come funziona
Imposta larghezza e altezza (da 1 a 9999 pixel), scegli il colore di sfondo e quello del testo con il selettore o scrivendo il codice esadecimale, e se vuoi scrivi un testo tuo: di base l'immagine riporta le misure, per esempio 300×250. L'anteprima si aggiorna mentre scrivi. La dimensione del testo è automatica (un quinto del lato più corto, con un minimo di 10 pixel), oppure togli la spunta da Automatica e impostala a mano.
I formati rapidi impostano con un clic le misure più comuni: i banner pubblicitari Medium Rectangle (300×250), Leaderboard (728×90) e Wide Skyscraper (160×600), l'immagine Open Graph (1200×630), il post quadrato di Instagram (1080×1080), il Full HD (1920×1080) e l'SVGA (800×600).
Puoi esportare in tre modi: scaricare un PNG disegnato con la Canvas API, scaricare un SVG vettoriale, oppure copiare un data URI in base64 da mettere direttamente in HTML o CSS senza una richiesta in più per il file.
Un placeholder serve quando stai impostando un layout, provando una griglia responsive, mostrando un componente o tenendo il posto a una grafica che non è ancora pronta. Tutto viene disegnato nel tuo browser: nessuna immagine viene caricata, e la scheda Rete degli strumenti per sviluppatori resta vuota mentre lavori.
Domande frequenti
In che formati posso scaricare l'immagine?
- In tre: PNG (disegnato con la Canvas API), SVG (vettoriale) e un data URI in base64 da incollare direttamente in HTML o CSS. Il file scaricato si chiama placeholder-LARGHEZZAxALTEZZA, per esempio placeholder-300x250.png.
Posso cambiare il testo dell'immagine?
- Sì. Di base il testo riporta le misure (un'immagine 300 per 250 mostra 300×250), e puoi sostituirlo con quello che vuoi scrivendo nel campo Testo personalizzato. Colore e dimensione del testo si impostano a parte.
Qual è la misura giusta per un'immagine Open Graph?
- 1200×630 pixel, ed è uno dei formati rapidi: cliccalo e ottieni un'immagine segnaposto con il rapporto 1,91:1 che Facebook, LinkedIn e Twitter usano per le anteprime dei link.
I miei dati vengono salvati da qualche parte?
- No. L'immagine viene disegnata da JavaScript nella scheda del browser e non viene caricata né salvata. Nella scheda Rete degli strumenti per sviluppatori non parte nessuna richiesta mentre generi o scarichi.