SVG (Scalable Vector Graphics)
SVG é um formato de imagem vetorial baseado em XML que se adapta a qualquer resolução sem perda de qualidade. É ideal para logotipos, ícones, ilustrações e gráficos interativos na web. Arquivos SVG podem ser estilizados com CSS, animados com JavaScript e são totalmente pesquisáveis e acessíveis.
Tipo MIME
image/svg+xml
Tipo
Texto
Compressão
Sem perdas
Vantagens
- + Infinite scalability without quality loss
- + Tiny file sizes for simple graphics
- + Styleable with CSS and scriptable with JS
- + Accessible and SEO-friendly (text is selectable)
Desvantagens
- − Not suitable for photographs or complex raster images
- − Complex SVGs can be large and slow to render
- − Security concerns when accepting user-uploaded SVGs
Quando usar .SVG
Use SVG para logotipos, ícones, ilustrações, gráficos e qualquer elemento visual que precise escalar perfeitamente em qualquer resolução ou ser estilizado com CSS.
Detalhes técnicos
O SVG armazena imagens como texto XML descrevendo formas geométricas, caminhos e texto. Suporta filtros, gradientes, caminhos de recorte, máscaras e imagens rasterizadas incorporadas.
Histórico
O SVG foi desenvolvido pelo W3C e publicado pela primeira vez como recomendação em 2001. O SVG 1.1 se tornou o padrão amplamente adotado em 2003, com o SVG 2 atualmente em desenvolvimento.
Converter de .SVG
Converter para .SVG
Formatos relacionados
Termos relacionados
Learn More
Color Theory for Digital Design: A Practical Guide
Understanding color theory helps you create visually harmonious designs that communicate effectively. This guide covers color models, harmony rules, accessibility …
CSS Units Explained: px, em, rem, vh, and When to Use Each
CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …
Image Format Guide: JPEG vs PNG vs WebP vs AVIF
Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …
QR Code Generation: Best Practices for Print and Digital
QR codes bridge physical and digital experiences, but poorly generated codes fail to scan. This guide covers sizing, error correction, …
Flexbox vs CSS Grid: A Practical Comparison
Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …
How to Convert Images Between Formats
A practical guide to converting between image formats like JPEG, PNG, WebP, SVG, and HEIC. Learn which conversions are lossless, …