Conversor de SVG a PNG
Convierte marcado SVG o un archivo .svg en un PNG o JPG nítido a cualquier escala, directamente en tu navegador. Tu arte permanece en tu dispositivo.
El Conversor de SVG a PNG rasteriza tu arte en un lienzo en tu navegador. El archivo .svg o el marcado que sueltas o pegas se convierte localmente y nunca se sube a ArrayKit.
Abre el Conversor de imágenes
Acerca de SVG a PNG
El Conversor de SVG a PNG rasteriza arte vectorial en una imagen de píxeles sin ningún software de diseño. Suelta un archivo .svg o pega marcado SVG, luego elige el tamaño de salida: un múltiplo 1x, 2x o 3x del tamaño intrínseco, una escala personalizada, o un ancho y alto explícitos con la relación de aspecto preservada. Lee el tamaño de los atributos width y height del SVG o de su viewBox, así que lo que exportas coincide con la fuente. Elige PNG para transparencia sin pérdidas o JPG para fotos más pequeñas, y fija un fondo transparente o sólido. Es útil cuando una plataforma rechaza SVG, necesitas un recurso retina @2x, o un favicon, una imagen de README o un gráfico de correo debe ser un mapa de bits. Todo se renderiza localmente en un lienzo; tu arte nunca sale de tu dispositivo.
Características
- Suelta un archivo .svg o pega marcado SVG en bruto: no hace falta app de diseño
- Lee el tamaño intrínseco de los atributos width/height o del viewBox
- Exporta a 1x, 2x, 3x, una escala personalizada, o ancho y alto explícitos
- Bloquea la relación de aspecto cuando fijas solo un ancho o solo un alto
- La salida PNG conserva la transparencia; JPG añade un deslizador de calidad ajustable
- Fondo transparente o de color sólido con una vista previa en vivo de cuadros
- Ve el tamaño intrínseco, los píxeles de salida y el tamaño de archivo antes de descargar
- Rasteriza en un lienzo en tu navegador sin subidas
Cómo usar SVG a PNG
- Suelta un archivo .svg o pega marcado SVG en el área de fuente
- Elige una escala (1x/2x/3x o personalizada) o escribe un ancho o alto explícito
- Elige PNG o JPG y un fondo transparente o de color
- Comprueba la vista previa rasterizada, luego descarga el PNG o JPG
Ejemplo
Entrada
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"><rect width="64" height="32" fill="#6d28d9"/></svg>
Salida
64×32 SVG → 128×64 PNG at 2x scale
Un viewBox de 0 0 64 32 rasterizado a 2x se vuelve un PNG de 128×64.
Errores comunes y solución de problemas
- El PNG exportado se ve borroso o pixelado. — Aumenta la escala (prueba 2x o 3x) o fija un ancho explícito mayor. Como la fuente es vectorial, un tamaño de salida más alto se mantiene nítido: estás eligiendo la resolución de rasterizado.
- El texto o una fuente de iconos desaparece en el PNG. — El renderizado en lienzo no carga fuentes externas ni del sistema. Convierte el texto a trazados (contornos) en tu editor, o incrusta la fuente, antes de rasterizar.
- El SVG usa width="100%" y sale al tamaño por defecto. — Los tamaños porcentuales no tienen dimensiones de píxel fijas, así que se usa el viewBox, o un 300×300 por defecto cuando no hay ninguno. Añade un viewBox o un ancho/alto explícito en píxeles, o fija un ancho personalizado aquí.
- Falta una imagen o una hoja de estilos referenciada externamente. — Solo los SVG autocontenidos se rasterizan de forma fiable. Incrusta en línea cualquier recurso <image href> y CSS vinculado para que el marcado no tenga dependencias externas.
Preguntas frecuentes
- ¿Cómo exporto un SVG como PNG de alta resolución?
- Fija la escala en 2x o 3x, o escribe un ancho explícito como 1024. Como la fuente es vectorial, un tamaño de salida mayor se mantiene nítido: simplemente eliges cuántos píxeles rasterizar, así que elige la resolución que necesita el destino.
- ¿Cómo decide este conversor el tamaño de salida del PNG?
- Lee el tamaño intrínseco del SVG de sus atributos width y height, o del viewBox cuando faltan, y luego aplica tu escala o ancho/alto explícito. Fijar solo una dimensión mantiene la relación de aspecto original.
- ¿Puedo convertir SVG a un JPG en lugar de un PNG?
- Sí. Cambia el formato a JPG y usa el deslizador de calidad para archivos más pequeños. JPG no tiene transparencia, así que la imagen se aplana sobre blanco o el color de fondo que elijas; usa PNG cuando necesites un fondo transparente.
- ¿Por qué falta el texto de mi SVG tras convertir a PNG?
- El lienzo del navegador rasteriza sin tus fuentes del sistema ni web, así que <text> puede renderizarse en blanco. Convierte el texto a contornos (trazados) en tu editor vectorial, o incrusta la fuente en el SVG, antes de rasterizarlo aquí.
- ¿Convertir SVG a PNG conserva un fondo transparente?
- La salida PNG conserva la transparencia, así que elige PNG con la opción de fondo transparente para mantenerla. La vista previa muestra un patrón de cuadros donde la imagen es translúcida. Elige un color de relleno sólido si necesitas un fondo opaco.
- ¿Se sube mi SVG cuando lo convierto a PNG?
- No. El Conversor de SVG a PNG renderiza todo en un lienzo en tu navegador. El marcado o archivo que sueltas se rasteriza localmente y el resultado nunca sale de tu dispositivo ni se envía a ArrayKit.
Herramientas relacionadas
Todas las herramientas de ArrayKit