Ver y convertir SVG (Sin Registro)

Un archivo SVG es un dibujo vectorial escrito en XML: formas, trazados, texto y degradados que se mantienen nítidos a cualquier tamaño. Este visor lo dibuja en su navegador y lo exporta a formatos de CAD e impresión.

Funciona directamente en Chrome, Firefox, Safari y Edge.

Also from Innerscene: Circadian Lab, a free lighting calculator for room illuminance, melanopic EML, and glare.

Los archivos se procesan localmente en su navegador. La subida se realiza al elegir compartir un enlace.

¿Qué es un archivo SVG?

SVG (Scalable Vector Graphics) es el estándar web para gráficos independientes de la resolución. Un archivo es XML que describe rectángulos, círculos, trazados, texto, degradados, patrones, trazados de recorte y máscaras, con estilos CSS opcionales y formas reutilizadas mediante símbolos y referencias use. Logotipos, iconos, gráficos, mapas, plantas y diseños para cortadoras láser se guardan con frecuencia como SVG.

Este visor interpreta el documento en su navegador y lo dibuja como una escena bidimensional con zoom y desplazamiento, aplicando la pila de transformaciones del documento, resolviendo el CSS incrustado, colocando el texto sobre sus líneas base y situando en su sitio las imágenes enlazadas o incrustadas. Un archivo que se interrumpe a medias, como una descarga cortada, se cierra y se dibuja hasta donde llega.

El dibujo se puede exportar como DXF, DWG, PDF o imagen PNG o JPG, que es la vía por la que un SVG llega a flujos de trabajo de CAD, CNC e impresión.

¿Quién utiliza archivos SVG?

Diseñadores web y gráficos que revisan una exportación de Figma, Illustrator o Inkscape, desarrolladores que depuran un icono que aparece en blanco, aficionados que preparan diseños para cortadoras láser y de vinilo, ingenieros que reciben un esquema o un plano en SVG, y cualquiera que quiera ver un SVG sin abrir un editor de código ni un programa de diseño.

Casos de uso comunes

  • Ver cómo es un SVG sin un programa de diseño
  • Comprobar la exportación de un icono o un logotipo antes de publicarla
  • Convertir un diseño SVG en DXF o DWG para CAD o una máquina CNC
  • Guardar un SVG como PDF o PNG con el tamaño necesario
  • Abrir un SVG que una pestaña del navegador muestra en blanco o deformado
  • Compartir un dibujo SVG como enlace o como página insertable

Características

Abre SVG sin programa de diseño

Suelte un .svg y se dibuja en su navegador. Sin Illustrator, Inkscape ni editor de código.

Trazados, formas y texto

Todos los comandos de trazado, las formas básicas y el texto, incluido el texto sobre un trazado.

Degradados y patrones

Los degradados lineales y radiales y los patrones en mosaico se dibujan como los define el archivo.

Recortes, máscaras y marcadores

Se aplican los trazados de recorte, las máscaras y los marcadores de línea.

Símbolos y formas reutilizadas

Los símbolos y las referencias use se resuelven, de modo que las hojas de iconos y los sprites se dibujan completos.

CSS incrustado

Los bloques de estilo del archivo se aplican como lo haría un navegador.

Imágenes en su sitio

Las imágenes rasterizadas incrustadas en el SVG se dibujan donde el archivo las coloca.

Los archivos cortados se dibujan

Un SVG que se interrumpe a medias, como una descarga cortada, se cierra y se dibuja hasta donde llega.

Exportar a DXF y DWG

Lleve el diseño a flujos de CAD, láser y CNC como DXF, o como DWG desde nuestro servidor.

Exportar a PDF, PNG y JPG

Guarde el dibujo como página PDF vectorial o como imagen con el tamaño que elija.

Tamaño real conservado

Un dibujo creado en milímetros o pulgadas lleva ese tamaño a la exportación.

No se sube nada

El archivo se lee en su dispositivo. Solo sale de él si usted decide compartir un enlace.

Compatibilidad y notas del formato

El visor cubre las partes de dibujo de SVG: trazados con todos los comandos de curva, formas básicas, contornos con guiones, remates y uniones, rellenos con las dos reglas de relleno, degradados lineales y radiales, patrones, trazados de recorte, máscaras, marcadores, grupos, símbolos y referencias use, bloques de estilo CSS incrustados, texto (también sobre un trazado) e imágenes rasterizadas, con los modos de fusión de CSS.

El texto se dibuja con la fuente más cercana que tenga su navegador, de modo que un archivo que pide una fuente que usted no tiene aparece con una sustituta. Los scripts y las animaciones no se ejecutan, así que un SVG animado muestra su primer fotograma. Los dibujos creados en milímetros o pulgadas conservan ese tamaño al exportar.

También se abren el SVG comprimido (.svgz) y el SVG dentro de un ZIP.

Insertar en su sitio web

Añada este visor a su sitio con una sola línea de HTML. Pulse Insertar en la barra de herramientas para generar el código, o use el fragmento siguiente con la URL de su archivo.

<iframe src="https://www.innerscene.com/es/tools/svg-viewer?embedded=1&url=YOUR_FILE_URL" width="800" height="600" frameborder="0" allowfullscreen></iframe>

Compartir como un solo archivo HTML

Exporta el plano como un único archivo .html que se abre sin conexión en cualquier navegador, con desplazamiento, zoom y control de capas. Quien lo reciba no necesita software CAD, instalación ni cuenta.

Sus archivos permanecen en su ordenador

Sus archivos se procesan completamente en su navegador. El botón Compartir sube el archivo para crear un enlace. Los archivos compartidos se almacenan durante 90 días y luego se eliminan.

Preguntas frecuentes

▶¿Cómo abro un archivo SVG?

Suéltelo en esta página. El visor lo dibuja en su navegador y puede hacer zoom y desplazarse. No hay que instalar nada.

▶¿Puedo convertir SVG a DXF o DWG?

Sí. Haga clic en Exportar y elija DXF o DWG, que se convierte en nuestro servidor a partir del DXF que escribe el visor. Las curvas pasan a ser curvas CAD, así que el resultado sirve para corte láser y CNC además de para dibujo.

▶¿Por qué mi SVG se ve distinto aquí que en mi programa de diseño?

Las diferencias suelen venir de fuentes que el archivo nombra pero que este equipo no tiene, y de efectos que el visor no aplica. Un archivo exportado con el texto convertido en contornos se ve igual en todas partes.

▶¿El archivo exportado conserva su tamaño real?

Sí, cuando el dibujo declara un ancho y un alto en una unidad como milímetros o pulgadas. Un dibujo dimensionado solo en píxeles se exporta con su tamaño en píxeles.

▶¿Puedo abrir un SVG con imágenes incrustadas?

Sí. Las imágenes rasterizadas incrustadas como datos en el SVG se dibujan en su sitio. Las imágenes que el SVG enlaza por URL se cargan cuando su navegador puede alcanzar la dirección.

▶¿En qué formatos puedo exportar?

Haga clic en Exportar en la barra de herramientas para guardar el dibujo como DXF, DWG, PDF (una página vectorial), una página HTML autónoma o una imagen PNG o JPG.

Herramientas y guías relacionadas

¿Necesitas una solución de iluminación de bienestar?
¡Contacta a nuestros expertos hoy!