Os SVGs têm algum tamanho de px inerente?


9

Estou salvando algumas imagens do meu arquivo de ilustrador como SVGs para usar como imagens de fundo em um site. Eu sei que você pode definir o tamanho da imagem em px, mas ele tem algum tamanho de px inerente definido no arquivo?

Respostas:


4

Abra seu arquivo SVG em um editor de texto e veja você mesmo!

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

Propriedades relevantes podem ser encontradas na tag SVG:


6

Sim.

Quando você salva um SVG do Illustrator, redimensiona tudo, salva outro SVG e gera os dois em HTML, eles serão mostrados em tamanhos diferentes, dependendo do tamanho que você os salvou.

Definir esses valores deve ser fácil na prancheta, mas eu sempre defino uma propriedade css (obviamente só funciona na web)

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.