Cambiar opacidad de imagen
Haz que toda una imagen sea semitransparente: mueve el control de opacidad, mira el resultado sobre un fondo de cuadros, blanco, oscuro o una foto, y descarga un PNG con transparencia real. Añade un degradado para que la imagen se desvanezca hacia un lado y procesa muchas imágenes a la vez.
Última actualización:
- Alfa
- CSS
- Hex
Cómo usar Cambiar opacidad de imagen
- Añade tus imágenes arrastrándolas, eligiendo archivos o pegándolas. Primero se muestra un ejemplo.
- Ajusta la opacidad con el control, el cuadro numérico o los botones de 25/50/75%. 100% es totalmente visible y 0% es invisible.
- Si quieres, añade un degradado para que la imagen sea más transparente hacia un lado o los bordes, y fija la opacidad inicial.
- Revisa la vista previa sobre distintos fondos para ver cómo quedará en una página o diapositiva.
- Descarga el PNG, o todas las imágenes en un ZIP.
Valores de opacidad, alfa y hex
La opacidad indica cuánto de un píxel es visible. En un PNG se guarda como un valor alfa de 0 (invisible) a 255 (sólido). La herramienta multiplica el alfa existente de cada píxel por la opacidad que elijas: alfa nuevo = alfa anterior × opacidad ÷ 100, redondeado a un número entero. El mismo valor aparece en CSS como un número de 0 a 1 y en los colores hex de 8 dígitos como los dos últimos dígitos.
| Opacidad | Alfa (0-255) | Opacidad CSS | Sufijo hex | Uso típico |
|---|---|---|---|---|
| 100% | 255 | 1 | FF | Imagen normal, totalmente visible |
| 90% | 230 | 0.9 | E6 | Suavizado sutil sobre una página de color |
| 75% | 191 | 0.75 | BF | Imagen detrás de un titular o pie de foto |
| 50% | 128 | 0.5 | 80 | Imágenes fantasma, superposiciones de antes/después |
| 25% | 64 | 0.25 | 40 | Texturas de fondo y fondos de diapositivas |
| 15% | 38 | 0.15 | 26 | Marcas de agua y sellos de logotipo |
| 0% | 0 | 0 | 00 | Completamente invisible |
Consejos
- Las marcas de agua suelen verse mejor entre 15% y 30% de opacidad: lo bastante visibles para identificar al dueño y lo bastante tenues para no estropear la imagen.
- Para diapositivas y documentos, una foto de fondo al 20-40% mantiene legible el texto encima. La opción Degradado permite dejar un lado despejado para el texto.
- Comprueba el resultado sobre el fondo real. Una imagen semitransparente se ve más oscura en una página oscura y más clara en una blanca; usa los fondos de vista previa para comparar.
- Los sitios web también pueden aplicar opacidad con CSS en lugar de un archivo nuevo. Copiar CSS te da la regla
opacityomask-imagecorrespondiente. - Guarda el PNG. Abrir el archivo en un editor que aplana las imágenes, o convertirlo a JPG, vuelve a eliminar la transparencia.
Preguntas frecuentes
¿Cómo hago una imagen semitransparente?
Añade la imagen, mueve el control de opacidad al nivel que quieras, por ejemplo 50%, y haz clic en Descargar PNG. El valor alfa de cada píxel se multiplica por ese porcentaje, así que la imagen se vuelve translúcida dondequiera que la coloques.
¿Por qué tengo que guardarla como PNG y no como JPG?
JPG no tiene canal alfa y no puede guardar transparencia, así que una imagen semitransparente guardada como JPG solo se vería desvaída sobre un fondo blanco. PNG y WEBP conservan la transparencia, de modo que la imagen se mezcla con lo que haya detrás.
¿Qué significa 50% de opacidad en números?
La opacidad se guarda como un valor alfa de 0 a 255. 50% da un alfa de 128 (redondeado de 127.5), que equivale a una opacidad CSS de 0.5 y al sufijo hex 80 en un color de 8 dígitos como #ffffff80. La herramienta muestra estos valores para el ajuste actual.
¿Qué pasa con las zonas que ya eran transparentes?
Siguen siendo transparentes. La nueva opacidad se multiplica por el alfa existente, así que un logotipo con fondo transparente lo conserva, y un píxel que era 50% transparente queda 25% visible con una opacidad del 50%.
¿Cómo funciona la opción de degradado?
El degradado crea una transición suave de opacidad a lo largo de la imagen: empieza con la opacidad inicial en un lado y termina con la opacidad principal en el otro, o en los bordes con la opción Bordes. Es útil para fundir una foto con un fondo o una diapositiva.
¿Es lo mismo que hacer transparente el fondo?
No. Esta herramienta cambia la opacidad de toda la imagen por igual. Para quitar un fondo blanco o liso y mantener el sujeto totalmente visible, usa la herramienta Hacer imagen transparente o Quitar fondo.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.