Entrada transparente, salida transparente
PNG y WebP pueden guardar un canal alfa, es decir, la opacidad de cada píxel. JPEG no puede. Cuando subes un PNG o un WebP, el trazador decodifica el alfa y solo asigna un color a los píxeles con más de la mitad de opacidad. Los píxeles por debajo de ese punto no pertenecen a ningún color y no producen ningún trazado, así que la zona vacía alrededor de un logo recortado sigue vacía en el SVG. El <svg> resultante no tiene ningún rectángulo de fondo; se ve lo que haya debajo de donde lo coloques.
Puedes comprobarlo en la vista previa: el panel del resultado dibuja los trazados sobre un tablero de ajedrez, y en las zonas transparentes se ve el tablero, no un recuadro blanco.
Los píxeles semitransparentes se tratan en dos pasos. Primero, cada píxel está o no está en un color, con el corte en la mitad de opacidad: el borde suave y antialias de un logo se corta ahí, así que el contorno cae donde el borde está cubierto a medias. Segundo, cada color conserva la opacidad de su tinta, medida dentro de sus formas y no en el borde suave. La tinta sólida se escribe totalmente opaca, así que un texto negro sobre un logo transparente sigue siendo negro y no un gris más claro. Un color que es translúcido en el original —una sombra paralela suave o una capa tintada— se escribe con esa opacidad como su fill-opacity, de modo que una sombra se traza como una sola forma plana con una semitransparencia uniforme (por ejemplo, al 54 % de opacidad). Lo que un trazado no puede conservar es el difuminado en sí: la parte exterior y tenue de la sombra, por debajo de la mitad de opacidad, se queda fuera, y la forma que resulta tiene un borde nítido y una opacidad uniforme en lugar de un difuminado gradual.
Un PNG transparente de nuestro logo de la nutria con una sombra paralela suave añadida (izquierda), el SVG trazado a partir de él sobre un tablero de ajedrez (centro) y sobre un color (derecha). No hay recuadro de fondo, el blanco de los ojos se conserva y la sombra se convirtió en formas planas al 60 % de opacidad, con bordes nítidos donde el PNG tenía un difuminado.
Por qué los detalles blancos sobreviven a la eliminación del fondo
Quitar fondo avanza hacia dentro desde los bordes de la imagen. Mira una franja a lo largo del borde de la imagen, toma el color o los dos colores que cubren cada uno al menos el 15 % de ella y, empezando por los bordes, marca como transparente cada píxel conectado de esos colores, y de los colores parecidos a ellos. Después elimina también el halo suave donde ese fondo se junta con el diseño (los píxeles justo al lado de la zona eliminada que siguen siendo parecidos al color del fondo) y las motas pequeñas que tocan el borde de la imagen. Todo lo que no está conectado con el borde queda intacto: el hueco blanco de una «A», el brillo blanco de una insignia, el espacio blanco entre dos franjas.
Es a propósito: un detalle blanco de un logo, encerrado por un diseño más oscuro, sigue ahí después de quitar el fondo. Si has visto otras herramientas borrar todos los píxeles blancos, eso es otra técnica (la clave de color, o color keying), y es la razón por la que «quitar el fondo» en otros sitios puede vaciar un diseño.
La otra cara: si la zona blanca encerrada sí está conectada con el borde —porque el contorno tiene un hueco, aunque sea de un píxel—, la eliminación entra por ese hueco y la borra. Repara el hueco en el original, o deja la eliminación desactivada y borra después el trazado del fondo en el editor.
Diseño blanco sobre un fondo blanco
El trazador no puede separar colores idénticos. Un icono blanco exportado sobre un lienzo blanco es, para el trazador, una sola zona blanca, y el resultado es un único rectángulo blanco o una conversión vacía (el mensaje «No vector paths could be produced», es decir, que no se pudo crear ningún trazado vectorial). Corrígelo antes de subirlo:
- En cualquier editor de imágenes, pon el icono sobre un fondo sólido que contraste mucho (gris oscuro o un color que no aparezca en el icono).
- Súbelo con Quitar fondo activado. El fondo está conectado con los bordes, así que desaparece; el icono blanco se queda.
- Si el icono tiene zonas transparentes encerradas que deben seguir siéndolo, expórtalo en su lugar como un PNG con un alfa real, para no necesitar ningún fondo.
Cómo comprobar el alfa en el resultado
- Abre el SVG descargado en un navegador: el fondo de la página (blanco de forma predeterminada) se ve a través de las zonas transparentes.
- Rasterízalo con la herramienta SVG a PNG: el resultado es RGBA y conserva la transparencia.
- Abre el archivo en un editor de texto: no hay ningún trazado de fondo a tamaño completo, salvo que tu original tuviera un fondo opaco y la eliminación estuviera desactivada.
Otros comportamientos que conviene conocer
- El preajuste Arte lineal / Esténcil juzga cada píxel por su luminosidad tal como se vería sobre papel blanco: lo oscuro se convierte en tinta negra, lo claro en papel blanco, y las zonas transparentes siguen siendo transparentes. Por eso un diseño blanco sale como papel blanco, no como tinta, y el borde semitransparente de una línea oscura sobre un fondo transparente se queda fuera en lugar de convertirse en un halo pálido.
- El PNG de la vista previa lleva marca de agua y está rasterizado; solo el SVG desbloqueado contiene los trazados vectoriales y la transparencia real.