Gli SVG hanno una dimensione px intrinseca?

Sto salvando alcune immagini dal mio file Illustrator come SVG da utilizzare come immagini di sfondo per un sito Web. So che puoi impostare le dimensioni dell'immagine in px, ma nel file è impostata una dimensione px intrinseca?

Apri il tuo file SVG in un editor di testo e guarda tu stesso!

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
<line fill="none" stroke="#FFFFFF" stroke-width="12" x1="1.1" y1="1.2" x2="58.8" y2="58.8"/>
</svg>

Le proprietà pertinenti sono disponibili nel tag SVG:

• larghezza e altezza
• viewBox
• enable-background (non molto rilevante per il Web ma vale la pena notare che immagino)

Sì.

Quando salvate un file SVG da Illustrator, ridimensionate tutto, salvate un altro SVG e producete entrambi quelli in HTML, verranno visualizzati in dimensioni diverse, a seconda della dimensione con cui li avete salvati.

L'impostazione di questi valori dovrebbe essere abbastanza semplice nella tavola da disegno, ma ho sempre impostato una proprietà css (ovviamente funziona solo sul web)