Placehold: generatore di immagini per prove grafiche

I Web designer spesso hanno la necessità  di utilizzare immagini segnaposto per dare un senso ai loro mock-up e bozze. Tecnicamente un'immagine placehold è semplicemente un segnaposto in attesa che sia sostituita con l'immagine definitiva. Di solito si mette una GIF di 1à—1 pixel e la si allarga alla dimensione desiderata. Ma esiste un modo migliore.

PlaceHold.it è uno strumento online che genera immagini segnaposto di qualsiasi dimensione e forma.

Tutto quello che bisogna fare per generare l'immagine è aggiungere le dimensioni in pixel all'URL del sito, ad esempio per generare un placehold di 350à—150 pixel, basta andare alla pagina "http://placehold.it/350x150". Se non indichiamo l'altezza, l'immagine sarà  generata quadrata.

Lo strumento dispone anche di altre opzioni. Possiamo cambiare il testo che compare al centro del placehod (di default le dimensioni dell'immagine) è sufficiente inserire accanto alle dimensione l'opzione "text" per esempio "http://placehold.it/350x150&text=Prova+Immagine".

Possiamo impostare rispettivamente i colori di sfondo e del testo "http://placehold.it/350x150/000000/ffffff", e il formato dell'immagine: "http://placehold.it/350x150.png" (i formati disponibili sono: jpg, jpeg, gif e png).

Possiamo facilmente inserire il link nell'attributo src dei tag img per avere delle immagini di prova nei nostri layout in questo modo:


<img src="http://placehold.it/350x150/678226/ffffff&text=HTML.it" alt="Img di prova HTML.it" />