Skip to main content

Genera immagini segnaposto casuali per design e layout.

Tutti i calcoli sono eseguiti localmente nel tuo browser. Nessun dato viene inviato al server.

I risultati hanno carattere informativo. Verificali con altre fonti.

Immagini segnaposto in un layout

Le immagini segnaposto permettono di costruire un layout prima che esistano le fotografie vere. Il valore sta nell'azzeccare presto le dimensioni: una griglia che appare equilibrata con segnaposto quadrati spesso crolla con le foto 3:2 che riceverà davvero.

Come funziona

  • Costruisce un URL verso il servizio picsum.photos con larghezza e altezza che scegli.
  • Offre un seed fisso perché a ogni ricaricamento torni la stessa immagine, il che mantiene stabili screenshot e test visivi.
  • Supporta varianti in scala di grigi e sfocate, utili per verificare che il testo sovrapposto resti leggibile.
https://picsum.photos/{larghezza}/{altezza}
https://picsum.photos/seed/{seed}/{larghezza}/{altezza}   ← immagine stabile
https://picsum.photos/{larghezza}/{altezza}?grayscale&blur=2

Esempio pratico

Simulare una griglia di card prima che arrivino le fotografie.

  1. le card nel progetto sono 400 × 267: rapporto 3:2
  2. https://picsum.photos/400/267 dà una foto diversa a ogni caricamento
  3. https://picsum.photos/seed/card-1/400/267 dà sempre la stessa
  4. aggiungi ?grayscale per verificare che il design non dipenda da fotografie colorate

Sono gli URL con seed a rendere revisionabile il mockup: senza, ogni ricaricamento rimescola le immagini e chi revisiona discute di foto che non andranno mai online.

Come leggere il risultato

  • È l'unico strumento del sito che effettua una richiesta esterna. Il tuo browser scarica l'immagine direttamente da picsum.photos, che vede il tuo indirizzo IP come qualsiasi server di immagini.
  • Non portare mai i segnaposto in produzione. Dipendono da un servizio di terzi senza garanzia di disponibilità, e un segnaposto rotto su una pagina live è peggio di uno stato vuoto.
  • Rispecchia il rapporto d'aspetto delle immagini reali, non un comodo quadrato. I disallineamenti di rapporto sono il motivo più comune per cui un layout si rompe quando arrivano i contenuti veri.
  • Per lavoro offline o per una suite di test, genera invece un segnaposto locale a tinta unita o in SVG: niente rete, niente instabilità.

Domande frequenti

Perché l'immagine cambia a ogni ricaricamento?
Senza seed il servizio restituisce ogni volta una foto casuale. Usa la forma /seed/ per fissarne una: è quasi sempre ciò che serve per le revisioni di design e i test di regressione visiva.
Posso usare queste immagini in un progetto reale?
Solo per i mockup. Il servizio serve alla prototipazione, non è un archivio di foto su licenza: per tutto ciò che pubblichi usa immagini di cui detieni i diritti.