Generatore di immagini segnaposto

Come creare un’immagine segnaposto

1. Inserisci la Larghezza (px) e l’Altezza (px), da 1 a 10.000 pixel. L’anteprima e il suo rapporto d’aspetto si aggiornano mentre scrivi.
2. Scrivi un Testo, oppure lascialo vuoto per stampare le dimensioni, per esempio «1200×630».
3. Scegli il Colore di sfondo e il Colore del testo.
4. Lascia Dimensione del carattere (px) a 0 per una dimensione automatica adatta all’immagine, oppure inserisci una dimensione in pixel. Scegli un Carattere.
5. Scegli il Formato: PNG, JPG, WebP o SVG, poi clicca su Scarica immagine.

Per creare molte dimensioni in una volta, apri Serie di dimensioni comuni, spunta quelle che ti servono (oppure usa Seleziona tutto / Deseleziona tutto) e clicca su Scarica le dimensioni selezionate (ZIP). Ogni immagine usa i colori, il carattere e il formato impostati sopra; quando il testo è vuoto, ogni immagine mostra le proprie dimensioni.

Quale formato scegliere

• SVG è il più leggero (qualche centinaio di byte qualunque sia la dimensione) e resta nitido a qualsiasi zoom. È ideale per mockup, prototipi e template HTML. Il testo usa un font di sistema, quindi il suo aspetto può variare leggermente da un computer all’altro.
• PNG offre pixel esatti, senza perdita. Sceglilo per i programmi di grafica e quando serve una vera bitmap.
• JPG produce file leggeri per le grandi dimensioni ed è accettato ovunque, anche dai vecchi CMS.
• WebP è più leggero di PNG e JPG ed è supportato da tutti i browser attuali.

I formati raster sono limitati a circa 16,7 milioni di pixel (per esempio 4096 × 4096), il canvas più grande che i browser riescono a codificare. L’SVG non ha questo limite.

Dimensioni comuni nella serie

I formati pubblicitari seguono le unità standard IAB usate dalla maggior parte delle reti pubblicitarie; le dimensioni social corrispondono alle raccomandazioni delle principali piattaforme.

Perché usare immagini segnaposto?

I segnaposto riservano lo spazio esatto che un’immagine occuperà prima che la foto vera esista. Così designer e sviluppatori possono verificare un layout, testare i breakpoint responsive o mostrare a un cliente dove andranno le immagini senza dover cercare foto stock. Stampare le dimensioni sull’immagine rende evidente quale formato si aspetta ogni spazio, e un grigio neutro tiene l’attenzione sul layout invece che sul contenuto.

Poiché questo strumento crea file veri, puoi usarli offline, salvarli in un repository o inserirli in un programma di grafica, senza dipendere da un servizio esterno di placeholder che potrebbe smettere di funzionare o tracciare i visitatori.