PNG vs. SVG: cuál usar y cuándo convertir

PNG y SVG no son versiones mejores o peores de lo mismo. Son dos tipos de archivo diferentes, y el correcto depende de lo que estés creando. Un PNG está hecho de píxeles, como un pequeño mosaico de cuadros de colores. Un SVG está hecho de matemáticas: líneas, curvas y formas que la computadora dibuja de nuevo a cualquier tamaño. Esa única diferencia decide todo lo demás. La regla corta: usa PNG para fotos e imágenes detalladas, y SVG para logos, iconos, texto y cualquier cosa que vayas a redimensionar, imprimir en grande o cortar con una máquina. Y si lo que tienes es un logo en PNG que necesitas como SVG, no lo guardas como SVG. Lo conviertes, y la conversión es el paso que puede salvar o arruinar el resultado.

La versión rápida

• PNG = píxeles. Ideal para fotos, capturas de pantalla e imágenes detalladas que necesitan transparencia.
• SVG = matemáticas. Ideal para logos, iconos, texto y cualquier cosa que redimensiones, imprimas en grande o cortes.
• La escala lo delata: amplía ambos 10 veces y el PNG se vuelve borroso, mientras que el SVG se mantiene perfectamente nítido.
• No basta con cambiar el nombre de un PNG a .svg. Convertir un PNG en un SVG real significa trazarlo. Convierte un PNG a SVG y revisa el resultado.
• Cuidado con el SVG falso: un PNG envuelto en un archivo .svg sigue pixelándose y sigue sin poder editarse.

Qué cambia realmente: píxeles vs. matemáticas

Abre un PNG, haz mucho zoom y tarde o temprano llegarás a los cuadritos. Es una cuadrícula fija de píxeles. Si lo agrandas más allá de su tamaño nativo, la computadora tiene que adivinar qué va entre esos cuadros, así que los bordes se vuelven suaves y cuadriculados. Por eso un logo pequeño sacado de un sitio web se ve borroso en cuanto lo escalas.

Un SVG guarda las instrucciones en su lugar: dibuja una curva aquí, una forma allá, rellénala con este color. Como es matemático, la computadora lo redibuja con nitidez perfecta a cualquier tamaño, desde un favicon hasta una valla publicitaria. No hay nada que adivinar ni nada que desenfocar. Si la idea de "instrucciones en vez de píxeles" es nueva para ti, qué es realmente la vectorización de imágenes lo explica paso a paso.

La misma imagen, ampliada

PNG vs. SVG de un vistazo

	PNG	SVG
Hecho de	Píxeles (raster)	Matemáticas (vector)
Escala sin desenfocarse	No, resolución fija	Sí, a cualquier tamaño
Formas editables	No, una sola imagen plana	Sí, trazados y colores separados
Transparencia	Sí	Sí
Animación	No	Sí
Fotos y detalle fino	Los maneja bien	Le cuesta, los aplana
Compatibilidad con navegadores y apps	Universal	Amplia, pero no en todas las apps antiguas ni clientes de correo
Tamaño de archivo típico	Más grande	Más pequeño para arte plano; puede ser más grande para arte complejo
Ideal para	Fotos, capturas de pantalla, gráficos detallados	Logos, iconos, tipografía, archivos de corte

Una advertencia sobre el tamaño: mucha gente repite que "SVG pesa menos", y para un logo o icono plano suele ser cierto. Pero un SVG de una imagen compleja, parecida a una foto, puede crecer más que el PNG, porque tiene que describir cada forma diminuta que encuentra. El arte simple y plano es donde SVG gana en tamaño.

¿Cuál deberías usar? Decide según lo que estés creando

Aquí no hay un único ganador. Depende por completo del trabajo. Esta es la decisión rápida para las cosas por las que la gente realmente pregunta.

Lo que estás creando	Usa	Por qué
Gráficos web, iconos, interfaz de usuario	SVG	Se ve nítido en cualquier pantalla, incluidas las retina, y carga muy poco
Un logo que reutilizarás en todas partes	SVG	Un solo archivo escala desde una tarjeta de presentación hasta un banner de feria sin volver a exportarlo
Fotografías	PNG (o JPG)	Los vectores no pueden reproducir detalle fotográfico de tono continuo
Capturas de pantalla, mockups de apps	PNG	Exactitud de píxel, con transparencia donde la necesites
Cricut, Silhouette, cortadoras de vinilo	SVG	Las máquinas de corte siguen trazados, no píxeles
Sublimación, DTG, camisetas impresas	Depende de si se imprime o se corta; ver abajo
Códigos QR	SVG	Se mantiene nítido y escaneable a cualquier tamaño de impresión
Impresión: tarjetas de presentación, señalización	SVG para un logo o gráfico, PNG/JPG para una foto	El arte lineal imprime más nítido como vector; las fotos imprimen mejor como imágenes raster de alta resolución

La sublimación y las camisetas impresas confunden a mucha gente. Una pregunta común en grupos de manualidades es si conviene pedir un SVG o un PNG para una camiseta. La respuesta honesta depende de cómo se fabrique la camiseta. La sublimación y la impresión directa sobre prenda son procesos rasterizados que depositan tinta, así que un PNG de alta resolución con fondo transparente suele ser lo que quiere la imprenta. El vinilo textil es lo contrario: la máquina corta siguiendo trazados, así que necesita un SVG. Si no tienes claro cuál es tu caso, hazle una sola pregunta a tu proveedor: ¿esto lo imprimen o lo cortan? Para el lado del corte, obtener un SVG listo para cortar es una pequeña habilidad aparte.

Y si tu logo sigue apareciendo con un cuadro blanco alrededor, eso no es la guerra de formatos. Es transparencia. Guardaste un JPG, que no puede almacenar un fondo transparente, cuando necesitabas un PNG o un SVG.

¿Puedo convertir un PNG en SVG?

¿Puedes convertir un PNG en SVG? Sí, pero no lo guardas como SVG. Lo trazas: el software redibuja la imagen de píxeles como trazados vectoriales. Ir en la otra dirección, de SVG a PNG, es fácil y confiable porque solo estás aplanando formas en píxeles a un tamaño fijo. Ir de PNG a SVG es la dirección difícil, y la calidad del trazado lo es todo.

En esa dirección difícil es donde los resultados varían muchísimo. Un buen trazador reconstruye tu arte como trazados limpios y editables. Uno descuidado produce un enredo de miles de puntos de ancla sueltos, bordes irregulares y colores que no puedes separar. Mismo archivo de entrada, resultado completamente distinto. La guía completa está en cómo convertir un PNG a SVG sin perder calidad.

La trampa que conviene conocer: algunos conversores no trazan nada. Envuelven tu PNG original dentro de un archivo .svg y te lo devuelven. Tiene la extensión correcta y se abre, pero sigue siendo píxeles. Se desenfoca cuando lo escalas y no puedes editar ni una sola forma. Eso es un vector falso, y arruina silenciosamente todo el motivo por el que convertiste el archivo. La misma trampa le pasa a la gente al vectorizar un logo.

Tres comprobaciones rápidas te dicen si obtuviste un SVG real:

• Escálalo. Un vector real se mantiene nítido. Uno falso se pixela como el PNG que en secreto sigue siendo.
• Haz clic en una forma. Deberías poder seleccionar y mover trazados individuales, no una sola imagen plana.
• Mira la complejidad. Las curvas limpias usan pocos puntos de ancla, no miles. Un trazado inflado es doloroso de editar y lento de cortar, que es por qué los trazados terminan con demasiados nodos.

El límite que conviene decir desde el principio: no todos los PNG deberían convertirse en SVG. Una foto, una captura de una foto o arte generado por IA con muchos degradados no se trazará en algo limpio, porque los vectores describen formas planas y el detalle de tono continuo se aplana en manchas posterizadas. Si tu fuente es un logo, icono o ilustración plana, estás en buen terreno. Si es una foto, déjala como PNG.

Cómo se ve esto con PerfectVector

En la dirección de PNG a SVG, todo consiste en obtener un trazado que pase esas comprobaciones sin una hora de limpieza manual después. Para eso está creado PerfectVector. Reconstruye tu imagen como trazados limpios con pocos nodos, mantiene cada color como su propia forma editable y te da un SVG real que se abre correctamente en Illustrator, Figma o Inkscape. Puedes convertir un PNG en SVG e inspeccionar los trazados por tu cuenta. Tus primeras conversiones son gratis, sin tarjeta de crédito.

Cuándo conservar el PNG

SVG no siempre es una mejora. Conserva el PNG cuando:

• Es una foto, o cualquier cosa con detalle fotográfico y degradados.
• Solo necesitas una imagen rápida para web o correo y ya tiene el tamaño correcto.
• Necesitas que se abra en cualquier lugar sin sorpresas. PNG es el formato raster universal.

Un PNG es la respuesta correcta más a menudo de lo que admiten los evangelistas de formatos. El objetivo no es "siempre SVG". Es el archivo correcto para el trabajo que tienes delante.

Preguntas frecuentes

¿SVG es mejor que PNG? Ninguno es mejor en general. Sirven para trabajos distintos. SVG gana para logos, iconos, texto y cualquier cosa que redimensiones, imprimas en grande o cortes, porque escala sin desenfocarse. PNG gana para fotos, capturas de pantalla e imágenes detalladas, porque guarda detalle real de píxeles que un SVG no puede reproducir.

¿Puedo convertir un PNG en SVG? Sí, trazándolo, no cambiándole el nombre. Un conversor redibuja los píxeles como trazados vectoriales. Funciona bien con arte plano y de alto contraste, como logos e iconos, y mal con fotos. Confirma siempre que el resultado sea un vector real con trazados editables, no un PNG envuelto en un .svg.

¿Cuáles son las desventajas de SVG? A los SVG les cuestan las fotografías y el detalle de tono continuo, algunas apps antiguas y clientes de correo no los soportan por completo, y una conversión descuidada puede producir un archivo inflado con miles de nodos innecesarios que es difícil de editar. Para gráficos planos, normalmente nada de esto importa.

¿PNG o SVG es mejor para Cricut? SVG. Cricut y otras máquinas de corte siguen trazados vectoriales para cortar, así que un SVG se corta limpiamente, mientras que un PNG primero debe trazarse dentro de Design Space, a menudo con malos resultados. Sube un SVG siempre que puedas.

¿Debería usar PNG o SVG para una camiseta impresa? Depende del método. La sublimación y la impresión directa sobre prenda son rasterizadas, así que necesitan un PNG de alta resolución con fondo transparente. El vinilo textil se corta, así que necesita un SVG. Pregúntale a tu proveedor si imprime o corta el diseño.

¿Cuál pesa menos, PNG o SVG? Para arte plano como logos e iconos, el SVG suele ser mucho más pequeño. Para imágenes complejas o parecidas a fotos, el SVG puede terminar pesando más que el PNG, porque tiene que describir cada forma. Ajusta el formato al tipo de arte.

---

¿Tienes un logo o gráfico atrapado como PNG? Conviértelo en un SVG limpio y editable y haz las tres comprobaciones anteriores para asegurarte de que obtuviste un vector real.