Editar SVG online: cambia colores y quita el fondo sin instalar software

1. Qué puede hacer el editor de SVG online

La primera reacción al editar un SVG suele ser instalar Illustrator, pero para necesidades ligeras como cambiar un color, quitar un fondo o borrar un elemento, un editor online es más que suficiente. El editor de SVG online de PolySVG funciona en el navegador: gratis, sin instalación, sin registro, y opera a nivel de trazado con selección y borrado, eliminación de fondo con un clic, pincel, goma en modo máscara, cambio de color, deshacer y rehacer, y exportación final a SVG o PNG. Puedes subir un SVG o traer con un clic el resultado de la herramienta de conversión de imágenes a SVG. Para un diseñador sirve como último retoque antes de entregar; para un desarrollador, para ajustar deprisa el color o el tamaño de un icono antes de integrarlo en una página, sin idas y venidas a las herramientas de diseño.

2. Cambiar el color: adaptar los iconos al tema

Haz clic en una zona de color del lienzo para seleccionar el trazado correspondiente y cambia después el color de relleno en el panel de color. Casos típicos: el mismo juego de iconos en un tema claro y otro oscuro, calibrar un logo vectorizado con su color de marca o unificar la paleta de materiales de distinta procedencia. Frente a buscar la propiedad fill en el código, recolorear con un clic es mucho más intuitivo y y hace menos probable que dane otros trazados.

3. Quitar el fondo: automático y manual

Pulsa «Quitar el fondo con un clic»: el motor detecta el color dominante del borde y retira la capa de fondo, y un SVG con fondo blanco se vuelve transparente en segundos. Los pocos trazados de fondo que queden se borran con un clic. Si todavía partes de una imagen rasterizada, usa directamente la herramienta para quitar el fondo y convertir a vector, que resuelve conversión y eliminación del fondo en un solo paso, y después afina en el editor.

4. Pincel y goma: completar y borrar

El pincel suma: repinta los trazos que faltan y la huella se vectoriza automáticamente como un nuevo trazado que se integra en el estilo del gráfico, ideal para reparar los trazos rotos de un logo vectorizado. La goma resta: borra zonas en modo máscara sin destruir los datos de los trazados originales, y si borras de más puedes deshacer en cualquier momento. Ambas herramientas funcionan junto con deshacer y rehacer, así que puedes experimentar con tranquilidad. Las huellas del pincel se incorporan al archivo como trazados independientes, que luego también puedes recolorear; el efecto de la máscara de la goma se aplica al exportar, de modo que el SVG exportado coincide con lo que ves en el lienzo.

5. Deshacer, rehacer y exportar

El editor conserva todo el historial de operaciones: deshaces un error y rehaces un arrepentiamiento. Al terminar, exporta el SVG para la web o para seguir editando, o exporta un PNG para insertarlo en un documento o como vista previa. Para saber cómo abrir y ver un SVG, consulta ¿Cómo abrir un archivo SVG?; el acceso directo al editor es /editor. Al exportar a PNG, elige una resolución suficiente para que no se vea borroso en el documento; para la web es preferible exportar SVG, porque conserva las propiedades vectoriales.

6. Los casos de edición más habituales, de un vistazo

• Adaptar un icono al tema: selecciona el trazado y cambia el relleno; exporta una versión por tema;
• Convertir un material con fondo blanco en transparente: quita el fondo con un clic, borra los trazados restantes y exporta el SVG transparente;
• Reparar los trazos rotos de un logo: completa con el pincel a lo largo del hueco, la huella se vectoriza automáticamente y luego unifica los colores;
• Quitar elementos sobrantes: borra uno a uno los bloques de color que no necesitas y usa la goma para los detalles del borde;
• Ilustración para un documento: al terminar la edición, exporta un PNG e insértalo en Word, PowerPoint o una conversación.