Cómo editar archivos SVG en tu navegador

SVG (Scalable Vector Graphics) almacena una imagen como formas y trazados, es decir, matemáticas, no píxeles. Por eso un logotipo guardado como SVG se mantiene perfectamente nítido, ya sea un favicon o una valla publicitaria, y por eso es el formato adecuado para iconos, logotipos e ilustraciones. También significa que puedes abrir el archivo y editar las formas reales en lugar de mover píxeles uno a uno.

Editar el SVG de origen casi siempre es mejor que editar un PNG exportado: mueve un punto de ancla y la curva sigue siendo suave; cambia un relleno y el color es exacto; escala todo el conjunto y nada se desenfoca. Para eso necesitas un editor que entienda de vectores.

El editor vectorial de EditItAll abre archivos SVG directamente en tu navegador:

• Abre el editor y carga tu .svg: un logotipo, un conjunto de iconos o una ilustración.
• Usa la herramienta de selección (V) para mover y redimensionar objetos completos, y la herramienta de selección directa (A) para tomar puntos de ancla individuales.
• Cambia el color de rellenos y trazos, edita cualquier texto con la herramienta de texto (T), y ajusta las formas con guías inteligentes y atajos al estilo de Illustrator.

Tu trabajo se guarda automáticamente en tu navegador a medida que avanzas, y el editor entero sigue funcionando si te desconectas después de que carga: una prueba clara de que tu archivo no se envía a ningún sitio.

El verdadero poder está en retocar trazados. La herramienta Pluma (P) coloca puntos de ancla con tiradores Bézier, para que puedas redibujar una curva, añadir un punto a un logotipo o trazar una forma nueva desde cero. El lápiz está ahí para el dibujo a mano alzada.

Para crear obras más complejas, combina formas simples con operaciones booleanas: Unir para fusionarlas, Menos frente para recortar una de otra, Intersección para conservar solo la superposición, y Exclusión para eliminarla. Estas se ejecutan en un motor geométrico de aritmética exacta, de modo que los bordes resultantes se mantienen limpios en vez de desviarse fracciones de píxel. Así es como conviertes unos cuantos rectángulos y círculos en un icono terminado.

Cuando termines, guarda de nuevo en .svg para mantener el archivo totalmente editable, o exporta un PNG a 2× cuando necesites una imagen rasterizada para la web o un documento. Si ya tienes un SVG y solo quieres un PNG, el conversor de SVG a PNG dedicado lo hace en un solo paso.

Dos limitaciones honestas: el editor lee SVG estándar, no archivos .ai ni .eps de Adobe, y no admite malla de degradado, rellenos de patrón ni color CMYK. Aun así, para editar como SVG los logotipos, iconos e ilustraciones del día a día, todo lo que necesitas funciona en tu dispositivo. Abre el editor vectorial para empezar.