Molto prima del web, la tipografia e la grafica pubblicitaria italiana usavano il "bozzetto" — uno schizzo approssimativo con blocchi grigi al posto di foto e illustrazioni non ancora pronte — per mostrare al cliente l'impaginazione senza attendere il materiale fotografico definitivo: lo stesso identico principio dietro un placeholder digitale generato oggi in un secondo.
A cosa servono davvero i placeholder
Un placeholder con le proporzioni corrette permette di vedere subito come il contenuto si dispone attorno a un'immagine della dimensione prevista, senza aspettare la grafica finale di designer o fotografo. Questo velocizza lo sviluppo e permette di lavorare in parallelo su layout e contenuto.
Lo stesso ruolo del lorem ipsum, per le immagini
Un placeholder immagine svolge per un layout esattamente la stessa funzione che il lorem ipsum svolge per un paragrafo di testo: segnala che non è ancora il contenuto a dover essere giudicato, ma la forma. Entrambi gli strumenti risolvono lo stesso problema — riempire una composizione per valutare proporzioni e gerarchia senza che un elemento incompleto distragga da ciò che si sta davvero verificando.
Testare la responsività senza immagini reali
Placeholder di dimensioni e proporzioni diverse aiutano a verificare come si comporta un layout su schermi diversi: se si deforma quando l'immagine è quadrata invece che orizzontale, o se il ritaglio (crop) funziona correttamente al ridimensionamento della finestra.
A cosa serve
- Riempire rapidamente un layout con immagini della dimensione giusta prima che la grafica reale sia pronta.
- Testare la responsività di un layout con immagini di proporzioni diverse.
- Mostrare a un cliente o a un team la struttura di una pagina senza aspettare il contenuto finale.
Formati dei placeholder: SVG contro immagini raster
I placeholder possono essere generati come immagini raster (PNG, JPEG) oppure come SVG, un formato vettoriale che si ridimensiona senza perdita di qualità. Un placeholder SVG di solito pesa solo qualche kilobyte indipendentemente dalla dimensione impostata, poiché descrive forme geometriche e testo invece di memorizzare dati a pixel. Il formato raster è più utile quando serve simulare da vicino il peso del file della futura immagine reale, per testare le prestazioni di caricamento di una pagina.