¿Cómo abrir un archivo SVG? Guía completa para ordenador, móvil y navegador

1. Cuatro formas de abrir un SVG en el ordenador

• Navegador (lo más simple): arrastra el archivo SVG a una ventana de Chrome, Edge, Firefox o Safari y se mostrará; también puedes hacer clic derecho en el archivo, elegir «Abrir con» e indicar el navegador;
• Establecer el programa predeterminado: si manejas SVG a menudo, asocia los archivos .svg a un navegador o a un programa de diseño y se abrirán con un doble clic;
• Programas de diseño: Illustrator, Figma y el gratuito Inkscape abren y editan SVG, ideal para trabajos en profundidad;
• Editor de código: el SVG es esencialmente texto XML; abrirlo con VS Code permite leer y modificar el código fuente, muy útil para depurar problemas.

Para establecer el programa predeterminado: en Windows, haz clic derecho en el archivo SVG, elige «Abrir con → Elegir otra aplicación» y marca «Usar siempre esta aplicación»; en macOS, haz clic derecho, elige «Obtener información», selecciona el navegador en «Abrir con» y pulsa «Cambiar todo»; a partir de ahí, un doble clic abre la vista previa directamente.

2. Cómo abrir un SVG en el móvil

Android: algunos gestores de archivos no previsualizan los SVG; mantén pulsado el archivo, elige «Abrir con otra aplicación» y selecciona un navegador. iPhone: guarda el SVG en la app Archivos; los sistemas más recientes lo previsualizan directamente y, si no, ábrelo con Safari desde el menú de compartir. Los SVG recibidos en WeChat o QQ se tratan como archivos normales: «Abrir con otra aplicación» y el navegador bastan.

En resumen, el navegador del móvil es el visor de SVG más fiable y no hace falta instalar ninguna aplicación. En las tabletas ocurre lo mismo: sirve el navegador integrado, sin visor específico.

3. El doble clic muestra código o una página en blanco, ¿qué hago?

Aparece un montón de código: significa que el archivo está asociado a un editor de texto como el Bloc de notas. El SVG es un formato de texto, así que es normal: ábrelo con un navegador para ver el gráfico. Abre en blanco: comprueba primero que el archivo esté completo: ábrelo con un editor de código; un SVG normal empieza por la etiqueta <svg> o por la declaración <?xml; si en su lugar ves código web como <html>, lo más probable es que al descargar se guardara una página de error con extensión .svg, así que hay que volver a descargarlo. Además, si el archivo referencia imágenes o fuentes externas, un fallo al cargarlas también provoca contenido incompleto.

Otra advertencia: el SVG es un formato de texto que puede llevar scripts incrustados. No abras en el navegador archivos SVG de origen desconocido sin revisarlos antes en un editor de código: comprueba que el archivo empieza por la etiqueta svg y que no contiene scripts sospechosos, y solo entonces previsualízalo.

4. ¿Quieres modificarlo después de abrirlo? Usa el editor online

Para cambiar un color, quitar un fondo o borrar unos pocos elementos no hace falta instalar un programa pesado. Abre el editor de SVG online de PolySVG (acceso directo: /editor), sube el archivo y ya podrás seleccionar y borrar trazados, quitar el fondo con un clic, cambiar colores, completar con el pincel, borrar con la goma, deshacer y rehacer cuando quieras, y exportar a SVG o PNG al final. Gratis, sin instalación y sin registro.

5. ¿Solo quieres verlo? Pasa a PNG

Si el dispositivo del destinatario no abre los SVG, lo más sencillo es convertirlos a PNG: exporta el PNG desde el editor o haz una captura en el navegador. Para entender el formato SVG en profundidad, lee ¿Qué es SVG?; y si tienes una imagen rasterizada y quieres convertirla en SVG, la herramienta de conversión de imágenes a SVG lo resuelve en pocos pasos.

Si eres desarrollador, también puedes incrustar el SVG directamente en el HTML o referenciarlo con una etiqueta img: el navegador lo representa al instante. Es, con diferencia, la forma más habitual de mostrar un SVG en una web.