¿Qué es SVG?
SVG (Gráficos Vectoriales Escalables) es un formato de imagen vectorial basado en XML que describe gráficos utilizando formas matemáticas en lugar de píxeles, permitiendo un escalado infinito sin pérdida de calidad.
Última actualización:
What is it?
SVG (Gráficos Vectoriales Escalables) es un formato estándar del W3C introducido en 1999. A diferencia de los formatos rasterizados como JPG y PNG que almacenan imágenes como una cuadrícula de píxeles, SVG almacena imágenes como descripciones matemáticas de formas, caminos y colores utilizando marcado XML.
Debido a que SVG utiliza matemáticas en lugar de píxeles, las imágenes SVG se pueden escalar a cualquier tamaño - desde un favicon hasta una valla publicitaria - sin pérdida de calidad. Los archivos SVG también son editables como texto, se pueden estilizar con CSS y se pueden animar con JavaScript.
Technical Specifications
Pros & Cons
Advantages
Looks sharp at any size from 16x16 pixels to poster-sized without any pixelation.
Simple graphics like logos and icons are often smaller than equivalent PNG files.
SVG elements can be styled, animated, and manipulated with code in the browser.
SVG supports text descriptions and semantic markup for accessibility.
Disadvantages
SVG cannot efficiently represent photographic images - use JPG or WebP instead.
Very detailed SVG illustrations with thousands of paths can hurt rendering performance.
SVG can contain scripts - untrusted SVG files should be sanitized before display.
Some print workflows require conversion to PDF or rasterization.
When to Use It
SVG es el formato ideal para cualquier gráfico que necesite escalar o ser interactivo en la web.
Logos and Branding
Company logos that appear in multiple sizes - from favicon to banner - stay crisp at every scale.
Icons
UI icons that need to work at 16px and 512px alike, with optional color theming via CSS.
Illustrations
Charts, diagrams, maps, and illustrations that need to be sharp on retina displays.
Animations
Lightweight animated graphics and transitions without video overhead.
Convert Your Files Online - Free
Our free online converter supports all major formats. No software to install, no registration required.
Start Converting NowFrequently Asked Questions
Can I use SVG on any website?
Yes. All modern browsers support SVG natively in HTML. You can embed SVG inline, as an img src, or as a CSS background image.
Is SVG better than PNG for logos?
Yes, for web use. SVG logos stay sharp at any size and are often smaller in file size. PNG is a raster format - a PNG logo may look blurry when scaled up.
Can SVG files be animated?
Yes. SVG supports animation through CSS animations, CSS transitions, and JavaScript (GSAP, anime.js). SMIL animation is also part of the SVG spec but less commonly used.
Is SVG safe to use from untrusted sources?
Be careful. SVG files can contain embedded scripts. Never display SVG from untrusted sources without sanitizing it first. Use a library like DOMPurify to sanitize user-uploaded SVGs.
What is the difference between SVG and EPS?
Both are vector formats. SVG is designed for the web (browser-native, CSS/JS compatible). EPS is designed for print and professional publishing. SVG is the modern choice for most use cases.