Vai al contenuto
100% locale

Generatore di immagini segnaposto

Genera un'immagine SVG segnaposto con dimensioni, colori ed etichetta personalizzati — come SVG, data: URI o tag <img>.

0
Uscita

Generatore di immagini segnaposto

Scegli una larghezza e un'altezza — o un rapporto di aspetto comune come 16:9 o 4:3 — e questo strumento disegna un'immagine segnaposto all'istante, pronta per inserire in una bozza, uno schema o uno spazio nel tuo markup dove l'asset finale non è ancora pronto. Si renderizza come SVG, quindi il riquadro rimane nitido a qualsiasi dimensione e si scala senza uno sfondo raster sfocato sottostante.

Imposta un colore di sfondo e di testo, e lascia che l'etichetta sia per impostazione predefinita le dimensioni renderizzate (come "800×600") o digita la tua didascalia personalizzata — un nome di componente, un punto di interruzione, qualsiasi cosa che ti aiuti a distinguere un segnaposto dall'altro mentre costruisci. La famiglia di caratteri e la dimensione sono regolabili, e arrotondare gli angoli o sovrapporre una griglia o una croce diagonale dà al riquadro l'aspetto familiare di "questo è un segnaposto" invece di un semplice rettangolo grigio.

Scegli come viene visualizzato il risultato: markup SVG grezzo da salvare come file, un data: URI con codifica percentuale o uno base64 per uno sfondo CSS o una fonte immagine inline, oppure un tag img completo che puoi incollare direttamente nell'HTML. Le dimensioni molto grandi o un'etichetta irragionevolmente lunga vengono limitate invece di consentire al tab di bloccarsi o di produrre qualcosa che nessuno potrebbe usare.

Tutto viene disegnato localmente nel tuo browser nel momento in cui modifichi un'opzione — nessuna immagine viene generata su un server e nulla di quello che digiti viene caricato da nessuna parte. Copia il risultato, scaricalo come file .txt o invialo direttamente a un altro strumento come il codificatore URL SVG o il convertitore di colori.

FAQ

L'immagine si aggiorna mentre cambio le opzioni?
Sì. L'anteprima si rigenerastesso istante mentre modifichi larghezza, altezza, colori, etichetta o qualsiasi altra opzione.
Posso usare l'output direttamente come fonte di immagine?
Sì. Scegli il formato data: URI o base64 e incolla il risultato direttamente in un <img src="…"> o in un background-image CSS.
Cosa succede se imposto sia un rapporto di aspetto che un'altezza?
Il rapporto di aspetto vince: l'altezza viene ricalcolata dalla larghezza in modo che l'immagine mantenga quel rapporto esatto.
C'è un limite di dimensione?
La larghezza e l'altezza sono limitate a 4000px ciascuna, e un'etichetta personalizzata estremamente lunga viene rifiutata con un messaggio che ti chiede di accorciarla, quindi lo strumento non tenta mai di costruire un'immagine inutilizzabile.
I miei dati vengono caricati da qualche parte?
No. L'immagine segnaposto viene generata completamente nel tuo browser — nulla viene inviato a un server.