SVGtoPNG
Live

Convertidor profesional de SVG a PNG

Convierta SVG a PNG al instante y de forma gratuita. Disfrute de un 100% de privacidad: sus archivos se procesan localmente y nunca salen de su dispositivo. Lleve sus diseños al siguiente nivel con nuestros cinco multiplicadores de conversión personalizados (1x, 2x, 3x, 4x y 8x), diseñados para ampliar, optimizar y mejorar la nitidez de cada imagen según sus requisitos exactos.

Arrastre y suelte su archivo SVG aquí o navegar

Admite código SVG vectorial puro (gráficos vectoriales escalables)

Guía práctica de conversión de SVG a PNG

Una buena exportación comienza por el lugar donde se usará la imagen. Esta guía explica cómo elegir una escala, preparar su SVG y comprobar el PNG antes de utilizarlo.

1. Comience por el destino

Antes de convertir, verifique las dimensiones en píxeles solicitadas por el sitio web, documento, sistema de correo electrónico o aplicación de diseño que recibirá la imagen. Esta herramienta escala las dimensiones renderizadas del SVG mediante un multiplicador seleccionado; no proporciona campos personalizados de ancho y alto. Si una plataforma solicita 1200 píxeles de ancho, compare ese destino con el ancho mostrado del SVG y elija un multiplicador que se acerque sin crear un archivo innecesariamente grande.

2. Comprenda los factores de escala

Las opciones son 1x, 2x, 3x, 4x y 8x. Un multiplicador afecta tanto al ancho como al alto: un origen de 200 × 100 renderizado a 2x se convierte en 400 × 200 píxeles. El recuento de píxeles crece con el cuadrado del multiplicador, por lo que 8x produce 64 veces más píxeles que 1x. Una salida mayor puede consumir mucha más memoria y puede no parecer mejor cuando el arte original o la pantalla de destino no lo necesitan.

3. Elija un factor para pantallas

Para gráficos de interfaz estándar, 1x o 2x suele ser un punto de partida práctico; 2x puede ayudar en pantallas de alta densidad cuando el diseño de destino reduce la imagen. Elija 3x o 4x solo cuando el diseño necesite dimensiones de píxeles adicionales. Utilice 8x selectivamente porque los lienzos muy grandes pueden tardar más en renderizarse o superar los límites del navegador.

4. Decida si el fondo debe ser transparente

Elija Transparente cuando el PNG deba situarse sobre una página de color, una presentación u otra imagen. Elija Blanco cuando el destino espere un rectángulo blanco o cuando un fondo sólido haga que el arte sea más fácil de inspeccionar. El PNG admite transparencia, pero una aplicación de destino puede mostrar píxeles transparentes sobre un tablero de ajedrez o aplanarlos al insertar la imagen.

5. Prepare el SVG antes de exportar

Abra el origen en un editor vectorial y verifique que tiene un viewBox sensato y arte visible dentro de ese viewBox. Convierta o incruste fuentes si el diseño debe parecer idéntico en dispositivos sin esas fuentes. Mantenga las imágenes enlazadas y los recursos externos disponibles; este conversor de navegador puede no renderizar fuentes remotas, imágenes enlazadas, scripts u otras dependencias externas de un archivo SVG.

6. Convierta e inspeccione la vista previa

Seleccione un archivo SVG, elija una escala y un fondo, y luego conviértalo. Verifique que todo el dibujo sea visible, que el texto y los trazos finos permanezcan legibles y que la vista previa tenga el fondo esperado. Si el resultado está recortado, verifique el viewBox y las dimensiones del SVG en el archivo original. El conversor procesa un archivo a la vez y ofrece una descarga de PNG para ese archivo.

7. Verifique los píxeles y el tamaño del archivo

Utilice el PNG en su contexto previsto e inspecciónelo al tamaño en el que realmente aparecerá. Una dimensión grande en píxeles no mejora automáticamente un icono pequeño en la pantalla. Si el PNG es demasiado grande, regrese al SVG y exporte con un factor inferior. Si parece suave, confirme que el destino no está ampliando una imagen ráster pequeña después de la conversión.

8. Mantenga el origen editable

Guarde el SVG original junto con el PNG. El SVG preserva los trazados vectoriales y suele ser mejor para ediciones posteriores, recolorear y cambiar el tamaño. El PNG es una copia conveniente de tamaño fijo para destinos que necesitan imágenes ráster. Mantener ambos le permite crear otro PNG con un tamaño diferente sin escalar repetidamente una imagen ya rasterizada.

¿Cuándo debe convertir SVG a PNG?

La conversión es útil cuando un destino necesita píxeles en lugar de vectores. Mantenga el SVG cuando el destino lo admita y necesite arte escalable y editable.

Un servicio acepta PNG pero rechaza SVG

Algunos formularios de subida, sistemas de contenido y herramientas de imagen de perfil aceptan solo formatos ráster comunes. Un PNG proporciona a esos servicios una imagen de tamaño fijo a la vez que preserva bordes limpios cuando se exporta en las dimensiones adecuadas.

Un correo electrónico o documento de oficina renderiza el SVG de forma inconsistente

Los clientes de correo electrónico y las aplicaciones de oficina no gestionan todos el SVG incrustado de la misma manera. Un PNG puede hacer que un logotipo o diagrama sea más previsible en esos contextos. Conserve el SVG original para poder actualizar el arte más tarde.

Necesita una captura a una escala de píxeles específica

Un PNG es útil cuando una entrega requiere un recurso ráster conocido. Elija una escala basada en el tamaño renderizado del SVG y la especificación de recepción, luego verifique las dimensiones resultantes en un visor de imágenes.

Un flujo de trabajo requiere una subida ráster

Algunos formularios, editores más antiguos y canales de procesamiento de imágenes aceptan PNG pero no archivos vectoriales. Convierta una copia para ese flujo de trabajo; no sustituya el vector de origen si son probables futuras ediciones.

Necesita transparencia en un gráfico ráster

El PNG puede preservar píxeles transparentes, lo que ayuda al colocar un logotipo o icono sobre diferentes fondos. Seleccione la opción transparente y confirme que el destino preserva la transparencia alfa.

Está preparando un recurso para impresión

Convierta solo después de verificar las dimensiones en píxeles o la resolución requeridas por la impresora. Esta herramienta ofrece multiplicadores de escala en lugar de controles de DPI, y un PNG más grande no puede restaurar detalles ausentes en el SVG ni hacer que una fuente de baja resolución sea más precisa.

Fundamentos técnicos: qué ocurre durante la conversión

Saber cómo la geometría vectorial se convierte en una imagen de píxeles ayuda a explicar el tamaño de salida, la transparencia, la compatibilidad y las diferencias comunes de renderizado.

El SVG describe formas; el PNG almacena píxeles

El SVG es un formato vectorial basado en XML que describe trazados, formas, texto y otras instrucciones de dibujo. El PNG almacena una cuadrícula rectangular de píxeles. Rasterizar un SVG significa dibujar esas instrucciones vectoriales en una cuadrícula de píxeles de un tamaño elegido; tras la exportación, ampliar el PNG puede revelar píxeles que no eran visibles en el origen vectorial.

El viewBox y la ventana gráfica definen el área de dibujo

Un viewBox de SVG mapea un sistema de coordenadas en una ventana gráfica mostrada. Si el viewBox falta, es incorrecto o es más grande que el arte, la imagen puede presentar espacios en blanco inesperados o recortes. Inspeccione las dimensiones y el viewBox del SVG en el editor de origen cuando el encuadre de la vista previa sea incorrecto.

La escala multiplica cada dimensión

Si el navegador renderiza un origen con W por H píxeles y el factor seleccionado es S, el destino del lienzo es W × S por H × S. El recuento de píxeles resultante es W × H × S². Es por esto que los multiplicadores altos pueden consumir sustancialmente más memoria y el motivo por el cual 8x solo debe elegirse cuando el destino necesita los píxeles extra.

El navegador efectúa el renderizado del lienzo

La página lee el archivo SVG seleccionado en el navegador, crea una imagen a partir de su contenido, dibuja esa imagen en un lienzo HTML y exporta el lienzo como PNG. El comportamiento de renderizado y las dimensiones máximas del lienzo varían entre navegadores y dispositivos. Los archivos SVG muy grandes o complejos pueden tardar más tiempo o fallar en el renderizado.

La transparencia se almacena en el canal alfa del PNG

Cuando se selecciona Transparente, el lienzo se limpia antes de dibujar. El PNG de salida puede retener transparencia por píxel a través de su canal alfa. Cuando se selecciona Blanco, el conversor pinta primero un rectángulo blanco, de modo que las áreas transparentes del origen se vuelven blancas en la imagen exportada.

La compresión PNG es sin pérdidas, pero la salida aún puede diferir

El PNG utiliza compresión sin pérdidas para los píxeles que recibe; esto no significa que el renderizado de vector a píxel sea idéntico en todos los entornos. El suavizado de contornos (antialiasing), la gestión de color, las fuentes, los filtros y el renderizado del navegador pueden afectar a los píxeles producidos durante la rasterización.

Fuentes, filtros y recursos enlazados afectan al renderizado

Un SVG puede hacer referencia a fuentes o imágenes que no están incrustadas en el archivo. También puede utilizar filtros o características que los navegadores implementan de forma diferente. Para una exportación fiable, incruste o convierta en trazados las fuentes importantes, incluya las imágenes necesarias y compare la vista previa del navegador con el origen en un editor vectorial.

Los límites del navegador y la seguridad del SVG importan

La memoria del lienzo crece con el número de píxeles de salida, por lo que los multiplicadores grandes pueden agotar la memoria disponible. Convierta solo archivos SVG en los que confíe. Esta herramienta no envía el origen elegido a un servidor de conversión, pero dicha declaración no audita el SVG en sí ni garantiza que cada referencia externa incrustada sea inofensiva. Evite archivos no confiables y elimine scripts innecesarios o referencias remotas en un editor vectorial antes de la conversión.

Preguntas frecuentes técnicas · 1–5

¿Este conversor modifica el archivo SVG?

No. Lee el SVG seleccionado en el navegador y crea una descarga de PNG separada. Su archivo original permanece en su dispositivo; guárdelo como el elemento maestro editable.

¿Cómo calculo las dimensiones de salida?

Multiplique el ancho y el alto renderizados por el navegador por el factor seleccionado. Por ejemplo, 240 × 120 a 2x se convierte en 480 × 240 píxeles. Si el SVG tiene un tamaño inusual o un viewBox, verifique la vista previa e inspeccione las dimensiones del PNG descargado.

¿Produce 8x siempre una calidad mejor?

No. Crea más píxeles, no más detalles vectoriales. Puede ayudar cuando se requiere un ráster mayor, pero también aumenta el recuento de píxeles a 64 veces 1x y puede consumir mucha más memoria. Elija el factor menor que satisfaga el tamaño real de destino.

¿Por qué el PNG tiene márgenes vacíos o arte recortado?

El viewBox o la ventana gráfica del SVG pueden incluir espacio en exceso o cortar partes del dibujo. Abra el origen en un editor vectorial, ajuste la página o el viewBox para que se adapte al arte, guarde una copia y convierta esa copia de nuevo.

¿Por qué mi texto se ve diferente tras la conversión?

Es posible que el navegador no tenga la fuente utilizada por el SVG, o que el archivo haga referencia a una fuente que no está incrustada. Incruste la fuente o convierta el texto en trazados en un editor vectorial cuando se le permita modificar el origen, y luego compare el resultado.

Preguntas frecuentes técnicas · 6–10

¿Por qué falta una imagen enlazada o un filtro?

El SVG puede depender de una imagen externa, fuente, filtro o característica que no esté disponible o sea gestionada de forma diferente por el navegador. Incruste las imágenes y fuentes necesarias siempre que sea posible, simplifique los efectos no compatibles y pruebe el SVG en un navegador antes de la conversión.

¿Puedo hacer que el fondo sea transparente?

Sí. Seleccione Transparente antes de convertir. La herramienta limpia el lienzo antes de dibujar. Verifique el PNG descargado en un editor que muestre la transparencia; algunos visores muestran píxeles transparentes sobre un fondo blanco, lo que puede hacer que parezcan opacos.

¿Puedo introducir un ancho, alto o DPI exactos?

Esta versión ofrece multiplicadores de 1x, 2x, 3x, 4x y 8x. No proporciona campos independientes de ancho y alto ni una configuración de DPI. Si necesita dimensiones exactas, utilice el multiplicador más cercano y redimensione una copia en un editor gráfico.

¿Puedo convertir varios archivos SVG a la vez?

La interfaz actual selecciona y convierte un archivo SVG por operación. Convierta cada archivo por separado y verifique su salida antes de pasar al siguiente; el procesamiento por lotes y las descargas en ZIP no se ofrecen aquí.

¿Qué archivos se aceptan?

El control de subida está destinado a archivos SVG. Si un archivo es rechazado o falla en el renderizado, confirme que es un SVG válido y se abre en un navegador o editor vectorial actual. Esta herramienta no es un conversor general de formatos de imagen.

Preguntas frecuentes técnicas · 11–15

¿Se suben mis archivos SVG a su servidor?

El código de conversión lee el archivo seleccionado en el navegador y no envía el archivo de origen a una API de conversión. Esto no garantiza que el SVG no contenga enlaces externos; evite archivos no confiables y revise sus referencias antes de abrirlos.

¿Por qué falla la conversión para un archivo muy grande?

El navegador debe asignar un lienzo para cada píxel de salida. Un origen grande combinado con un multiplicador alto puede agotar la memoria del dispositivo o los límites del lienzo del navegador. Pruebe con un factor menor, simplifique el SVG o expórtelo con una aplicación gráfica que admita lienzos más grandes.

¿Se verá nítido el PNG al imprimirlo?

Depende del tamaño de impresión físico y de la resolución requerida. Esta herramienta escala las dimensiones en píxeles, pero no establece los DPI de impresión. Pregunte a la imprenta las dimensiones en píxeles o la resolución necesarias, y luego verifique que el PNG generado cumple con dichos requisitos.

¿Por qué varían los colores o los bordes entre navegadores?

Los navegadores pueden diferir en la disponibilidad de fuentes, el suavizado de contornos (antialiasing), la gestión de color y el soporte para características SVG. Utilice texto incrustado o convertido en trazados, características SVG estándar y el mismo navegador para exportaciones repetidas cuando la consistencia sea importante.

¿Qué debo hacer si la vista previa está en blanco?

Confirme que el archivo contiene arte visible, tiene un marcado SVG válido y utiliza un viewBox y dimensiones que incluyen el dibujo. Elimine las dependencias externas no compatibles, pruebe el archivo en un navegador y vuelva a intentarlo a 1x antes de aumentar la escala.