Come generare immagini segnaposto SVG

Panoramica

Questo strumento serve a creare un segnaposto grafico SVG quando occorre rappresentare un’immagine non ancora disponibile, per esempio in una bozza di pagina, in una scheda prodotto o in un layout. Puoi impostare larghezza, altezza, testo mostrato, colore di sfondo e colore del testo. Il risultato è un’immagine segnaposto SVG e anche una rappresentazione dati incorporabile che inizia con un prefisso per immagini SVG.

Procedura

1. Inserisci la larghezza desiderata. Se lasci il campo vuoto, viene usato il valore predefinito di 400. La larghezza effettiva viene mantenuta nell’intervallo da 1 a 2000: valori inferiori vengono portati a 1 e valori superiori a 2000.

2. Inserisci l’altezza. Il valore predefinito è 300 e anche questo parametro viene regolato autonomamente nell’intervallo da 1 a 2000.

3. Aggiungi il testo da visualizzare, se vuoi sostituire l’etichetta automatica. Il testo è facoltativo. Se il valore fornito non è valorizzato, l’etichetta usa le dimensioni effettive unite dal simbolo ×, ad esempio una forma basata su larghezza e altezza.

4. Scegli il colore di sfondo e quello del testo. In assenza di valori personalizzati, lo sfondo è #cccccc e il testo è #333333.

5. Avvia la generazione e controlla l’anteprima o il dato immagine restituito. Il testo visualizzato viene convertito in una forma sicura per l’inserimento nell’SVG e nel testo alternativo dell’elemento immagine; quindi i caratteri che potrebbero essere interpretati come markup non vengono inseriti come markup.

6. Usa l’immagine segnaposto nel contesto previsto dal tuo flusso di lavoro. Considera il dato prodotto come una rappresentazione incorporabile dell’SVG, non come l’indirizzo pubblico di un’immagine ospitata.

Come leggere il risultato

Se la generazione va a buon fine, dovresti ottenere una grafica SVG con le dimensioni effettive, i colori selezionati e il testo visualizzato. Puoi inoltre ricevere una rappresentazione dati incorporata che comincia con il prefisso previsto per un’immagine SVG. Le dimensioni richieste non sono necessariamente quelle finali quando si trovano fuori dall’intervallo consentito: larghezza e altezza vengono corrette separatamente.

L’etichetta automatica dipende dalle dimensioni effettive, non da valori che siano stati ridotti o aumentati prima della regolazione. Se inserisci un testo valorizzato, viene mostrato dopo l’escape HTML; questo consente di visualizzare i caratteri come testo invece di trattarli come elementi SVG o HTML. Il risultato è quindi adatto a un segnaposto, ma non va interpretato come un’immagine definitiva o come un file pubblicato online.

Esempio pratico

Stai preparando una bozza di pagina e ti serve un’immagine temporanea con proporzioni panoramiche e un’etichetta riconoscibile.

Per una bozza di pagina, imposta larghezza 640, altezza 360 e testo «Anteprima», poi avvia la generazione.

Il risultato ha la forma di una grafica SVG segnaposto con dimensioni 640 × 360 e l’etichetta «Anteprima», oltre a una rappresentazione dati incorporata che inizia con il prefisso per immagini SVG.

Limiti

• Le dimensioni finali possono differire da quelle richieste quando un valore è inferiore a 1 o superiore a 2000; il limite viene applicato separatamente a larghezza e altezza.

Errori comuni

• Errore: aspettarsi che una misura molto bassa o molto alta venga mantenuta. Correzione: usa valori compresi tra 1 e 2000 oppure verifica le dimensioni effettive applicate, perché ciascun parametro viene regolato nel proprio intervallo.

Domande frequenti

Posso generare un segnaposto senza indicare le dimensioni?

Sì, puoi lasciare vuote larghezza e altezza: vengono usati rispettivamente 400 e 300. Se inserisci valori fuori dall’intervallo da 1 a 2000, ogni misura viene regolata nel proprio limite.

Che cosa compare se non inserisco un testo?

Puoi omettere il testo. In quel caso, quando il valore fornito non è valorizzato, l’etichetta usa le dimensioni effettive unite dal simbolo ×.

Il risultato è un URL a un’immagine online?

Il risultato include una grafica SVG e una rappresentazione dati incorporata che inizia con un prefisso per immagini SVG. Non è un URL pubblico di un’immagine ospitata.