Generatore di immagini segnaposto

Genera immagini segnaposto con dimensioni predefinite per social, annunci e miniature, con sfondi sfumati o casuali, motivi diagonali o a griglia, etichette multiriga ed esportazione @2x.

Caricamento strumento…

Generatore di immagini segnaposto — Scegli una dimensione tra i preset comuni per social, annunci e miniature o inserisci la tua, seleziona uno sfondo pieno, sfumato o generato casualmente e sovrapponi un motivo diagonale o a griglia. Aggiungi un'etichetta multiriga posizionata ovunque con la tua famiglia di caratteri, spessore e dimensione, poi esporta PNG, JPG, WebP o SVG — facoltativamente in @2x per gli schermi retina. Tutto viene disegnato nel tuo browser con le API canvas e SVG, quindi nulla di ciò che inserisci viene caricato su un server.

Cos'è Generatore di immagini segnaposto?

Il Generatore di Immagini Segnaposto è uno strumento gratuito nel browser per designer e sviluppatori front-end che hanno bisogno di grafiche di riempimento durante la creazione di layout, mockup, annunci e librerie di componenti. Parti da un preset come un post di Instagram, una miniatura di YouTube, una card OG o uno spazio pubblicitario come un leaderboard 728×90, oppure digita le dimensioni esatte in pixel. Definisci lo sfondo come colore unico, sfumatura diagonale a due colori o palette casuale, aggiungi un motivo diagonale o a griglia e colloca un'etichetta multiriga in una delle nove posizioni con un font sans, serif o monospazio. Attiva la sovrapposizione delle dimensioni per stampare larghezza e altezza in un angolo ed esporta come PNG, JPG, WebP o SVG copiabile, con una scala retina @2x opzionale per i formati raster.

Come usare Generatore di immagini segnaposto

  1. Scegli una dimensione predefinita (social, miniatura o annuncio) o digita una larghezza e un'altezza esatte in pixel.
  2. Apri le Impostazioni per definire lo sfondo: pieno, sfumatura a due colori o fai clic su Casuale per colori casuali sicuri.
  3. Sovrapponi facoltativamente un motivo diagonale o a griglia e attiva la sovrapposizione delle dimensioni.
  4. Digita un'etichetta — usa gli a capo per il testo multiriga — poi imposta posizione, famiglia di caratteri, spessore e dimensione.
  5. Scegli PNG, JPG, WebP o SVG e attiva @2x per un'esportazione raster retina.
  6. Controlla l'anteprima dal vivo e fai clic su Scarica (per l'SVG puoi anche copiare il markup).

Esempi

Post Instagram 1080×1080

Scegli il preset Instagram Post, imposta uno sfondo con sfumatura a due colori, centra un'etichetta in grassetto su due righe e scarica un PNG pronto per un mockup di feed.

Annuncio leaderboard 728×90

Scegli il preset Ad Leaderboard, mantieni uno sfondo grigio pieno con motivo a griglia e la sovrapposizione delle dimensioni attiva, ed esporta un WebP di riempimento per uno spazio pubblicitario.

Miniatura YouTube retina

Seleziona il preset YouTube Thumbnail (1280×720), attiva l'esportazione @2x e scarica un PNG 2560×1440 che resta nitido sugli schermi ad alta densità.

Domande frequenti

Quali dimensioni predefinite sono incluse?
Dimensioni social (post, ritratto e storia di Instagram, copertina Facebook, post e intestazione X, banner LinkedIn, miniatura YouTube, card OG) e formati pubblicitari standard (leaderboard, rettangolo medio, grattacielo largo, billboard). Scegline una per riempire larghezza e altezza, o inserisci una dimensione personalizzata.
Come funzionano le opzioni di sfondo e motivo?
Lo sfondo può essere un colore unico, una sfumatura diagonale a due colori o una palette casuale dal pulsante Casuale, che usa il generatore di numeri casuali sicuro del tuo browser. Sopra puoi sovrapporre un motivo di linee diagonali o una griglia disegnata nel colore del testo.
L'etichetta può occupare più righe ed essere riposizionata?
Sì. Digita gli a capo nella casella dell'etichetta per il testo multiriga, colloca il blocco in una delle nove posizioni (alto/centro/basso × sinistra/centro/destra) e scegli un font sans, serif o monospazio con spessore normale o grassetto e dimensione automatica o fissa. Lascia l'etichetta vuota per stampare automaticamente le dimensioni.
Cosa fa l'esportazione @2x?
Per i formati raster (PNG, JPG, WebP) renderizza il canvas al doppio delle dimensioni in pixel così il file resta nitido su schermi retina e ad alta DPI. L'SVG è già indipendente dalla risoluzione, quindi @2x non si applica.
Le mie immagini o i miei testi vengono caricati da qualche parte?
No. Ogni segnaposto viene disegnato interamente nel tuo browser con le API canvas e SVG e i download avvengono localmente: nulla di ciò che digiti o generi viene inviato a un server, quindi funziona offline e mantiene privato il tuo lavoro.

Strumenti correlati

Codice in immagine

Trasforma uno snippet di codice in un'immagine con evidenziazione della sintassi nel tuo browser, con oltre 20 linguaggi, temi e sfondi personalizzati, numeri di riga ed esportazione PNG o SVG.

Verificatore di contrasto dei colori

Controlla il contrasto WCAG 2.1 e il punteggio APCA Lc tra testo e sfondo, vedi i badge AA, AAA e 3:1 e applica il colore conforme più vicino.

Miscelatore di colori

Mescola due colori HEX nel rapporto scelto, nello spazio RGB o Lab, e ottieni il colore intermedio come campione e valore HEX copiabile.

Generatore di sfumature di colore

Trasforma un colore HEX di base in una scala OKLCH, HSL o RGB con livelli regolabili, suggerimenti di contrasto WCAG per livello ed esportazione in CSS, Tailwind e JSON.