Conversor de SVG a PNG gratuito
Convierte un SVG en una imagen PNG directamente en tu navegador. Pega el marcado SVG o carga un archivo .svg, elige un tamaño de salida, elige un fondo y descarga un PNG perfecto al píxel de hasta 8× el original. No se sube nada: la conversión ocurre enteramente en tu dispositivo.
Cómo usar SVG a PNG
- 1 Pega el marcado SVG en el cuadro, o haz clic en "Cargar archivo .svg" y elige un archivo de tu dispositivo.
- 2 Elige un tamaño de salida del menú: la mitad, el original, o de 2× a 8×, o elige "Ancho personalizado…" y escribe el ancho en píxeles exacto que necesitas.
- 3 Elige un fondo: Transparente para mantener claros los píxeles vacíos, Blanco, o Personalizado para cualquier color.
- 4 Comprueba la vista previa en vivo y el tamaño del PNG en el panel de la derecha.
- 5 Haz clic en Descargar PNG para guardar el archivo. El nombre incluye las dimensiones de salida.
Cómo convertir SVG a PNG
- Pega el marcado SVG en el cuadro, o carga un archivo .svg desde tu dispositivo.
- Elige un tamaño de salida: un múltiplo del original o un ancho personalizado.
- Elige un fondo: transparente, blanco o el color que quieras.
- Comprueba la vista previa en vivo y descarga el PNG.
¿Por qué convertir un SVG a PNG?
SVG es un formato vectorial, lo que lo hace ideal para logotipos e iconos, pero no todos los destinos lo aceptan. Las redes sociales, los clientes de correo, algunos campos de subida de CMS, herramientas de diseño antiguas y muchos flujos de impresión solo toman imágenes rasterizadas. Un PNG también es el formato que quieres cuando necesitas un tamaño de píxel fijo, como un icono de app de 512 × 512 o una vista previa de enlace de 1200 × 630.
Convertir también disipa cualquier duda sobre cómo se verá la ilustración en otros sitios. Las fuentes, las hojas de estilo externas y las imágenes enlazadas no están disponibles para un archivo SVG independiente, así que lo que un navegador renderiza del marcado en bruto es lo que obtienes. Rasterizarlo congela ese resultado en un archivo que se ve igual en todas partes.
Resolución y calidad
Como SVG es independiente de la resolución, puedes exportar a cualquier tamaño sin pérdida de calidad: un icono de 24 × 24 se rasteriza igual de limpio a 2048 × 2048. Si el PNG se mostrará en una pantalla de alta densidad, exporta a 2× o 3× el tamaño que realmente necesitas y deja que la pantalla lo reduzca; eso se ve más nítido que exportar al tamaño exacto de visualización.
El PNG en sí siempre es sin pérdida, así que no hay deslizador de calidad del que preocuparse. Un tamaño de salida mayor simplemente produce un archivo más grande.
Transparencia, fuentes y archivos enlazados
PNG soporta transparencia, y un fondo transparente es lo predeterminado aquí: el cuadriculado en la vista previa solo marca los píxeles vacíos y nunca forma parte del archivo exportado. Elige Blanco o un color personalizado si el PNG se colocará sobre un fondo que no puedes controlar.
Una cosa que conviene saber antes de convertir: un navegador renderiza un archivo SVG de forma aislada, así que no puede alcanzar hojas de estilo externas, fuentes web ni imágenes enlazadas. Si tu SVG depende de alguna de esas cosas, incrusta la fuente como data URI, incluye los estilos en línea y convierte las imágenes enlazadas en data URIs primero; de lo contrario, esas partes faltarán en el PNG.
¿Es privado?
Sí. El archivo nunca sale de tu dispositivo. El SVG se analiza, se dibuja en un canvas y se codifica a PNG enteramente en tu navegador, así que no hay subida, ni viaje al servidor ni cuenta.
Preguntas frecuentes
¿Se sube mi SVG a un servidor?
No. La conversión ocurre enteramente en tu navegador: el marcado se dibuja en un canvas HTML y se codifica a PNG allí. No se envía nada a ningún sitio, no hay paso de subida y no se necesita cuenta. Incluso puedes usar la herramienta sin conexión una vez cargada la página.
¿A qué tamaño debo exportar?
SVG es independiente de la resolución, así que no hay penalización de calidad por ir a lo grande: un icono de 24 × 24 se rasteriza igual de limpio a 2048 × 2048. Como regla, exporta a 2× o 3× el tamaño al que el PNG se mostrará realmente. La pantalla lo reduce después, lo que se ve más nítido que exportar al tamaño exacto de visualización. Solo recuerda que el archivo también crece.
¿Por qué falta parte de mi SVG en el PNG?
Un navegador renderiza un archivo SVG de forma aislada, así que no puede cargar recursos externos: fuentes web, hojas de estilo enlazadas o imágenes referenciadas por URL. Esas partes simplemente se omiten. Para arreglarlo, incrusta la fuente como data URI base64 dentro del SVG, incluye cualquier regla de hoja de estilos en línea y convierte también las imágenes enlazadas en data URIs. El Conversor de SVG a Base64 de este sitio puede ayudar con la incrustación.
¿Cómo obtengo un PNG transparente?
Deja el fondo en Transparente, que es el valor por defecto. Cualquier píxel que la ilustración no cubra permanece totalmente transparente, y el cuadriculado de la vista previa es solo una ayuda visual que marca esos píxeles: nunca se escribe en el archivo. Elige Blanco o un color personalizado si el PNG se colocará donde no puedes controlar el fondo.
¿El PNG pierde calidad comparado con el SVG?
PNG es sin pérdida, así que no hay artefactos de compresión de los que preocuparse, pero es un formato rasterizado, así que la nitidez queda fijada en el momento de la exportación. Si más tarde necesitas una versión más grande, vuelve y exporta de nuevo a un tamaño mayor en lugar de escalar el PNG hacia arriba, lo que lo difuminaría. Conserva el SVG original como tu archivo maestro.
Mi SVG no tiene ancho ni alto, ¿funcionará igual?
Sí. La herramienta lee el viewBox, que define el sistema de coordenadas de la ilustración, y lo usa como tamaño de origen. Por eso la altura de salida siempre sigue la relación de aspecto de la ilustración: evita que el PNG se estire o se encuadre con márgenes vacíos.
Herramientas de imagen y color relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con SVG a PNG: