Wireframe prima degli asset reali. Export Storybook/Figma con placeholder. Testare lazy-loading o CSS aspect-ratio. Sostituire servizi esterni in progetti con CSP rigido.

SVG non è raster. Per PNG: screenshot o convertitore. Data URI lunghe sono scomode in tool/diff — meglio il download per mockup grandi. L'etichetta auto non è localizzata. Inserisci testo custom. Colori solo hex HTML. Per rgba() modifica l'SVG. La dimensione è intrinseca. Scalatura CSS con preserveAspectRatio="none" . Non lasciare in produzione.

Generatore Immagine Placeholder

Genera immagini SVG placeholder di qualsiasi dimensione con testo e colori personalizzati. Output come data URI o SVG scaricabile.

Width (px)

Height (px)

Background colour

Text colour

Label text (leave blank for "WxH")

Preview

SVG markup

Data URI

Download

A cosa serve?

Nel progettare una pagina serve spesso un'immagine di una certa dimensione prima dell'asset reale. Servizi come via.placeholder.com aggiungono una richiesta esterna. Questo strumento produce un SVG inline autonomo con dimensione ed etichetta a piacere — data URI o download. Nulla lascia il browser.

Quando usarlo

Wireframe prima degli asset reali.
Export Storybook/Figma con placeholder.
Testare lazy-loading o CSS aspect-ratio.
Sostituire servizi esterni in progetti con CSP rigido.

Errori comuni

SVG non è raster. Per PNG: screenshot o convertitore.
Data URI lunghe sono scomode in tool/diff — meglio il download per mockup grandi.
L'etichetta auto non è localizzata. Inserisci testo custom.
Colori solo hex HTML. Per rgba() modifica l'SVG.
La dimensione è intrinseca. Scalatura CSS con preserveAspectRatio="none".
Non lasciare in produzione.