Stai costruendo un layout, incolli il solito URL segnaposto e non carica. Il browser ti sommerge di avvisi di contenuto misto, la scheda resta bloccata per mezzo minuto. Ti suona familiare?

I servizi di segnaposto dei primi anni 2010 stanno morendo in silenzio: domini non rinnovati, certificati TLS scaduti, limiti di velocità che bloccano le richieste. Scoprirlo un'ora prima della consegna non è affatto divertente.

Abbiamo testato manualmente 14 strumenti attivi: dai rettangoli colorati alla generazione AI e agli avatar deterministici. Ognuno supporta HTTPS, mantiene un uptime stabile e non ti lascia a piedi quando il backend non è pronto ma devi già mostrare il layout.

💡 Panoramica rapida:

• Tipologia: blocchi colorati, riempitivi fotografici, SVG con distribuzione Edge, avatar, mockup di dispositivi e generazione AI; c'è uno strumento per ogni esigenza.
• Velocità: placeholders.dev e placeholdr.dev girano su Cloudflare Workers e servono i contenuti dalla posizione Edge più vicina.
• Sicurezza: tutti i 14 servizi funzionano su HTTPS. Nessun avviso di contenuto misto.
• Codice pronto all'uso: ogni servizio fornisce un modello di URL da copiare e incollare in <img src> in pochi secondi.

Criteri di selezione: cosa rende un servizio adatto a mockup funzionanti

I parametri che abbiamo usato per valutare ogni strumento:

• Solo HTTPS. I contenuti misti nel 2026 sono un campanello d'allarme. I servizi senza TLS non sono entrati in lista.
• CDN o distribuzione Edge. La copertura globale significa bassa latenza da qualsiasi posizione.
• Manutenzione attiva. Commit o aggiornamenti recenti nell'ultimo anno.
• Sintassi URL prevedibile. Lo schema deve essere ovvio a colpo d'occhio, senza leggere la documentazione.
• Formati moderni. WebP, AVIF, SVG; senza di questi, un servizio non può competere.

Tabella comparativa

1. Placehold.co: lo standard di riferimento per i blocchi colorati

Nato per sostituire l'inaffidabile via.placeholder.com ed è diventato la scelta predefinita. Colori HEX, Google Fonts, dimensioni: tutto passa nell'URL. SVG, WebP, PNG. Lo schema è ovvio a colpo d'occhio: /600x400/EEE/31343C?text=Hero+Image.

Pro:

• SVG, WebP, PNG: tre formati in un unico servizio.
• Colori HEX e Google Fonts direttamente nella query string.
• CDN stabile con latenza minima.

Contro:

• Solo blocchi colorati. Il servizio non genera foto.

1
<img src="https://placehold.co/600x400" alt="Placeholder">
2
<img src="https://placehold.co/600x400/EEE/31343C?text=Hero+Image" alt="Hero">
3
<img src="https://placehold.co/600x400.webp" alt="WebP format">

🔗 Placehold.co

2. Lorem Picsum: riempitivi fotografici per mockup realistici

"Lorem Ipsum, ma per le immagini." Fornisce foto reali dal suo database, perfetto quando i quadrati colorati stonano. Il parametro seed blocca un'immagine, cosa preziosa per i test dell'interfaccia.

I filtri (grayscale, blur) aggiungono flessibilità. Nessuna attribuzione richiesta.

Pro:

• Foto di qualità per i mockup, non robaccia da stock.
• Filtri sfocatura e scala di grigi.
• seed per la ripetibilità a ogni richiesta.

Contro:

• Nessun controllo preciso sul contenuto della foto. Ottieni ciò che è finito nell'inquadratura.

1
<img src="https://picsum.photos/800/600" alt="Random photo">
2
<img src="https://picsum.photos/seed/product/400/300" alt="Fixed photo">
3
<img src="https://picsum.photos/800/600?grayscale&blur=2" alt="Filtered">

🔗 Lorem Picsum

3. DummyImage: preset per ogni esigenza

Il servizio con la personalizzazione più ampia per i segnaposto testuali. La caratteristica principale sono le decine di preset: formati pubblicitari (Leaderboard, Wide Skyscraper), proporzioni (16:9, 4:3), risoluzioni diffuse. Colori di sfondo e testo via HEX, formati PNG, JPEG, GIF.

Nessuna CDN, quindi la velocità dipende dalla geografia. Non è un problema critico per lo sviluppo in locale.

Pro:

• Decine di preset per annunci, schermate e layout standard.
• Controllo completo su colore di sfondo e testo.

Contro:

• Nessuna CDN. La latenza è percepibile da Australia o Giappone.

1
<img src="https://dummyimage.com/728x90/000/fff" alt="Leaderboard ad">
2
<img src="https://dummyimage.com/16:9x1080" alt="HD ratio">

🔗 DummyImage

4. Placeholders.dev: SVG da server Edge

Gira su Cloudflare Workers e distribuisce SVG da server Edge. «Super veloce» non è solo marketing: la distribuzione dalla località Cloudflare più vicina significa latenza a una cifra in millisecondi. L'SVG garantisce nitidezza perfetta su Retina a qualsiasi scala.

Pro:

• Generazione al volo tramite Cloudflare Workers.
• Nitidezza su qualsiasi schermo grazie all'SVG.
• Distribuzione Edge dalla località di rete più vicina.

Contro:

• Solo SVG. I formati raster non sono supportati.

1
<img src="https://images.placeholders.dev/?width=400&height=300&bgColor=%23f0f0f0&textColor=%23333" alt="SVG placeholder">

🔗 placeholders.dev

5. DiceBear: avatar deterministici

Genera avatar in base al principio «un seed, un risultato». Passa un'email o un nome utente e ottieni lo stesso avatar a ogni richiesta. Prezioso per liste utenti e pannelli di amministrazione: il contenuto appare popolato senza la complicazione di foto reali.

Più di venti stili, dalla pixel art ai volti realistici. Tutto in SVG. L'API è aperta.

Pro:

• Due dozzine di stili di avatar.
• Generazione deterministica: il seed garantisce la ripetibilità.
• SVG per un ridimensionamento perfetto.

Contro:

• Solo SVG. Per avatar raster servirà un convertitore aggiuntivo.

1
<img src="https://api.dicebear.com/9.x/avataaars/[email protected]" alt="User avatar">

🔗 DiceBear

6. UI Avatars: iniziali al posto delle foto

Genera avatar con le iniziali dell'utente su uno sfondo colorato. Perfetto per commenti, chat e pannelli di amministrazione dove le foto non servono ma i cerchi grigi anonimi danno fastidio. Dimensioni, font, colore di sfondo e colore del testo sono tutti configurabili tramite parametri URL.

Il servizio è completamente aperto: codice sorgente su GitHub, puoi avviare la tua istanza in 10 minuti. Un vantaggio significativo per i progetti con requisiti di privacy.

Pro:

• Iniziali al posto delle foto con caricamento istantaneo.
• Controllo completo su colore di sfondo, colore del testo e font.
• Open source su GitHub.

Contro:

• Solo testo su sfondo colorato. Le illustrazioni non sono supportate.

1
<img src="https://ui-avatars.com/api/?name=John+Doe&size=128&background=0D8ABC&color=fff" alt="JD Avatar">

🔗 UI Avatars

7. Lorem Flickr: foto con licenza Creative Commons

Cerca foto con licenza Creative Commons su Flickr e le fornisce come segnaposto. Rispetto a Lorem Picsum, qui ottieni scatti più "spontanei" e meno composizioni in posa. La qualità varia, ma per i mockup dove l'autenticità conta, è un vantaggio.

Il parametro lock fissa l'immagine. La ricerca per parola chiave restringe la selezione.

Pro:

• Ricerca per parola chiave.
• lock per la persistenza dell'immagine.
• Creative Commons con licenze trasparenti.

Contro:

• Qualità imprevedibile: dal capolavoro allo scatto mosso.

1
<img src="https://loremflickr.com/1280/720" alt="Flickr Image">

🔗 Lorem Flickr

8. Placeit: mockup professionali per dispositivi

Una piattaforma di Envato con quasi 3000 template di mockup: iPhone, Samsung, desktop, laptop, tablet. Il servizio è a pagamento (abbonamento Envato), ma per presentare design ai clienti o nei portfolio, offre risultati indistinguibili dai render di studio.

Drag-and-drop: carica uno screenshot, scegli un dispositivo, scarica. Per le presentazioni commerciali, si ripaga subito.

Pro:

• Quasi 3000 template di dispositivi e scenari.
• Interfaccia drag-and-drop che non richiede competenze di design.

Contro:

• A pagamento. I mockup gratuiti hanno la filigrana.

🔗 Placeit

9. ASSETS.SO: segnaposto a tema con personalità

Aggiunge contesto alla routine quotidiana di uno sviluppatore. Categorie: giochi, film, musica, sport, calzature. Un sito di film con fotogrammi reali risulta più convincente di un mockup con quadrati colorati. L'API è semplice: /game.jpg?w=1280&h=720.

Vantaggi:

• Categorie tematiche per nicchie diverse.
• API estremamente semplice.

Svantaggi:

• Controllo minimo sul contenuto.

1
<img src="https://via.assets.so/game.jpg?w=1280&h=720" alt="Game Asset">

🔗 ASSETS.SO

10. RoboHash: avatar robot per dati di test

Genera robot unici a partire da qualsiasi testo. Il principio è lo stesso di DiceBear (generazione deterministica), ma con carattere: ogni robot ha la propria espressione e combinazione di colori. Stili: robot classici, mostri, gatti robot.

Adatto per prototipi in cui vuoi aggiungere personalità ai profili di test.

Pro:

• Generazione deterministica da testo.
• Tre stili: robot, mostri, gatti.
• Open source.

Contro:

• Solo PNG. SVG non supportato.

1
<img src="https://robohash.org/[email protected]" alt="Robot avatar">

🔗 RoboHash

11. Bacon Mockup: bacon in qualsiasi risoluzione

Deliziose immagini di bacon in qualsiasi risoluzione. Per siti di ristoranti, food blog o scherzi tra colleghi. Sembra uno scherzo, ma il servizio è stabile da diversi anni.

Alta risoluzione, API semplicissima. Di nicchia, ma memorabile.

Pro:

• Foto ad alta risoluzione.
• API estremamente semplice.

Contro:

• Tema molto specifico. Inutile al di fuori di progetti food.

1
<img src="https://baconmockup.com/1280/720" alt="Bacon">

🔗 Bacon Mockup

12. Placebeard.it: rudezza in ogni pixel

La risposta a placekitten, qualcosa di più concreto e maschile. Foto a colori o in bianco e nero di persone barbute in qualsiasi proporzione. Per barbershop, abbigliamento maschile e startup hipster. Supporto scala di grigi. Il servizio funziona stabilmente da molto tempo.

Pro:

• Foto a tema, ideali per il segmento maschile.
• Supporto scala di grigi.

Contro:

• Tema molto specifico. Non adatto a un pubblico femminile.

1
<img src="https://placebeard.it/1280x720" alt="Beard">

🔗 Placebeard.it

13. Placebear: forza bruta della natura

Segnaposto grandi, pelosi e a volte pericolosi. Ottimo per testare la responsività su immagini con texture complesse: pelliccia, erba e corteccia offrono materiale ricco per verificare compressione e ridimensionamento.

Foto ad alta risoluzione, uptime stabile. Non per ogni progetto, ma vale la pena tenerlo nei preferiti.

Pro:

• Foto ad alta risoluzione.
• Uptime stabile.

Contro:

• Contenuto specifico. Non tutti i clienti apprezzeranno un orso nel loro mockup.

1
<img src="https://placebear.com/1280/720" alt="Bear">

🔗 Placebear

14. Placeholdr.dev: generazione di placeholder con AI

Il player più fresco della nicchia: generazione AI tramite modello di diffusione Flux su Cloudflare Workers con caching R2. La prima richiesta impiega diversi secondi per il rendering; le successive vengono servite istantaneamente dalla cache.

Formato URL: /{width}x{height}/{prompt}. Stili: photographic, artistic, anime, oil-painting, 3d-render, cartoon. seed (1-3) blocca la variante. Gratuito, nessun account richiesto.

Pro:

• Generazione AI: descrizioni in linguaggio naturale invece di codici HEX.
• Sei stili, dal fotorealismo al rendering 3D.
• Distribuzione edge tramite Cloudflare Workers.

Contro:

• La prima richiesta è lenta (diversi secondi per il rendering).
• Servizio giovane (lanciato a gennaio 2026); la stabilità a lungo termine è incerta.

1
<img src="https://placeholdr.dev/600x400/minimalist modern office" alt="AI-generated office">
2
<img src="https://placeholdr.dev/320x320/cat?style=anime" alt="AI anime cat">
3
<img src="https://placeholdr.dev/1024x768/camera?style=3d-render&seed=3" alt="AI 3D camera">

🔗 placeholdr.dev

Considerazioni tecniche: CSP, modalità offline e perché i vecchi URL muoiono

Header Content-Security-Policy

Se il tuo sito usa CSP restrittive, i servizi di placeholder esterni saranno bloccati dal browser per impostazione predefinita. Aggiorna la direttiva img-src:

1
Content-Security-Policy: img-src 'self' https://placehold.co https://picsum.photos;

Importante: rimuovi questi domini dalla CSP prima del deploy in produzione. I placeholder sono per lo sviluppo, non per i siti live.

Sviluppo locale senza internet

Per sviluppo offline o progetti con requisiti di privacy:

• Generazione di placeholder lato client tramite Canvas o SVG.
• Script di generazione locale in Node.js.
• File di placeholder statici nel repository.

Perché i vecchi URL muoiono

La maggior parte dei servizi dei primi anni 2010 erano side project: lanciati, mantenuti per un paio d'anni, poi abbandonati. Il dominio scade, il certificato decade e l'URL si trasforma in una zucca. Scegli servizi con commit recenti e supporto commerciale.

⁉️🤔 Domande frequenti

Posso usare i placeholder in produzione?

No. I servizi di placeholder sono solo per sviluppo e prototipazione. Limiti di richieste, downtime, latenza sotto carico. Sostituisci i placeholder con asset reali prima del rilascio.

Perché alcuni servizi sopravvivono per anni mentre altri muoiono nel giro di un paio di stagioni?

La differenza sta nel modello di supporto. I servizi commerciali o sponsorizzati hanno risorse dedicate e ricevono aggiornamenti stabili. I side project individuali vanno avanti a entusiasmo. Controlla la cronologia dei commit: se l'ultimo risale a tre anni fa, cerca un'alternativa.

Come faccio a bloccare la stessa immagine a ogni ricaricamento?

Usa il parametro seed. Lorem Picsum: /seed/product/400/300. DiceBear: [email protected]. RoboHash: qualsiasi testo nell'URL. placeholdr.dev: ?seed=1 (tre varianti). Un seed produce sempre un risultato.

Devo aggiornare la CSP per i placeholder?

Sì. Se il tuo sito ha header Content-Security-Policy configurati, aggiungi i domini dei servizi alla direttiva img-src, altrimenti il browser bloccherà il caricamento. Non dimenticare di rimuoverli prima del deploy.

I placeholder esterni influiscono sulla velocità di sviluppo locale?

Ogni tag <img> con un URL esterno fa una richiesta HTTP. I servizi con CDN ed Edge funzionano velocemente, ma per la massima autonomia tieni un set di placeholder statici nel tuo repository.

Qual è il formato migliore per i placeholder?

SVG per forme geometriche e testo: peso minimo, scalatura perfetta. WebP per placeholder fotografici: sensibilmente più leggero del JPEG a parità di qualità. PNG quando serve trasparenza. AVIF se i browser del tuo pubblico di riferimento lo supportano.

Posso usare le immagini di questi servizi in mockup commerciali?

La maggior parte dei servizi fornisce contenuti gratuitamente e senza attribuzione. I servizi basati su Flickr funzionano con licenze Creative Commons; verifica la licenza di ogni foto. Placeit richiede un abbonamento Envato per scaricare senza watermark.

Cosa mettere nei preferiti: la selezione finale dei placeholder del 2026

Le nostre scelte per il lavoro quotidiano: Placehold.co per i blocchi colorati, Lorem Picsum per i mockup fotografici e DiceBear per gli avatar. Questi tre servizi coprono la stragrande maggioranza delle esigenze.

Ti serve velocità su Retina? placeholders.dev con SVG Edge. Vuoi visual contestuali senza cercare su siti di stock? placeholdr.dev con generazione AI. Stai preparando una presentazione commerciale? Placeit con i suoi tremila mockup.

La regola principale resta la stessa: i placeholder vivono sul server di sviluppo. Prima del deploy, sostituisci ogni URL esterno con un asset reale. Tieni due o tre servizi di backup nei preferiti; ciò che funzionava ieri potrebbe andare offline domani.