La forma más fácil de abrir un archivo SVG es en un navegador web: arrástralo a Chrome, Edge, Firefox o Safari. En Windows, haz clic derecho y elige Abrir con > Microsoft Edge. En Mac, selecciónalo en el Finder y presiona la barra espaciadora para usar Vista rápida. Para compartirlo o subirlo, conviértelo a PNG o JPG.
¿Qué es un archivo SVG?
SVG significa Scalable Vector Graphics (gráficos vectoriales escalables). Un SVG es un conjunto de instrucciones de dibujo escritas como texto: líneas, curvas, formas y colores. Por eso se ve nítido a cualquier tamaño, y por eso los logos, íconos e ilustraciones sencillas suelen entregarse en SVG.
También explica la confusión cuando intentas abrir uno. Los visores de fotos esperan una cuadrícula de píxeles, así que algunos no muestran nada o dan un error. Los navegadores, en cambio, dibujan SVG de forma nativa, porque SVG es un estándar web. Si abres el archivo en un editor de texto simple, verás el código en sí, que empieza con algo como <svg.
Muchos lugares no aceptan SVG en absoluto. Las fotos de perfil de redes sociales, los documentos de oficina, las firmas de correo y la mayoría de las apps de chat piden PNG o JPG. Algunas plataformas bloquean SVG porque el archivo puede contener scripts. Esa es la razón habitual por la que la gente necesita una copia en PNG. Para una comparación rápida de los formatos comunes, consulta la guía de PNG vs JPG.
Cómo abrir un archivo SVG en Windows
- Haz clic derecho en el archivo .svg en el Explorador de archivos.
- Elige Abrir con y luego Microsoft Edge. Chrome o Firefox también sirven si están instalados.
- Para que sea la opción predeterminada, elige Elegir otra aplicación, selecciona tu navegador y elige Siempre.
El Explorador de archivos puede mostrar los SVG como íconos en blanco en lugar de miniaturas. La app gratuita PowerToys de Microsoft lo soluciona. Sus complementos para el Explorador de archivos incluyen una vista previa de SVG para el panel de vista previa y miniaturas de SVG. Actívalos en la configuración de PowerToys y reinicia el Explorador si las miniaturas no aparecen de inmediato.
Paint y los visores de fotos clásicos no son confiables con SVG. Para editar el dibujo, usa un editor vectorial como Inkscape, que es gratuito y de código abierto.
Cómo abrir un archivo SVG en Mac
- Vista rápida: selecciona el archivo en el Finder y presiona la barra espaciadora. El gráfico se muestra en una ventana de vista previa.
- Safari: arrastra el archivo a Safari, o haz clic derecho y elige Abrir con > Safari. Cualquier otro navegador funciona igual.
- Los íconos del Finder y la vista de galería muestran el dibujo como miniatura.
Vista Previa no siempre ha abierto archivos SVG, según la versión de macOS, así que Safari es la opción confiable. Para editar, Inkscape también funciona en macOS.
Cómo abrir un SVG en el celular
Los celulares manejan SVG de forma dispareja, y tocar el archivo puede no mostrar nada útil. La solución más rápida es convertirlo a PNG en el navegador del celular con la herramienta de abajo. Luego ve o comparte el PNG como cualquier otra imagen.
Cómo editar un SVG en lugar de solo verlo
Como un SVG es texto, los cambios pequeños no necesitan software especial. Ábrelo en un editor de código o de texto y podrás cambiar un color editando un valor fill , como #000000 a #1a73e8. Guarda y vuelve a cargar el archivo en el navegador para comprobarlo. Antes, guarda una copia del original, porque un solo carácter fuera de lugar puede impedir que el archivo se muestre. Para algo más grande, como mover formas, editar texto o combinar logos, usa Inkscape. Abre SVG directamente y lo vuelve a guardar como SVG, así que nada se convierte en píxeles en el camino.
Cómo convertir SVG a PNG o JPG en el navegador
El convertidor de SVG a PNG/JPG genera la imagen dentro de tu navegador y nunca sube el archivo. Funciona tanto en el celular como en la computadora.
- Abre el convertidor y agrega tu archivo SVG.
- Elige PNG, o JPG si necesitas un fondo sólido.
- Define la escala. Una escala mayor da más píxeles y un resultado más nítido en pantallas grandes.
- Si el sitio donde lo subirás tiene un límite de peso, define un tamaño máximo.
- Convierte y descarga la imagen.
Como los navegadores dibujan SVG muy bien, el resultado suele coincidir con lo que ves cuando el SVG está abierto en Chrome, Edge, Firefox o Safari.
PNG conserva la transparencia, así que un logo con fondo transparente sigue igual. JPG rellena las zonas transparentes con un color sólido. Por eso PNG suele ser la opción correcta para logos e íconos, y JPG conviene cuando un formulario lo exige.
Cómo convertir SVG a PNG en Inkscape
- Abre el SVG en Inkscape.
- Abre el cuadro de exportación con Archivo > Exportar, o presiona Shift+Ctrl+E.
- Elige qué exportar: la página completa, el dibujo, la selección o un área personalizada.
- Escribe un ancho o un alto en píxeles, o define los DPI. Los demás valores se ajustan solos.
- Elige PNG como tipo de archivo, ponle nombre y haz clic en Exportar.
Inkscape exporta con fondo transparente de forma predeterminada. Para un fondo blanco, define el color y la opacidad del fondo en Propiedades del documento (Shift+Ctrl+D) antes de exportar.
¿De qué tamaño debe ser el PNG o el JPG?
El SVG puede tener cualquier tamaño, pero el PNG tendrá uno fijo. Calcula a partir de dónde se usará la imagen.
- Para un sitio web o una app, revisa el tamaño en que se muestra y exporta al doble de ese ancho y alto. Las pantallas de alta densidad muestran el detalle extra.
- Para una plataforma con sus propios requisitos, como una foto de perfil o un favicon, usa las dimensiones exactas que indica.
- Para imprimir, multiplica el tamaño impreso en pulgadas por los DPI. A 300 DPI, un logo de 2 pulgadas de ancho necesita 600 píxeles. La guía de 300 DPI explica el cálculo.
Exporta varios tamaños desde el mismo SVG cada vez que los necesites. Conserva el SVG como archivo maestro.
Problemas frecuentes al convertir SVG a PNG
Las fuentes se ven mal
Un SVG puede mencionar una fuente por su nombre sin incluirla. Si esa fuente no está instalada en el dispositivo que convierte, se usa una fuente de reemplazo. Convierte el texto a contornos en la app de diseño antes de guardar el SVG. En Inkscape, selecciona el texto y usa Trayecto > Objeto a trayecto.
Faltan partes de la imagen
Algunos SVG enlazan imágenes u hojas de estilo externas en lugar de incrustarlas. Un convertidor que no puede acceder a esos archivos dibuja el SVG sin ellos. Vuelve a exportar el SVG desde la herramienta de diseño original con las imágenes incrustadas.
El PNG tiene un cuadro negro o blanco alrededor
Eso pasa cuando la salida es JPG, o cuando el SVG mismo contiene un rectángulo de fondo. Elige PNG y revisa si el original tiene una forma rellena detrás del dibujo.
El PNG se ve borroso o el archivo pesa mucho
Un PNG borroso se exportó más pequeño que el tamaño en que se muestra. Vuelve a exportarlo con un ancho mayor, porque ampliar el PNG no recupera el detalle. Si el archivo pesa mucho, pásalo por el compresor de PNG.
El camino contrario, de una imagen de píxeles a SVG, requiere vectorizar y solo funciona con dibujos simples. La guía de JPG y PNG a SVG explica qué esperar.
Herramientas gratis que funcionan en tu navegador
Preguntas frecuentes
¿Qué programa abre archivos SVG?
Cualquier navegador web moderno, como Chrome, Edge, Firefox y Safari. Para editar, el editor vectorial gratuito Inkscape abre SVG en Windows, Mac y Linux.
¿Cómo convierto SVG a JPG?
Abre el SVG en un convertidor de SVG en el navegador, elige JPG y una escala, y descarga. Las zonas transparentes quedan con un color sólido, porque JPG no tiene transparencia.
¿Cómo convierto SVG a PNG sin perder calidad?
Exporta al tamaño más grande que vayas a necesitar, porque un PNG no se puede ampliar limpiamente después. Conserva el SVG como archivo maestro y exporta nuevos tamaños desde él.
¿Por qué no veo miniaturas de SVG en el Explorador de archivos?
Windows no siempre las muestra. PowerToys, la herramienta gratuita de Microsoft, agrega miniaturas de SVG y un panel de vista previa de SVG con sus complementos para el Explorador de archivos.
¿Es seguro abrir un archivo SVG?
Un SVG puede contener scripts, y por eso algunos sitios bloquean la carga de SVG. Trata los archivos SVG de remitentes desconocidos con el mismo cuidado que cualquier otro adjunto.