SVG Studio: un espacio privado para tus archivos SVG
Abre un SVG con seguridad, busca problemas y edita su código y su lienzo lado a lado. Todo ocurre en tu navegador, así que tu trabajo se queda en tu dispositivo.
Herramientas SVG
Editor SVG
Edita código y lienzo a la vez, con deshacer y rehacer.
Visor SVG
Abre archivos o código SVG y míralos con zoom y fondos.
Inspector SVG
Encuentra XML inválido, referencias rotas y otros problemas en código SVG.
Solo se listan las herramientas terminadas. Se añadirán más cuando estén listas.
Cómo funciona
- Abre un archivo en el visor para ver cómo queda y comprobar su peso.
- Ábrelo en el inspector para encontrar referencias rotas, un viewBox ausente y otros problemas.
- Ábrelo en el editor para cambiar colores y corregir el código, y exporta el resultado.
Usos habituales
- Revisar un icono o logotipo antes de ponerlo en una web.
- Depurar un SVG que se ve en blanco o con el tamaño equivocado.
- Cambiar el color de un gráfico sencillo sin abrir un programa de diseño.
Qué hace
- Cada archivo se limpia de scripts, controladores de eventos y referencias externas antes de mostrarse.
- Los archivos pasan de una herramienta a otra sin volver a elegirlos.
- Los límites de tamaño y complejidad impiden que un archivo hostil bloquee la pestaña.
- Sin cuenta, sin subidas y sin guardar nada.
Conviene saber
SVG Studio cubre por ahora ver, inspeccionar y editar de forma básica. Aún no tiene herramientas de dibujo, transformaciones de formas, panel de capas, optimizador ni conversores, y solo se listan las herramientas terminadas.
Preguntas frecuentes
- ¿Mi SVG se sube a algún sitio?
- No. El archivo se lee y se procesa en tu pestaña del navegador. Los servidores de DailyBox nunca lo reciben.
- ¿Por qué se eliminó una parte de mi SVG?
- Se eliminan scripts, controladores de eventos, HTML incrustado y enlaces a otros sitios porque pueden ejecutar código o cargar contenido externo. Las herramientas indican exactamente qué se quitó.
- ¿Qué herramientas hay hoy?
- El visor, el inspector y el editor. Más herramientas SVG aparecerán aquí solo cuando funcionen.
- ¿Hay un límite de tamaño?
- Hasta 5 MB, con un máximo de 50 000 elementos y 128 niveles de anidamiento, para que un archivo roto u hostil no bloquee tu navegador.
Herramientas relacionadas
- ¿Solo quieres ver un archivo? Ábrelo en el visor SVG.
- ¿Algo se ve mal? Revisa el código en el inspector SVG.
- ¿Listo para cambiarlo? Edítalo en el editor SVG.
Herramientas relacionadas
- Editor SVGEdita código y lienzo a la vez, con deshacer y rehacer.
- Visor SVGAbre archivos o código SVG y míralos con zoom y fondos.
- Inspector SVGEncuentra XML inválido, referencias rotas y otros problemas en código SVG.
- Conversor de color y contrasteConvierte colores entre HEX, RGB y HSL y comprueba el contraste WCAG.