Pregunta sobre Inkscape (iconos con fondo blanco sólido con una imagen alfa)

EDITAR: Hola, sí, estoy tratando de obtener íconos transparentes sobre un fondo blanco sólido. Además, el segundo enlace no está roto. Necesita código html para mostrarlo correctamente. Aquí hay una captura de pantalla de lo que hace cuando cambio el color de fondo usando html. Puedo obtenerlo usando Pixlr, pero la calidad de la imagen se ve afectada.

[iconos transparentes con fondo sólido

He mirado alto y bajo, pero todo en línea trata con un fondo transparente. Me las arreglé para hacer eso usando Inkscape, pero lo que necesito es un fondo blanco sólido con una imagen alfa.

PNG con un fondo alfa transparente

También he logrado que la imagen sea transparente con un fondo sólido usando Pixlr. Pero, la calidad es simplemente horrible. ¿Puedo lograr lo siguiente usando Inkscape o similar sin comprometer la nitidez de la imagen?

PNG con fondo transparente

PNG con icono transparente

El segundo aparecerá como una imagen en blanco a menos que esté incrustado con un color de fondo en html.

Bienvenido a Diseño Gráfico SE. Desafortunadamente, no estoy seguro de entender qué es exactamente lo que quiere lograr y cuál es su problema. ¿Quieres íconos negros sobre un fondo transparente (tu primer ejemplo) o íconos transparentes sobre un fondo blanco? Edite su pregunta para aclarar lo que necesita (y corrija ese enlace de imagen roto) .
¿Probablemente quieras invertir el canal alfa en tu imagen?
Eso es lo que hice usando Pixlr. ¿Pero parece que no puedo hacer lo mismo en Inkscape?
Tampoco tengo claro lo que realmente estás tratando de lograr. ¿Con qué parte estás luchando?
@ DA01 sí, sé que es un requisito extraño. el objetivo aquí es usar un archivo png con algunos íconos como src para la etiqueta img en mi código html. cuando cambio el color de fondo, solo los íconos deben cambiar de color como se ve en las capturas de pantalla anteriores. Perdón por repetirme; Puedo hacer esto en pixlr (mala calidad) pero no en inkscape.
Ya veo, entonces, ¿quieres crear imágenes en blanco sólido donde el dibujo esté 'perforado' del blanco para que se vea el color de fondo?

Respuestas (2)

Entonces, ¿estás dibujando tus íconos en Inkscape? Prueba esto:

  • Si está utilizando líneas de cierto ancho, use el comando "Trazado> Trazar a trazado" para convertirlas en trazados rellenos sin un trazo.
  • Si está usando texto, use el comando "Objeto > Desagrupar" para convertir cada objeto de texto en rutas rellenas individuales.
  • Si está utilizando rutas rellenas, déjelas sin cambios pero verifique que no tengan un trazo.
  • Seleccione todas las rutas resultantes.
  • Use el comando "Ruta> Unión" para fusionarlos en una ruta completa.
  • Dibuje un rectángulo del tamaño del icono deseado sobre la ruta combinada.
  • Seleccione tanto el rectángulo como la ruta combinada.
  • Use el comando "Ruta> Exclusión" para restar la ruta del rectángulo.
  • Ajusta el color del objeto resultante.
  • Exportar a PNG.
Ya he probado este Goblin. No dados. Además, los íconos originales fueron diseñados en AI, solo para que lo sepas. Importo .ai y uso la opción exportar a png.
@kFMIF, ¿cuál es el resultado? Creo que cualquier gráfico vectorial importado a Inkscape se puede desagrupar y convertir en rutas.

Otra opción. No conozco Pixlr, pero dado que puedes guardar PNG con alfa, parece ser un editor de imágenes decente.

  • Exporte el ícono de AI o Inkscape a PNG, como lo hizo anteriormente, pero con un tamaño de imagen muy grande (por ejemplo, 10 veces más grande de lo necesario)
  • Ábralo en Pixlr, agregue un fondo sólido y haga que las áreas coloreadas sean transparentes
  • Cambiar el tamaño (volver a muestrear) la imagen al tamaño requerido (usar la mejor configuración de calidad)

Con suerte, el canal alfa se suaviza durante el cambio de tamaño y obtendrá la buena calidad de imagen requerida.

Pregunta sobre Inkscape (iconos con fondo blanco sólido con una imagen alfa)
RespuestasAquíPolítica de privacidad1y, 0v