Cómo funciona
El conversor de SVG a PNG rasteriza archivos vectoriales SVG a mapas de bits PNG en la resolución que necesites. Indica el ancho de salida (o los DPI, si es para imprimir) y el SVG se dibuja exactamente a ese tamaño con el motor de renderizado nativo del navegador, el mismo que pinta los SVG en las páginas web.
Los SVG son archivos vectoriales que se escalan infinitamente sin perder calidad, pero muchas aplicaciones, clientes de correo, gestores de contenido antiguos y redes sociales solo aceptan PNG o JPEG. Esta herramienta cubre ese hueco: coge tu icono o logotipo vectorial y expórtalo como PNG perfecto a 512×512 px, 1024×1024 px o la medida que quieras.
Cómo usarla: sube tu archivo SVG (o pega el código SVG directamente). Escribe el ancho de destino en píxeles (la altura se calcula proporcionalmente, salvo que la fijes tú). Activa el fondo transparente si es un logotipo, porque PNG conserva el canal alfa. Pulsa Convertir y descarga.
Resoluciones recomendadas: - Favicon: 32×32 px (genera también el ICO con el generador de favicons) - Icono de aplicación: 512×512 px (estándar en iOS y Android) - Imagen de Open Graph: 1200×630 px - Impresión a 300 DPI: multiplica las pulgadas por 300 (por ejemplo, 2″×2″ = 600×600 px)
Limitaciones: los SVG con recursos externos (tipografías, imágenes enlazadas) pueden no dibujarse bien si esos recursos no están incrustados en el propio archivo. El renderizador es el motor nativo del navegador, el mismo que muestra los SVG en la web.
Privacidad: la conversión usa el renderizador SVG del navegador a través de Canvas. Ni el código SVG ni la imagen se envían a ningún sitio.
Preguntas frecuentes
- Multiplica el tamaño físico en pulgadas por los DPI necesarios: 2 pulgadas de ancho a 300 DPI son 600 px. Para calidad de imprenta normal (papelería, tarjetas de visita), usa 300 DPI. Para impresión artística, 600 DPI. En la web el concepto de DPI no aplica: trabaja directamente con las dimensiones en píxeles.
- Si el SVG referencia archivos de fuente externos o Google Fonts mediante @import, puede que el navegador no los cargue antes de rasterizar. Incrusta la fuente como URI de datos en Base64 dentro del bloque <style> del SVG, o convierte el texto a trazados en tu editor vectorial antes de exportarlo.
- Si el SVG contiene imágenes de mapa de bits incrustadas (elementos JPG o PNG), esas no escalan como los trazados vectoriales: se pixelan al aumentar la resolución de salida. Los trazados y el texto del SVG son nítidos a cualquier tamaño; solo los elementos rasterizados que haya dentro tienen un límite de resolución.
- Sí. Suelta varios archivos SVG y fija una resolución común. Cada uno se convierte y se descarga como un PNG independiente. Todos usan el mismo ancho y la altura se calcula proporcionalmente a partir del viewBox de cada SVG.
¿Qué resolución debo usar para imprimir?
Mi SVG usa tipografías personalizadas y no se ven bien, ¿por qué?
¿Por qué el PNG exportado sale borroso aunque use resolución alta?
¿Puedo convertir varios SVG a la vez?
Scrollshot — Full Page Screenshot & Annotate
Scrolls the page for you, captures it viewport by viewport and stitches the slices into one seamless image — then opens an editor so you can crop, annotate and blur before saving.