Sobre esta ferramenta
Esta ferramenta altera as dimensões exteriores do SVG, permitindo definir uma largura e altura para ícones e ilustrações. Mantém o formato vetorial e não reescreve as coordenadas dos caminhos para redimensionar a imagem.
Como utilizar
- Escolha um ficheiro SVG ou cole o código e consulte a largura, a altura e o viewBox atuais.
- Introduza a nova largura. Se a proporção for conhecida e estiver bloqueada, a altura é ajustada automaticamente.
- Para definir as dimensões de forma independente, desative o bloqueio da proporção e introduza os dois valores.
- Aplique as dimensões, confira a pré-visualização e descarregue resized.svg.
Funcionalidades
- Define as dimensões em píxeis, com o bloqueio da proporção ativo por predefinição.
- Utiliza preferencialmente a proporção de um viewBox válido. Na sua ausência, tenta usar a largura e altura explícitas.
- Quando não existem dimensões fiáveis, informa que a proporção é desconhecida e pede os dois valores.
Dimensões de apresentação e coordenadas internas
- width e height definem o tamanho da área de apresentação; viewBox define a área de coordenadas internas. Esta ferramenta altera as dimensões de apresentação e mantém o viewBox original.
- Por exemplo, com viewBox 0 0 800 600 e proporção bloqueada, uma largura de 400 corresponde a uma altura de 300.
- Sem viewBox, alterar a largura e a altura pode mudar apenas a área visível, sem redimensionar as formas existentes. Confira o resultado e, se necessário, utilize a Calculadora viewBox.
- O ficheiro principal mantém o conteúdo original não alterado, incluindo eventuais scripts ou referências externas. A pré-visualização filtra esse conteúdo; também pode descarregar uma versão filtrada em separado.
Segurança dos ficheiros SVG
A pré-visualização utiliza uma cópia estática filtrada: não executa scripts, eventos de clique ou animações, nem carrega imagens, tipos de letra ou estilos externos. Referências externas, páginas incorporadas e conteúdo não suportado são removidos, pelo que a imagem pode diferir do original. Documentos com DOCTYPE ou entidades personalizadas não são suportados.
O ficheiro SVG ou código UTF-8 pode ter até 2 MiB, 20000 nós (incluindo elementos e texto) e 96 níveis de profundidade. Se o conteúdo for demasiado grande ou complexo, simplifique primeiro o ficheiro.
Privacidade
O conteúdo SVG é processado apenas no seu navegador e não é enviado para um servidor.
A ferramenta não guarda automaticamente o conteúdo nem os resultados. Descarregue o que pretende conservar antes de limpar ou sair da página e mantenha uma cópia do original.
Perguntas frequentes
Qual é a diferença entre width, height e viewBox?
width e height controlam as dimensões exteriores da área de apresentação. viewBox descreve a área de coordenadas internas. Alterar a largura e a altura não reescreve diretamente as coordenadas dos caminhos.
Alterar as dimensões reduz a nitidez do SVG?
As formas vetoriais continuam a poder ser ampliadas com nitidez, mas as imagens de píxeis incorporadas não ganham detalhe. O aspeto do texto também depende do tipo de letra e do navegador.
Porque é que um SVG geralmente não fica desfocado ao ampliar?
As formas vetoriais são descritas por caminhos e coordenadas, sendo redesenhadas para cada tamanho. Uma imagem de píxeis contém um número fixo de píxeis.
Como se calcula a proporção?
Uma proporção original de 800:600 equivale a 4:3. Para uma nova largura de 400, a altura é 400 × 3 ÷ 4 = 300. Se a proporção for desconhecida, tem de indicar as duas dimensões.