Convierte vectores SVG escalables en imágenes PNG listas para usar
Un archivo SVG es un conjunto de instrucciones, no una imagen terminada. Abre uno en un editor de texto y encontrarás XML que describe rutas, formas, rellenos y curvas — una receta que el navegador sigue para dibujar la ilustración de nuevo en el tamaño que pidas. Un PNG es lo contrario: una cuadrícula de píxeles de colores congelada en un ancho y un alto fijos. Convertir uno en otro se llama rasterización, y esta herramienta lo hace por completo dentro de tu navegador. Eliges un tamaño de salida, el SVG se pinta sobre un canvas HTML y obtienes un PNG — ningún archivo sale jamás de tu dispositivo.
Vector frente a ráster, en términos sencillos
La diferencia central está en cómo se maneja la resolución. Como el SVG almacena matemáticas en lugar de píxeles, es independiente de la resolución: escala un logotipo desde un favicon hasta una valla publicitaria y cada borde se recalcula para mantenerse matemáticamente nítido. Un PNG no tiene esa libertad. Sus píxeles están fijados, así que ampliarlo más allá de su tamaño nativo obliga al visor a estirar puntos existentes, y empiezas a ver el desenfoque y el efecto de escalera que delatan a las imágenes ráster.
Ese compromiso funciona en ambos sentidos. Los vectores son imbatibles para logotipos, iconos e ilustraciones planas hechas de formas limpias, y los archivos suelen ser diminutos. Los formatos ráster como PNG manejan los degradados, las sombras suaves y el detalle fotográfico de forma más natural y — lo crucial — los entiende prácticamente todo. Cuando rasterizas, cambias la escalabilidad infinita del SVG por la compatibilidad universal del PNG en un tamaño elegido.
¿Por qué rasterizar un SVG?
Si el SVG escala tan bien, ¿por qué convertirlo? La compatibilidad es la respuesta habitual. Muchos sitios simplemente no aceptan SVG: muchos clientes de correo lo eliminan o se niegan a mostrarlo, los editores de documentos y el software de presentaciones suelen querer una imagen plana, los marketplaces y las redes publicitarias exigen PNG o JPG, y la mayoría de las plataformas sociales ignoran por completo las subidas vectoriales. Algunos sistemas de contenido también bloquean el SVG directamente por motivos de seguridad, ya que el formato puede incrustar scripts.
La segunda razón es que a veces quieres un recurso de tamaño fijo. Los iconos de aplicación, las miniaturas, las imágenes de vista previa de Open Graph y los materiales impresos esperan todos dimensiones exactas en píxeles. Un PNG fija la ilustración a ese objetivo para que se renderice de forma idéntica en todas partes, sin sorpresas de un visor que interprete el vector de otra manera. Convertir tu SVG de origen en los tamaños precisos que exige una plataforma suele ser el camino más limpio hacia un resultado consistente.
Elegir la resolución de exportación adecuada
Como un PNG no puede ampliarse con elegancia, el tamaño al que exportas importa más que con cualquier vector. Exporta demasiado pequeño y la imagen se verá blanda en las pantallas modernas; exporta innecesariamente grande y desperdicias ancho de banda. Una regla práctica sencilla: decide el mayor tamaño al que se mostrará la imagen, y luego renderiza al menos a ese, e idealmente más para pantallas de alta densidad.
Las pantallas estándar van bien a 1x — el tamaño nominal de la ilustración. Las pantallas de alta densidad y Retina empaquetan aproximadamente el doble de píxeles en el mismo espacio, así que una exportación a 2x mantiene los iconos y gráficos nítidos en lugar de borrosos. Para impresión, carteles o pantallas muy grandes, 3x o 4x te dan margen. Como la fuente es un vector, exportar más grande no te cuesta nada en calidad — las curvas simplemente se recalculan al recuento de píxeles más alto antes de aplanarse. En caso de duda, renderiza un tamaño generoso; siempre puedes reducir un PNG grande, pero nunca puedes recuperar detalle ampliando uno pequeño.
La transparencia viaja en el proceso
PNG admite un canal alfa completo, lo que significa que la transparencia sobrevive a la conversión. Si tu SVG no tiene relleno de fondo, el PNG resultante mantiene esas zonas translúcidas, así que un logotipo o icono cae limpiamente sobre cualquier color sin una fea caja blanca alrededor. Si en cambio necesitas un fondo sólido, dáselo al SVG antes de convertir. En cualquier caso, lo que ves en el vector es lo que el PNG conservará, que es exactamente por lo que PNG — y no JPG — es el destino natural para iconos, insignias y superposiciones.
Todo permanece en tu dispositivo
Este conversor se ejecuta como código local en tu navegador usando la API de canvas. Tu SVG se lee, se dibuja y se exporta sin enviarse nunca a un servidor, así que no hay subida, ni cola, ni una copia de tu ilustración en el almacenamiento de otra persona. Eso es más rápido para ti y más seguro para cualquier cosa que prefieras no entregar a un tercero, desde branding sin publicar hasta diagramas internos. Cuando termines aquí, explora el resto de nuestras herramientas de imagen — si estás creando un recurso de Windows o un favicon, el conversor PNG a ICO es el siguiente paso natural.
Preguntas frecuentes
¿El PNG se verá tan nítido como el SVG?
Al tamaño que exportas, sí. Como el vector se renderiza de nuevo a la resolución que elijas, los bordes se mantienen nítidos. La diferencia es que el PNG no puede ampliarse después sin suavizarse, mientras que el SVG original siempre podría.
¿La conversión conserva la transparencia?
Sí. PNG tiene un canal alfa, así que cualquier zona transparente de tu SVG permanece transparente en el PNG. Añade primero un fondo al SVG si en cambio quieres un relleno sólido.
¿Qué resolución debo elegir?
Iguala o supera el mayor tamaño al que se mostrará la imagen. Usa 1x para pantallas estándar, 2x para pantallas Retina y de alta densidad, y 3x o 4x para impresión o gráficos de gran tamaño. Renderizar más grande no cuesta nada en calidad porque la fuente es un vector.
¿Por qué no usar el SVG en todas partes?
Muchos clientes de correo, editores de documentos, marketplaces y plataformas sociales no aceptan ni renderizan de forma fiable el SVG. Un PNG funciona casi en cualquier sitio y fija la ilustración a un tamaño predecible y constante.
¿Mis archivos se suben a algún sitio?
No. Todo se ejecuta localmente en tu navegador. Tu SVG nunca se envía a un servidor, así que nada se sube, almacena ni rastrea.
¿Puedo convertir el PNG de nuevo en un SVG?
No con fidelidad. La rasterización descarta las matemáticas originales, así que volver atrás implica trazar los píxeles en nuevas rutas vectoriales, que rara vez coinciden con la fuente. Conserva tu SVG original como archivo maestro.