Immagine segnaposto SVG nelle dimensioni scelte

Pensato per designer e sviluppatori che costruiscono un layout e devono riservare subito lo spazio corretto a un contenuto ancora assente.

Disegna un’immagine segnaposto SVG nelle dimensioni desiderate, utile per provare spazi e proporzioni prima che la grafica definitiva sia pronta.

Come si usa

Inserisci la larghezza che ti serve nella prima riga, poi l'altezza nella seconda.
Digita un testo opzionale nella terza riga se vuoi che venga mostrato dentro l'immagine generata.
Avvia la generazione per produrre l'SVG alla dimensione richiesta.
Copia il codice dall'area del risultato e incollalo nella tua pagina o nel file di progettazione.
Cambia i valori e genera di nuovo tutte le volte che ti servono.

Esempio

Il campione richiede una larghezza di 800, un'altezza di 450 e il testo Banner. Dopo la generazione, controlla che il risultato sia davvero marcatura SVG e che le dimensioni corrispondano a quelle richieste, dato che quei valori decidono quanto spazio occupa il segnaposto nella tua impaginazione.

Input

800
450
Banner

Limiti e formati

Il risultato è un disegno vettoriale, non una fotografia, quindi appartiene alle bozze più che alle immagini finali.
Tutto deriva da ciò che inserisci: la dimensione e, facoltativamente, un testo.
Mantieni larghezza e altezza come numeri interi positivi.
Guarda come viene visualizzato nel tuo browser prima di aggiungerlo a una pagina pubblicata.

Dove avviene il trattamento

L'immagine vettoriale viene descritta e assemblata dalla pagina dentro il tuo browser, usando la dimensione e il testo che fornisci. Nessun file viene caricato e nulla viene trasmesso durante la generazione. La marcatura resta sullo schermo finché non la cancelli o non lasci la pagina.

Domande frequenti

A cosa serve davvero un'immagine segnaposto?

Prende il posto di un'immagine che non è ancora pronta. Puoi vedere se un layout regge e se le proporzioni previste sembrano corrette, senza aspettare l'immagine finale di un progettista o di un fotografo.

Cosa contiene l'SVG generato?

Descrive una cornice alla dimensione richiesta, più il testo che hai digitato se ne hai digitato uno. Non viene aggiunto altro, quindi sai sempre cosa contiene il codice prima di incollarlo da qualche parte.

Dovrei tenerlo su un sito web pubblicato?

Meglio trattarlo come uno strumento per bozze, dato che segnala che manca ancora un elemento visivo. Sostituiscilo con l'immagine finale prima di pubblicare, altrimenti i visitatori vedranno il segnaposto invece di un'immagine.