Formato SVG: para qué sirve y cuándo hace falta un PNG

Su diseñador le envía un logotipo, el nombre del archivo termina en .svg, y el lugar donde quiere usarlo sencillamente no lo acepta. O al revés: el logotipo que tiene no se ve borroso por más que lo amplíe y usted se pregunta por qué. Las dos situaciones comparten una sola explicación.

Un SVG guarda la imagen como un conjunto de instrucciones y no como una cuadrícula de puntos. Es decir, el archivo dice cosas como «traza aquí una línea de este grosor, rellena esta superficie con este color», y el dibujo se rehace a partir de esas instrucciones cada vez que usted lo abre. Un archivo de foto común hace lo contrario: guarda una lista ya lista de puntos de color.

Instrucciones frente a puntos: qué pasa al ampliar

La ampliación es lo que mejor muestra la diferencia. Una instrucción puede ejecutarse a cualquier escala: pida la línea al doble de ancho y el programa la vuelve a trazar, con el borde igual de limpio. Una lista de puntos no tiene información extra a la que recurrir; los puntos existentes simplemente se hinchan, los bordes se vuelven escalones y la imagen se ablanda.

La consecuencia diaria: cuando manda un logotipo a un cartelista o a una imprenta, le piden el archivo vectorial. Con un solo archivo imprimen una tarjeta personal y una lona de tres metros, porque elegir el tamaño es tarea de ellos. Si lo único que tiene es un PNG pequeño, su logotipo saldrá dentado en la lona y no habrá manera de arreglarlo.

Por la misma razón, el peso de un SVG depende de cuántas formas contiene, no de cuántos puntos. Un logotipo sobrio hecho de unas pocas curvas es un archivo diminuto a cualquier escala.

En el esquema: el mismo logotipo ampliado en los dos tipos de archivo

La fila superior de la comparación tiene un archivo basado en instrucciones y la inferior uno basado en puntos. En tamaño pequeño se ven iguales; ampliados cuatro veces, el de abajo se convierte en escalones mientras el de arriba queda exactamente como estaba.

¿Qué servicios no aceptan un SVG?

El SVG nació para la web, y por eso el navegador es donde se siente en casa. Arrastre el archivo a una ventana del navegador y su logotipo aparece nítido; ese es además el modo más rápido de confirmar que el archivo está sano.

Fuera de la web el panorama cambia. Los campos de foto de perfil y de portada de las redes sociales no aceptan SVG. Muchos programas de correo no muestran un SVG colocado en el cuerpo del mensaje. Los formularios de trámites y postulaciones casi nunca lo admiten, ni en un portal público ni en un sistema de becas. Algunos programas de oficina y de presentaciones lo abren y otros no, y las versiones antiguas de los que sí lo abren pueden correr las formas de lugar.

Lo que todos esos lugares tienen en común es simple: donde se rechaza el SVG, lo que se pide es un archivo hecho de puntos. La solución, entonces, no es reparar el SVG sino sacar de él un PNG.

• Foto de perfil y portada en una red social → exporte un PNG
• Firma de correo → exporte un PNG
• Formularios oficiales y adjuntos de una postulación → exporte un PNG
• Su propio sitio web → quédese en SVG, lo más nítido y lo más liviano
• Cartelería, imprenta, gran formato → envíe el SVG

¿Cuántos píxeles de ancho debe tener el PNG?

Al sacar un PNG de un SVG, la única decisión real es el ancho; el alto sale de las proporciones del propio archivo, así que la imagen nunca se estira. Ese ancho lo dicta el lugar donde va a usarlo, y no existe un número único que sea el correcto.

Un criterio general: piense en la superficie que la imagen ocupará en pantalla y escriba el doble. La razón de duplicar son las pantallas de alta resolución; meten el doble de puntos en la misma superficie y hacen que una imagen exportada al tamaño exacto se vea algo blanda.

Pasarse también tiene su precio. Un PNG exportado mucho más ancho de lo necesario engorda el archivo, hace lenta la página y ya no entra en un correo. Escribir cinco mil píxeles para un icono pequeño no le sirve de nada.

Dos sorpresas que le esperan al exportar

La primera son las tipografías. El texto que va dentro de un SVG a veces se guarda no como formas de letras, sino como el nombre de una fuente. Si esa fuente no está instalada en el equipo que hace la exportación, el texto se dibuja con otra y el resultado no se parece a lo que usted esperaba. El arreglo duradero es pedirle a quien preparó el archivo que lo guarde con los textos convertidos en formas.

La segunda es el fondo. Un SVG casi siempre deja su fondo vacío, y el PNG lleva ese vacío tal cual: su exportación quedará transparente. Normalmente eso es lo que usted quiere, pero si esperaba un fondo blanco puede desconcertarse al ver que no hay ninguno. Cuando se exige fondo blanco, el camino más corto es convertir después ese PNG a JPG, ya que el JPG no lleva transparencia y apoya las zonas vacías sobre un fondo liso.

Queda la pregunta práctica: ¿por dónde se obtiene ese PNG? Lo más limpio es exportarlo desde el programa de dibujo vectorial con el que se creó el archivo, donde la orden suele llamarse Exportar o Exportar como. Sin ese programa, abra el SVG en un navegador, amplíe la página con la tecla Control y el signo más hasta que el dibujo supere con holgura el tamaño buscado y haga una captura de esa zona. Un paquete de oficina también ayuda: inserte el SVG en una diapositiva, haga clic derecho encima y busque la orden que guarda el objeto como imagen. En todos los casos, vuelva siempre al archivo vectorial original para cada tamaño nuevo, en lugar de ampliar un PNG ya exportado.

El icono del sitio es un capítulo aparte

Uno de los motivos más frecuentes para sacar un PNG de un SVG es el icono pequeño que aparece en la pestaña del navegador. Aquí el trabajo no termina con un solo PNG: hacen falta varios tamaños de la misma marca, y lo esperable es que viajen dentro de un único archivo.

El camino es este: exporte desde el SVG de su logotipo un PNG cuadrado de buen tamaño y páselo por la herramienta que arma un favicon.ico partiendo de un PNG: reúne varios tamaños dentro de un único archivo de icono. Mientras prepara ese PNG de origen conviene además simplificar los detalles que no se van a leer en pequeño; en un cuadrado de dieciséis puntos, las líneas finas desaparecen del todo.

Preguntas frecuentes

¿Cómo se abre un archivo SVG?

Suéltelo sobre una pestaña abierta del navegador y el dibujo aparece de inmediato. Para cambiar algo dentro de él necesita un programa que edite vectores: un editor de fotos común no alcanza.

¿Cómo obtengo un PNG a partir de un SVG?

Lo más limpio es la orden Exportar de un programa de dibujo vectorial, indicando el ancho que quiere. Si no lo tiene, abra el SVG en un navegador, amplíe la vista bastante más allá del tamaño final y capture esa zona de la pantalla; un paquete de oficina también permite insertar el SVG en una diapositiva y guardar el objeto como imagen.

¿Puedo convertir un PNG de vuelta a SVG?

No de forma directa. Producir instrucciones a partir de una imagen hecha de puntos exige un paso de vectorización aparte, y lo que sale es una aproximación, no su dibujo original. La persona a quien pedirle el vectorial es el diseñador que hizo su logotipo.

¿Un archivo SVG puede ser peligroso?

Conviene desconfiar de los SVG de origen desconocido; aunque parezca una imagen, el formato es un documento que puede contener partes ejecutables. No suba directamente a su sitio un SVG cuya procedencia no conoce.

Mi logotipo no es SVG, solo tengo un PNG pequeño. ¿Qué puedo hacer?

Ampliarlo no ayuda, los bordes se vuelven blandos. Lo que corresponde es pedirle el archivo vectorial a quien hizo el logotipo; si no existe, habrá que redibujar el logotipo en un editor vectorial.

Última actualización: 27 de agosto de 2026