Qué es un archivo SVG (y cuándo convertirlo a PNG)

Un diseñador te entregó un logo y vino como .svg — un archivo que no puedes pegar en el formulario, subir a la plataforma ni abrir en el PowerPoint. Antes de convertirlo a ciegas, merece la pena saber qué tienes entre manos, porque el SVG es fundamentalmente distinto de cualquier otro archivo de imagen que hayas manejado — y porque convertirlo es una calle de sentido único que conviene recorrer a propósito.

SVG es una receta, no una foto

Cualquier otro formato que conozcas — JPG, PNG, WebP — es un raster: una rejilla de píxeles de colores, descrita píxel a píxel. Haz zoom suficiente y solo ves píxeles.

SVG (Scalable Vector Graphics) es en cambio un conjunto de instrucciones matemáticas: «dibuja un círculo de radio 12 en las coordenadas 60,60, rellénalo con #7c3aed; dibuja una línea de aquí a allá, de 3 píxeles». La imagen se calcula en el tamaño que se pida. Las consecuencias vienen solas:

• Zoom infinito, cero borrosidad. Escala un SVG de favicon a valla publicitaria y se ve nítido en ambos extremos — el mismo archivo, re-renderizado, no agrandado.
• Archivos diminutos para gráficos simples. Un icono son unos cientos de bytes de instrucciones. Un JPG del mismo icono a 512×512 son 20.000 veces los datos para un resultado peor.
• El texto sigue siendo texto (salvo que se convierta a trazados), el CSS puede restilizar partes y los elementos se pueden animar por separado.
• Por dentro es XML — abre un SVG en un editor de texto y puedes leerlo, cambiar colores e incluso editar formas a mano.

Por eso SVG domina sus nichos: iconos de interfaz, logos, ilustraciones, gráficos de datos, todo lo dibujado con formas geométricas. Y por eso es terrible para fotografías — describir los millones de píxeles ruidosos de una foto como instrucciones vectoriales produce archivos hinchados que se renderizan despacio. Las fotos quieren formatos raster, punto.

Dónde se rompe SVG — y el PNG toma el relevo

Por elegante que sea, SVG choca contra un muro de fontanería legada. Estos son los momentos en que una copia PNG es genuinamente la respuesta correcta:

1. Formularios de subida que no lo aceptan. Portales de empleo, bibliotecas de medios de CMS, imprentas, tiendas de apps — muchos siguen limitando a JPG/PNG. Este es el caso más común de «por qué no acepta mi archivo».
2. Clientes de correo. Outlook y el webmail en general no renderizan SVG en línea. Un SVG «adjunto» es un pisapapeles en la bandeja del destinatario.
3. Plataformas sociales y mensajería. Ninguna plataforma importante acepta subidas SVG para publicaciones o imágenes de perfil — son pipelines raster de punta a punta.
4. Software de oficina y edición antiguo. Versiones previas de PowerPoint, flujos de Photoshop antiguos, editores básicos — raster entra, raster sale.
5. Miniaturas y previsualizaciones. Los sistemas que generan previews raster (gestores de archivos, galerías) pueden mostrar el SVG como un icono genérico vacío.
6. Requisitos de píxel exacto. Cuando una especificación dice «PNG de 512×512 con transparencia», un PNG renderizado es el entregable — el vector es la fuente, el PNG es el producto.

La buena noticia: rasterizar es una decisión de renderizado que controlas por completo. Elige primero el tamaño de salida — 2× el lugar más grande donde se mostrará es el hábito seguro (icono mostrado a 100 px → renderiza a 200 px, y las pantallas retina se mantienen nítidas). Luego convierte; nuestra herramienta SVG a PNG rasteriza en tu navegador — renderiza la receta vectorial al tamaño elegido y te entrega un PNG, con la transparencia conservada (los fondos SVG son transparentes por defecto y el PNG lleva canales alfa de serie). Si el destino odia la transparencia (algunas cadenas de impresión la rellenan de negro — mira su especificación), SVG a JPG hornea un color de fondo.

La advertencia de la calle de sentido único

Convertir SVG → PNG descarta la escalabilidad para siempre. El PNG queda fijado al tamaño con el que se renderizó; ampíalo y los píxeles vuelven. Conserva el máster SVG — es diminuto de todos modos — y renderiza PNGs como salidas desechables, exactamente la disciplina de máster/copias de nuestra guía de audio y de los flujos de PDF: la fuente de verdad se queda sin pérdida y escalable; los derivados se generan por destino, baratos y en local.

(Vectorizar al revés — la dirección JPG a SVG, «vectorizar» — es otra bestia: los algoritmos de trazado aproximan la foto con formas. Funciona artísticamente para gráficos de colores planos y logos, y produce arte de manchas abstractas para fotografías. Divertido, ocasionalmente útil, nunca una conversión fiel.)

FAQ

¿SVG es mejor que PNG?

Para gráficos hechos de formas — iconos, logos, diagramas — sí, dramáticamente: archivos más pequeños, resolución infinita, editables. Para fotografías, no: los formatos raster ganan de goleada. Son herramientas distintas para trabajos distintos, no competidores.

¿Por qué mi SVG es enorme?

O incrusta datos raster (un «logo» que en realidad es un JPEG envuelto en XML — busca etiquetas <image> en el archivo), o fue exportado por una herramienta que traza arte complejo con miles de puntos de trazado. Un SVG de icono hecho a mano suele pesar menos de 5 KB; cientos de KB significa que hay un raster escondido o los trazados se generaron en exceso.

¿Cómo convierto SVG a PNG con dimensiones exactas?

Usa un conversor con entrada de tamaño (el nuestro la tiene), introduce el ancho/alto objetivo y renderiza. Para un activo de propósito general, 512×512 o 1024×1024 cubre la mayoría de necesidades; para trabajo de UI, renderiza al 2× del tamaño de display para que las pantallas de alta densidad se mantengan nítidas.

¿Puede un SVG contener código malicioso?

SVG es XML y puede incrustar scripts — por eso los navegadores se niegan a ejecutar scripts dentro de archivos SVG cargados como <img>, y por eso debes tratar los SVG de fuentes desconocidas como cualquier otra descarga: bien renderizar, con cuidado abrir directamente de orígenes sospechosos. Convertir a PNG (en el navegador) también neutraliza eficazmente el contenido de script — píxeles son píxeles.