Un conversor de SVG a PNG rasteriza un gráfico vectorial y lo convierte en una imagen de píxeles con un tamaño concreto. La diferencia real entre unos conversores y otros no está en el formato de salida, sino en la resolución: un SVG no tiene tamaño en píxeles de verdad, así que cada conversión es una decisión sobre cuántos píxeles quieres. El conversor de SVG a PNG de DocPivot te deja elegir entre tres tamaños reales de hasta 4096 px, mantiene la transparencia y procesa todo dentro de tu navegador.
Qué es el conversor de SVG a PNG
Funcionalidad principal
La herramienta lee las rutas vectoriales de tu archivo SVG y las dibuja sobre un lienzo a la resolución que elijas. El SVG se carga en un elemento de imagen y se pinta directamente al tamaño solicitado, de modo que el rasterizador vuelve a recorrer los trazados en cada conversión. El resultado se codifica como PNG y pasa por oxipng, un optimizador compilado a WebAssembly que reduce el peso sin tocar ni un píxel. Si prefieres un fondo blanco y un archivo más ligero, la ruta alternativa es convertir el SVG a JPG.
Quién lo usa y para qué
Diseñadores, desarrolladores y responsables de marketing lo usan cuando una plataforma no admite vectores. Los casos habituales son subir un logotipo a WooCommerce o PrestaShop, insertar la marca en una factura de Word, preparar iconos para una presentación o enviar un archivo a una imprenta que pide mapas de bits. También lo utilizan autónomos y pequeñas agencias que reciben el logotipo en SVG de un diseñador y necesitan versiones utilizables en el día a día.
Problema y solución
El problema clásico es que el SVG se exporta a su tamaño declarado, que muchas veces no tiene nada que ver con el uso previsto. Un icono declarado a 64×64 píxeles se convierte en un PNG de 64×64 e inservible para una cabecera. Al elegir tú la resolución de salida, el mismo archivo produce una imagen nítida de 4096 px sin pasos intermedios ni programas de escritorio. Para trabajar con otros formatos de entrada, el conversor de imágenes cubre el resto de combinaciones.
Principales ventajas
- Resolución que decides tú: tres tamaños reales y distintos (1200, 2048 y 4096 px en el lado largo) en lugar de una salida fija que casi nunca encaja.
- Nitidez desde el vector: cada tamaño se rasteriza de nuevo desde los trazados, así que ampliar no significa emborronar.
- Transparencia intacta: el canal alfa del SVG se conserva en el PNG, sin fondos blancos añadidos por sorpresa.
- Nada sale de tu equipo: el procesamiento ocurre en el navegador, sin subida de archivos ni cola de espera.
- Peso controlado: la optimización con oxipng recorta bytes sin pérdida. Si necesitas bajar aún más el tamaño final, el compresor de imágenes aprieta el archivo un paso más.
- Lotes de hasta 30 archivos: un juego completo de iconos se convierte en una sola pasada y se descarga en ZIP.
- Sin registro ni límite diario: no hay contador de conversiones ni cuenta que crear. Cuando la web sea el destino final, valora también pasar el PNG a WebP para ahorrar ancho de banda.
Funciones clave
- Tres tamaños predefinidos: 4096 px para impresión y pantallas grandes, 2048 px para web retina y presentaciones, 1200 px para correo y documentos.
- Rasterizado por lienzo: el SVG se dibuja mediante un elemento de imagen y canvas, no con createImageBitmap, porque Chrome y Firefox rechazan los SVG en esa API por diseño.
- Compresión sin pérdida: oxipng ajusta el nivel de esfuerzo según el número de píxeles, de forma que un render de 4096 px termina en segundos.
- Conservación del canal alfa: nada se aplana ni se rellena con un color inventado.
- Dimensiones informadas: la tarjeta de resultado muestra el tamaño exacto en píxeles que se ha generado.
- Descarga individual o en ZIP: un archivo conserva su nombre original y varios llegan agrupados.
- Compatible con cualquier navegador moderno: funciona igual en escritorio y en móvil, sin instalar nada.
- Ajuste posterior del encuadre: si el SVG trae márgenes vacíos, puedes recortar la imagen una vez convertida.
- Cambio de medidas a la carta: para dimensiones que no coincidan con las tres opciones, el redimensionador de imágenes ajusta el PNG al píxel exacto.
- Iconos para web: un logotipo vectorial convertido a PNG alimenta después al generador de favicons sin pasos intermedios.
Cómo funciona
- Añade tus archivos. Arrastra hasta 30 SVG a la zona de carga o selecciónalos desde tu equipo.
- Elige el tamaño. Selecciona 1200, 2048 o 4096 px según el destino final de la imagen.
- Deja que se rasterice. DocPivot dibuja cada vector a la resolución elegida y conserva la transparencia.
- Se optimiza el PNG. El archivo pasa por oxipng antes de estar disponible, sin pérdida de calidad.
- Descarga el resultado. Un archivo mantiene su nombre y varios se agrupan en ZIP. Si después necesitas un formato con menos peso, pasar el PNG a JPG es el siguiente paso lógico.
Cuándo usar esta herramienta
Conviértelo a PNG cuando el destino no acepte vectores o cuando necesites un tamaño fijo garantizado. El SVG es superior mientras vive en una web que lo renderiza; en cuanto entra en un gestor de contenidos restrictivo, un documento ofimático o una imprenta, el mapa de bits deja de ser un retroceso y pasa a ser el formato correcto.
- Gestores de contenido bloqueados: WordPress rechaza los SVG por defecto y no todos los proyectos pueden instalar un plugin.
- Fichas de producto: muchas plantillas de WooCommerce y PrestaShop generan miniaturas solo a partir de mapas de bits.
- Documentos ofimáticos: Word y Excel tratan los SVG de forma irregular según la versión instalada.
- Sedes electrónicas y trámites: los formularios de la Administración suelen limitar los adjuntos a PDF, JPG y PNG.
- Redes sociales y anuncios: Instagram, LinkedIn, Wallapop o Milanuncios solo aceptan imágenes rasterizadas.
- Correo electrónico: los clientes de correo no renderizan SVG de forma fiable, de ahí la opción de 1200 px.
- Artes finales para imprenta: cuando el proveedor pide un mapa de bits con resolución mínima en lugar del vector original.
Hay un caso en el que no deberías convertir: si el gráfico va a mostrarse a tamaños muy distintos en la misma web, mantén el SVG y usa la versión en WebP solo como respaldo. Y si lo que necesitas es un documento imprimible en lugar de una imagen, convertir el SVG a PDF conserva el vector intacto.
Casos de uso
Logotipo de autónomo en facturas
Contexto: un autónomo recibe su identidad corporativa en SVG y factura desde una plantilla de Word.
- Convierte el logotipo a PNG de 1200 px con fondo transparente.
- Lo inserta en la cabecera de la plantilla sin recuadro blanco.
- Reutiliza el mismo archivo en presupuestos y en la firma del correo.
Resultado: documentos con marca coherente sin depender de un programa de diseño.
Catálogo de iconos para una tienda online
Contexto: una agencia prepara treinta iconos de categoría para una tienda en PrestaShop.
- Sube el lote completo y selecciona 2048 px de una vez.
- Descarga el ZIP y lo sube al gestor de medios.
- Aplica marca de agua a los que van al blog con el añadidor de marca de agua.
Resultado: un juego uniforme de iconos listo en una sola pasada, sin exportar uno a uno.
Cartel para imprenta local
Contexto: una asociación tiene el diseño en SVG y la imprenta pide un mapa de bits.
- Selecciona 4096 px, que a 300 ppp equivalen a unos 34,7 cm de lado.
- Comprueba en pantalla que las tipografías se han respetado.
- Agrupa la imagen final con el resto de artes usando la conversión de imágenes a PDF.
Resultado: un archivo con resolución suficiente para un A3 sin recurrir a software de escritorio.
Material de marca sin publicar
Contexto: un estudio trabaja en un rebranding bajo acuerdo de confidencialidad.
- Rasteriza las propuestas sin subirlas a ningún servidor externo.
- Comparte solo el PNG con el cliente, nunca el vector editable.
- Evita cualquier tratamiento de datos por parte de un tercero.
Resultado: revisión interna sin exponer artes confidenciales a plataformas ajenas.
Qué tamaño elegir: 1200, 2048 o 4096 px
Elige el tamaño por el destino final, no por el que declare el SVG. La equivalencia física ayuda a decidir cuando el resultado se va a imprimir, porque los píxeles solo se convierten en centímetros al fijar una resolución de salida.
| Opción | Lado largo | Uso habitual | Tamaño a 300 ppp |
|---|---|---|---|
| Impresión | 4096 px | Carteles, pantallas grandes, archivo maestro | 34,7 cm |
| Grande (por defecto) | 2048 px | Web retina, presentaciones, cabeceras | 17,3 cm |
| Correo | 1200 px | Correo, documentos, envíos rápidos | 10,2 cm |
Conviene tener presente el coste en memoria: una imagen cuadrada de 4096 px ocupa unos 67 MB de lienzo antes de comprimirse, así que en móviles con poca RAM merece la pena reservar esa opción para los archivos que de verdad la necesiten. Para publicar en web, un formato más moderno como AVIF a partir del PNG reduce mucho el peso final manteniendo la transparencia.
Por qué las plataformas rechazan los SVG
Un SVG no es una imagen, es código XML que el navegador ejecuta. Puede incluir scripts y referencias externas, así que WordPress bloquea su subida por defecto y muchos gestores hacen lo mismo. Convertir a PNG elimina esa superficie de riesgo: el resultado es un mapa de bits que ningún navegador interpreta como código. En esta herramienta, además, los scripts contenidos en el SVG nunca se ejecutan durante la conversión.
Si tu web pertenece al sector público, recuerda que el Real Decreto 1112/2018 exige alternativas textuales para las imágenes. Cambiar de SVG a PNG no altera esa obligación: el atributo alt sigue siendo necesario, y con el vector fuera de juego el texto que antes era legible por un lector de pantalla pasa a ser píxeles.
Lo que esta herramienta no hace
Las tipografías las resuelve tu navegador, no el conversor. Si el SVG nombra una fuente que no tienes instalada, el sistema sustituye por otra y el texto dejará de coincidir con la intención del diseñador; convertir el texto a trazados antes de exportar evita el problema por completo. Tampoco se descargan las imágenes o las hojas de estilo que el SVG referencie mediante una URL externa, de modo que esos elementos no aparecerán en el resultado.
Un SVG animado o con scripts se representa como un único fotograma estático. Y el PNG obtenido es, por definición, un mapa de bits: no volverá a escalar sin pérdida, que es justo la razón por la que la elección del tamaño se hace antes y no después.
Preguntas frecuentes
Elige el tamaño de salida antes de convertir y el vector se rasteriza directamente a esa resolución. Como el dibujo se recalcula desde los trazados en cada conversión, no hay una imagen intermedia que se amplíe ni se reduzca. La pérdida solo aparece si eliges un tamaño menor del que necesitas.
Usa 4096 px para impresión, 2048 px para web y presentaciones, y 1200 px para correo y documentos. La opción de 2048 px viene marcada por defecto porque cubre la mayoría de usos en pantalla, incluidas las pantallas de alta densidad.
Sí, la transparencia se conserva íntegra en el PNG. El formato admite canal alfa, así que nada se aplana ni se rellena con blanco y el logotipo se coloca sobre cualquier fondo sin recuadro.
Porque el conversor que usaste exportó al tamaño declarado en el archivo en lugar de al que necesitabas. El ancho que declara un SVG es orientativo y no limita la calidad del vector, de modo que ese mismo icono puede producir una imagen nítida de 4096 px si se rasteriza a esa medida.
No, la conversión ocurre por completo dentro de tu navegador. Los archivos no viajan por la red, no se guardan en ningún servidor y no hay cola de procesamiento, algo relevante cuando trabajas con material de marca sin publicar o con documentación sujeta al RGPD.
Puedes procesar hasta 30 archivos en un mismo lote. Si conviertes varios, el resultado se descarga en un ZIP; si es uno solo, conserva su nombre original.
Porque tu navegador no tiene instalada la fuente que nombra el SVG y aplica una de reemplazo. La solución fiable es abrir el archivo en Illustrator, Figma o Inkscape y convertir el texto a trazados antes de exportarlo.
Sí, pero el resultado es un único fotograma estático. La animación no se conserva porque PNG no la admite, y los scripts que contenga el archivo no llegan a ejecutarse en ningún momento.
Sí, siempre que elijas 4096 px para trabajos de tamaño medio. A 300 ppp esa medida equivale a unos 34,7 cm de lado, suficiente para un A3; para lonas o carteles de gran formato, pide al proveedor que trabaje con el vector original.
No se descargan y por tanto no aparecen en el PNG. Solo se representa lo que está contenido en el propio archivo, así que conviene incrustar cualquier recurso externo antes de convertir.
No hace falta cuenta ni existe un contador de conversiones. Puedes usar la herramienta tantas veces como quieras, incluidos los lotes de 30 archivos.
Porque un SVG es código XML que puede contener scripts, y WordPress lo bloquea por defecto como medida de seguridad. Convertirlo a PNG resuelve la subida sin instalar plugins ni tocar el archivo functions.php.
No, un PNG es un mapa de bits con una resolución fija. Por eso el tamaño se elige antes de convertir; si necesitas otra medida, vuelve a rasterizar el SVG original en DocPivot en lugar de estirar el PNG.
Sí, la herramienta se ejecuta en cualquier navegador moderno, también en Android e iOS. Ten en cuenta que los renders de 4096 px consumen bastante memoria, así que en dispositivos antiguos es preferible 2048 px. Si necesitas el gráfico incrustado en código, la conversión de imagen a Base64 te da la cadena lista para pegar.
