Convertidor Gratuito
Convertidor de SVG a PNG
Convierte archivos vectoriales SVG a imágenes JPG ráster de alta calidad. Personaliza la escala de salida y el color de fondo fácilmente en tu navegador.
Arrastra y suelta SVG aquí
Soporta hasta 50MB
O
Convierte archivos vectoriales SVG a imágenes JPG ráster de alta calidad. Personaliza la escala de salida y el color de fondo fácilmente en tu navegador.
Soporta hasta 50MB
SVG (Gráficos vectoriales escalables) describe las imágenes como un conjunto de primitivas geométricas (trazados, formas, texto, degradados) que se escalan a cualquier tamaño sin pérdida de calidad. PNG almacena una única cuadrícula de píxeles rectangular con una resolución fija. Convertir SVG a PNG es un paso de rasterización: las instrucciones de dibujo del SVG se evalúan en un tamaño de píxel elegido y el mapa de bits resultante se codifica como PNG. La salida se ve nítida en el tamaño que especificó, pero se pixela si se amplía.
Este convertidor representa SVG utilizando el motor SVG integrado del navegador. El SVG se carga en un elemento Imagen, se dibuja en un lienzo HTML5 con las dimensiones de salida elegidas y se exporta como PNG a través de canvas.toBlob. Debido a que el navegador realiza la rasterización, las características complejas de SVG (degradados, filtros, máscaras, animaciones como un marco estático) se representan de la misma manera que lo harían en una página web real.
La decisión más importante en la conversión de SVG a PNG es el tamaño del objetivo. SVG es independiente de la resolución, por lo que elegir un tamaño PNG que coincida con el uso real evita el aprovisionamiento excesivo (archivos enormes para iconos del tamaño de miniaturas) y el aprovisionamiento insuficiente (salida borrosa cuando se amplía más adelante). Objetivos comunes: 32×32 o 64×64 para íconos, 256×256 o 512×512 para logotipos, 1024×1024 para gráficos de héroes, 2048×2048 para recursos con calidad de retina.
SVG es maravilloso para la web y las herramientas de diseño modernas, pero terrible para muchos otros contextos. Los clientes de correo electrónico procesan SVG de manera inconsistente; algunos lo bloquean como un riesgo de seguridad. El software de oficina más antiguo, ciertos CMS, servicios de terceros y casi todos los procesos de impresión de fotografías no aceptan SVG en absoluto. La conversión a PNG produce un ráster universalmente aceptado que parece idéntico en el tamaño elegido.
PNG también se integra de manera confiable en documentos de Office, presentaciones de diapositivas y archivos PDF sin depender del procesador SVG del destinatario. Para logotipos y gráficos que necesitan aparecer consistentemente en muchas plataformas, PNG es la opción más segura, aunque pierde la independencia de resolución que hace que SVG sea atractivo en primer lugar.
Elija el tamaño de su objetivo, renderice. El navegador realiza la rasterización.
SVG (Recomendación W3C) es un formato vectorial basado en XML con elementos para trazados, formas básicas (rectas, circulares, elipses, líneas, polígonos, polilíneas), texto, degradados (linearGradient, radialGradient), filtros, máscaras y trazados de recorte. El navegador analiza el XML, crea un DOM, aplica CSS y rasteriza el resultado durante la representación de la página.
Este convertidor carga el SVG en un HTMLImageElement (que activa la ruta normal de representación de SVG como imagen del navegador) y luego lo dibuja en un lienzo mediante drawImage. El lienzo se exporta como PNG usando canvas.toBlob('image/png'). Los píxeles exactos de la salida coinciden con lo que el SVG representaría con el mismo tamaño en una pestaña del navegador.
Casos extremos: SVG que usa ForeignObject no siempre es compatible cuando se usa a través del elemento Imagen. Es posible que SVG que hace referencia a recursos externos (xlink:href a un dominio diferente) no se cargue debido a CORS. Las animaciones SMIL y las animaciones basadas en JavaScript se representan únicamente como el fotograma inicial.