Abrir archivos SVG online y míralos nítidos a cualquier nivel de zoom, de forma segura, con los scripts desactivados. Lee el código SVG resaltado, inspecciona cada elemento y luego guarda un PNG o ICO o captura un fragmento CSS o React. ¿Necesitas un lote? SVG a PNG y SVG a ICO están a un clic de distancia.
Algo salió mal. Inténtalo de nuevo.
¿Sigues teniendo problemas? ¡ Contáctanos y con gusto te ayudaremos!
Pruebe una muestra
Ultimos archivos
Scripts bloqueados Zoom nítido No se permite subir archivos.
Leyendo el SVG...
imagen.svg
Desplázate para hacer zoom, arrastra para desplazarte, haz clic para fijar un punto.
Los cambios se conservan en esta pestaña; guarde el resultado con Guardar .svg.
Haz clic en una forma del dibujo o en un elemento del árbol.
guardar como imagen
Tamaño
xpíxeles, mantiene la forma
Tamaños de iconos
Los iconos cuadrados tienen relleno, no se estiran. ¿Quieres un conjunto completo de favicons con las etiquetas HTML? Usa SVG to Favicon.
Fondo
Úsalo en el código
Los fragmentos de código utilizan el archivo SVG limpio y minimizado; se han eliminado los scripts y los enlaces externos.
Soltar para abrirSVG y SVGZ: nada sale de tu dispositivo.
Abre tu archivo SVG. Arrastra un archivo .svg o .svgz a cualquier parte de la página, búscalo, pega el código SVG o prueba con un ejemplo.
Zoom sin desenfoque. Desplaza la pantalla o pellizca para ampliar hasta un 6400 %; los vectores se mantienen nítidos. Arrastra para desplazar la imagen, cambia el fondo y consulta las coordenadas y los colores bajo el cursor.
Lee el código. La pestaña Código muestra el marcado con colores de sintaxis. Embellezca un archivo de una sola línea, minimícelo, búsquelo o edítelo en tiempo real.
Inspeccione el dibujo. La opción Inspeccionar muestra el árbol de elementos. Haga clic en una forma para seleccionarla y ver sus atributos y tamaño; Detalles muestra los colores, las fuentes, las imágenes incrustadas y la accesibilidad.
Exportar. Guárdalo como PNG, JPG, WebP o ICO en cualquier tamaño, o copia la URI de datos, CSS, etiqueta img o componente React.
Atajos: Ctrl + O abierto, + / - zoom, 0 ajuste, 1 tamaño real, R girar, Esc sale de pantalla completa.
Características del visor SVG
Seguro por diseño
El dibujo se muestra como una imagen, por lo que el código JavaScript incrustado nunca se ejecuta. Los scripts, los controladores de eventos y los enlaces externos se listan y se eliminan.
Nítido a cualquier nivel de zoom.
Los vectores se redibujan en cada nivel de zoom hasta el 6400%, con zoom mediante pellizco, rotación y coordenadas en tiempo real bajo el cursor.
Código legible
Colores de sintaxis, numeración de líneas, formateo, minimización y optimización SVGO, incluso para archivos de mapas de varios megabytes.
Inspector de elementos
Explora el árbol, haz clic en cualquier forma para seleccionarla y leer sus atributos: relleno, contorno y cuadro delimitador.
Colores y fuentes
Cada color con un botón para contar y copiar, las fuentes que necesita, el texto que contiene y cualquier foto incrustada.
Comprobación de accesibilidad
Se revisan el título, la descripción, la función y la etiqueta, e incluyen consejos para que la imagen sea legible mediante lectores de pantalla.
Exporta cualquier cosa
PNG, JPG, WebP y Windows-ICO lista para usar en cualquier tamaño, además de URI de datos, CSS, etiqueta img y fragmentos de React.
100% privado
Todo sucede en tu dispositivo. No se sube nada a la nube, ni siquiera el nombre del archivo.
¿Qué es un archivo SVG?
SVG (Scalable Vector Graphics) es un formato de imagen compuesto por formas en lugar de píxeles.
Es texto XML plano, por lo que puedes abrirlo en un editor de texto y leer cada línea, círculo y color.
Dado que las formas se redibujan en cualquier tamaño, un logotipo SVG se ve nítido tanto en un teléfono como en una valla publicitaria, y un icono sencillo suele ocupar solo unos pocos kilobytes. Por eso, la web utiliza SVG para logotipos, iconos, gráficos e ilustraciones, mientras que las fotos se mantienen en formato WebP , JPG o PNG.
Documentos y archivos gráficos listos para imprimir.
Cómo abrir archivos SVG en WindowsMac, iPhone y Android
Cualquier navegador puede mostrar un SVG, por eso esto online El visor funciona en todas partes.
Windows 10 y 11
Arrastra el archivo a Edge o Chrome, o ábrelo aquí para ver el código y exportarlo. El Explorador de archivos no muestra las miniaturas SVG de forma predeterminada, y la compatibilidad con la aplicación Fotos varía según la versión.
Mac
Selecciona el archivo y pulsa la barra espaciadora para acceder a Vista Rápida, o ábrelo en Safari. Para editarlo, utiliza un editor vectorial como Inkscape (gratuito) o Illustrator.
iPhone y iPad
Pulsa el archivo en la app Archivos para obtener una vista previa rápida, o abre esta página en Safari y selecciona el archivo. ¿Necesitas un PNG para Fotos o mensajes? Usa Exportar o SVG a PNG.
Android
Muchas aplicaciones de galería no pueden mostrar archivos SVG. Abre esta página en Chrome, toca "Examinar" y selecciona el archivo desde Descargas o Google Drive.
Cómo convertir un archivo SVG
Este visor guarda archivos individuales en formato PNG, JPG, WebP o ICO desde la pestaña Exportar.
Para lotes y más opciones, ConvertICO tiene un convertidor dedicado para cada tarea:
SVG a PNG y SVG a JPG - Muchos archivos a la vez, tamaños personalizados.
SVG a ICO y SVG a Favicon - Windows iconos y conjuntos completos de favicons para sitios web.
SVG a WebP - Copias rasterizadas pequeñas para páginas rápidas.
Comprimir SVG - Elimina los elementos innecesarios del editor y reduce el tamaño del archivo sin modificar su apariencia.
PNG a SVG - al revés, convirtiendo un PNG en trazados vectoriales.
¿Por qué no se abre mi archivo SVG?
La mayoría de los archivos SVG defectuosos fallan por una de varias razones, y el visor te indica cuál es.
Se muestra como código en lugar de una imagen.
El xmlns="http://www.w3.org/2000/svg" Falta el espacio de nombres o el servidor envía el archivo como texto. El visor lo añade automáticamente; agréguelo al archivo para corregirlo en todas partes.
Está en blanco o es diminuto
El archivo no tiene ancho, alto ni área de visualización definida, o bien la imagen se encuentra fuera de dicha área. Active la opción " Mostrar contorno del área de visualización" en Opciones para ver el borde del lienzo.
Faltan fuentes o fotos.
Los enlaces SVG apuntan a fuentes o imágenes de otro sitio web, y los navegadores no las cargan dentro de una imagen. La sección Detalles muestra los enlaces externos; convierte el texto a contornos en tu editor o inserta las imágenes.
"Error en la línea X"
El XML está dañado; a menudo se trata de un archivo que se cortó durante la descarga o de una edición manual con una comilla faltante. El visor nombra la línea y la columna, y la pestaña Código salta a esa ubicación.
Arrastra el archivo .svg a cualquier parte de esta página, haz clic para buscarlo o pega el código SVG. El dibujo aparecerá al instante y el archivo permanecerá en tu dispositivo.
Funciona en cualquier navegador moderno WindowsMac, Chromebook, iPhone y Android.
Abra el archivo y cambie a la Código pestaña. Obtienes el marcado original con colores de sintaxis y números de línea, una Embellecido vista que indenta archivos desordenados de una sola línea y una Minificado ver.
Puedes buscar el código, copiarlo, editarlo y ver cómo se actualiza el dibujo.
Un archivo SVG puede contener JavaScript, por lo que abrir uno desconocido directamente en una pestaña del navegador es arriesgado. Este visor muestra el dibujo como una imagen, que nunca ejecuta scripts, y elimina los scripts, los controladores de eventos y los enlaces externos antes de la vista de inspección.
El Detalles La pestaña enumera todo lo que se eliminó.
Abre el SVG, ve a ExportarSelecciona PNG o JPG, elige una escala (de 1x a 8x) o un ancho exacto y pulsa Guardar. El arte vectorial se mantiene nítido en cualquier tamaño.
Las causas habituales son: el archivo no tiene ancho, alto ni viewBox, por lo que se renderiza a 0 píxeles; el dibujo se encuentra fuera de su viewBox; carga fuentes o imágenes de otro sitio; o el XML está dañado.
El visor repara automáticamente los tamaños y espacios de nombres que faltan y muestra la línea exacta de cualquier error XML.
Sí. SVGZ es un archivo SVG comprimido con gzip. El visor lo descomprime en tu navegador y lo muestra como cualquier otro archivo SVG, y puedes guardar el archivo .svg descomprimido desde la pestaña Código.
El Exportar La pestaña escribe los fragmentos por ti: un <img> Etiqueta, marcado SVG en línea, fondo CSS con una URI de datos compacta, una URI de datos Base64 y un componente React listo para pegar. Cada uno tiene un botón para copiar.
No. El archivo se lee, se comprueba y se dibuja mediante JavaScript en tu navegador, y las exportaciones también se realizan en tu dispositivo.
No se envía nada a ningún sitio, por lo que los logotipos privados y los diseños de los clientes permanecen privados.
