<img src="placeholder.png" width="800" height="400" alt="Placeholder">Use width and height attributes to prevent layout shift (CLS)
background: #ccc url('placeholder.svg') center/cover;SVG placeholders are ideal for CSS backgrounds — infinitely scalable
<Image src="/placeholder.png" width={800} height={400} alt="..." />Use Next.js Image component for automatic optimization
<img src="data:image/png;base64,..." alt="Placeholder">Embed small placeholders directly in HTML — no extra HTTP request
| Caso d'uso | Dimensioni | Rapporto d'aspetto |
|---|---|---|
| Favicon / Icon | 64 × 64 | 1:1 |
| Avatar / Profile | 150 × 150 | 1:1 |
| Thumbnail | 300 × 200 | 3:2 |
| Blog Feature Image | 1200 × 630 | ~1.9:1 |
| Social Media OG | 1200 × 630 | ~1.9:1 |
| Hero Banner | 1920 × 600 | 16:5 |
| Full HD | 1920 × 1080 | 16:9 |
| Product Photo | 800 × 800 | 1:1 |
Le immagini segnaposto vengono usate nello sviluppo web e nel design per riempire gli spazi immagine durante la prototipazione, il wireframing e lo sviluppo prima che le immagini finali siano pronte. Aiutano a visualizzare i layout e testare i design responsivi.
Sì, tutte le immagini segnaposto generate da questo strumento vengono create localmente nel browser e sono gratuite per qualsiasi scopo, inclusi i progetti commerciali.
PNG è un formato immagine raster basato su pixel, supportato da tutti i browser e applicazioni. SVG è un formato vettoriale che scala senza perdita di qualità — ideale per display ad alta risoluzione. Usa SVG per mockup di web design e PNG per compatibilità universale.
Sì! Puoi inserire qualsiasi larghezza e altezza in pixel. Lo strumento supporta qualsiasi dimensione da 1×1 a valori molto grandi. Per dimensioni web standard, usa i preimpostazioni come Avatar, Miniatura, Banner, Social OG e modelli HD.