Les SVG ont-ils une taille px inhérente?

9

Je sauvegarde des images de mon fichier illustrateur sous forme de SVG à utiliser comme images de fond pour un site Web. Je sais que vous pouvez définir la taille de l'image en px, mais a-t-il une taille de px inhérente définie dans le fichier?

svg

— Evanss
source

4

Ouvrez votre fichier SVG dans un éditeur de texte et voyez par vous-même!

<?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>

Les propriétés pertinentes peuvent être trouvées dans la balise SVG:

largeur et hauteur
viewBox
enable-background (pas super pertinent pour le Web mais mérite d'être noté je suppose)

— Brendan
source

6

Oui.

Lorsque vous enregistrez un SVG dans Illustrator, redimensionnez tout, enregistrez un autre SVG et exportez les deux en HTML, ils seront affichés dans différentes tailles, selon la taille que vous avez enregistrée.

La définition de ces valeurs devrait être assez facile dans le plan de travail, mais je viens toujours de définir une propriété css (évidemment ne fonctionne que sur le web)

— Kjeld Schmidt
source