DONEIMG

Fondos transparentes: PNG, WebP y qué funciona

Un fondo transparente permite que un logotipo se coloque sobre cualquier color. No todos los formatos pueden hacerlo, y no todas las imágenes son fáciles de recortar.

4 min de lectura

Formatos que admiten transparencia

PNG y WebP admiten transparencia. SVG también. JPG no, así que las áreas transparentes se rellenan con un color sólido, normalmente blanco o negro, al guardar como JPG.

Para logotipos y gráficos, PNG es la opción más compatible. WebP suele producir un archivo más pequeño con la misma transparencia, y SVG es ideal para formas vectoriales sencillas que deben escalarse. GIF también tiene una transparencia simple de encendido o apagado, pero está limitado a 256 colores y hoy rara vez es la mejor opción.

Eliminar un fondo liso

Si un logotipo está sobre un único color sólido, una herramienta basada en el color puede eliminarlo. Eliges el color haciendo clic en él, estableces una tolerancia y descargas un PNG.

Esto no es un recorte con IA. La herramienta simplemente trata como fondo los píxeles cercanos al color elegido, por lo que funciona mejor con fondos lisos y de color uniforme.

Límites

La eliminación basada en el color no reconoce objetos. Las fotos con fondos complicados o de colores similares necesitan otro enfoque, como un recorte manual en un editor de imágenes.

Si el sujeto contiene el mismo color que el fondo, por ejemplo un logotipo blanco sobre una hoja blanca, esas partes también pueden volverse transparentes.

Bordes limpios

Un poco de suavizado en los bordes puede ocultar contornos dentados. Demasiada tolerancia puede eliminar partes del sujeto, así que ajusta gradualmente y previsualiza sobre un fondo oscuro y otro claro. Hacer zoom en las esquinas y las líneas finas es la forma más rápida de detectar problemas antes de descargar.

Recuerda que los bordes suavizados (anti-aliasing) contienen píxeles mezclados, por lo que no siempre es posible un resultado perfectamente nítido en imágenes pequeñas o de baja resolución. Partir de un original más grande da el contorno más limpio.

Los halos claros que quedan alrededor de una forma suelen indicar que la tolerancia es ligeramente baja. Los agujeros dentro de la forma suelen indicar que es demasiado alta. Si ambos problemas aparecen a la vez, probablemente el sujeto y el fondo son demasiado parecidos en color para este método, y una edición manual es el camino más seguro.

Un ejemplo práctico (ilustrativo)

Imagina un logotipo de empresa exportado como JPG con fondo blanco. Haces clic en el área blanca para elegirla, empiezas con una tolerancia baja y la subes poco a poco hasta que el blanco desaparece y se va el tenue borde claro alrededor de las letras. Luego compruebas el resultado sobre un fondo oscuro y otro de color, porque los problemas de borde se ven mucho mejor contra un color contrastante. Si las letras siguen limpias, lo guardas como PNG.

Un logotipo en JPG puede tener un ligero ruido de color alrededor de los bordes, por lo que a menudo hace falta una tolerancia pequeña en lugar de una coincidencia exacta. Los degradados, las sombras y los resplandores suaves del original son más difíciles: una sombra está hecha de muchos tonos de gris, así que un solo color elegido eliminará solo una parte. Para esos gráficos, puede ser más fácil volver a exportar el logotipo desde su archivo de origen con fondo transparente.

Flujo de trabajo paso a paso

Errores comunes

Lista de comprobación rápida

Hazlo con DoneImg en tu navegador

Abre la herramienta Hacer transparente, añade tu imagen y haz clic en el color de fondo. Ajusta la tolerancia, revisa la vista previa y descarga el PNG. Si necesitas un archivo más pequeño, pásalo después por el conversor a WebP.

La imagen se procesa en tu navegador y nunca se sube. Eso significa que los logotipos, los borradores y el material gráfico de clientes permanecen en tu propio dispositivo mientras trabajas.

Consejo: si el primer intento deja un borde, deshaz y prueba con una tolerancia algo mayor en lugar de empezar de nuevo, y conserva el archivo original para poder intentarlo otra vez.

Prueba estas herramientas

Más guías