Cómo usar esta herramienta de imagen
- Sube la imagen.
- Elige una referencia y el nivel de muestreo.
- Analiza el contraste.
- Revisa los indicadores y descarga el informe JSON si lo necesitas.
#36 · Herramienta de Análisis de imágenes y accesibilidad
Comprobar contraste de una imagen
Analiza el contraste tonal de una imagen a partir de sus píxeles. Obtén luminancia oscura y clara representativas, una relación de contraste global y una medida de variación local, y descarga un informe JSON.
Herramienta de imagen
Análisis de luminanciaEspacio publicitario
Qué hace esta herramienta
Muestrea los píxeles de la imagen y convierte los colores sRGB a luminancia relativa. Para evitar que un solo píxel extremo distorsione el resultado, usa los percentiles 5 y 95 como tonos oscuro y claro representativos.
sRGB → luminancia relativa → percentiles 5/95 → relación (Lclaro + 0,05) / (Loscuro + 0,05) + contraste local medio.
Este análisis describe el contraste de la imagen completa; no demuestra que un texto concreto cumpla WCAG. La accesibilidad de texto requiere comparar específicamente el color del texto con su fondo inmediato.
Formatos compatibles
Admite PNG, JPG y WebP que el navegador pueda decodificar. El informe se descarga en JSON.
| Entrada | Salida |
|---|---|
| Formatos compatibles indicados arriba | Resultado generado localmente en el navegador |
Consejos para obtener mejores resultados
- Para evaluar texto, analiza también los colores exactos del texto y del fondo.
- Un rango tonal amplio no garantiza legibilidad en todas las zonas.
- Comprueba los estados hover, overlays y transparencias por separado en interfaces.
Preguntas frecuentes
¿Cómo medir el contraste de una imagen en el navegador?
La herramienta reduce la imagen a una muestra controlada, calcula la luminancia relativa de cada píxel y resume el rango tonal con percentiles.
¿Qué significa una relación de contraste 4,5:1?
Es una referencia usada habitualmente para texto normal en WCAG, pero el valor global de una fotografía no equivale automáticamente al contraste entre texto y fondo.
¿El contraste global de una imagen sirve para comprobar accesibilidad de texto?
Solo como orientación. Para texto debes comparar específicamente su color con el color o la zona de fondo sobre la que se muestra.
¿Qué es la variación local de contraste?
Es una medida aproximada de cuánto cambia la luminancia entre píxeles vecinos de la muestra; valores mayores suelen indicar más detalle tonal o bordes.
¿Puedo descargar los resultados del análisis de contraste?
Sí. Se genera un informe JSON con dimensiones, percentiles de luminancia, relación global, variación local y referencia seleccionada.
Herramientas de imagen relacionadas
Resumen técnico
| Módulo | Función |
|---|---|
| Entrada | Análisis de luminancia |
| Procesamiento | Local en el navegador |
| Privacidad | Sin carga automática de imágenes a un servidor |
Explora más herramientas de imagen
Categorías de herramientas de imagenCompresión y cambio de tamañoReduce el tamaño de los archivos y ajusta las dimensiones para web, correo electrónico y cargas.Ver todas
Conversión de formatosConvierte archivos JPG, PNG, WebP, SVG y otros formatos de imagen compatibles con el navegador.Ver todas
Fondo y transparenciaCambia fondos de color uniforme y prepara imágenes con transparencia.Ver todas
Metadatos y privacidadConsulta y elimina metadatos EXIF, GPS y otra información sensible para la privacidad.Ver todas