El modo oscuro no ahorra batería por las razones que crees

El modo oscuro se vende casi como una opción ecológica. La realidad depende por completo de un detalle técnico que casi nadie menciona: el tipo de pantalla. Qué dicen los estudios reales, y qué significa esto para cómo diseñamos una web.

"Activa el modo oscuro, ahorras batería." Es uno de esos consejos que circulan con tanta seguridad que nadie se plantea verificarlo. Y como la mayoría de consejos técnicos que se repiten sin matices, es verdad a veces, falso otras, y la diferencia depende de un detalle que casi nunca se menciona: qué tipo de pantalla tienes delante.

Dos tecnologías de pantalla, dos comportamientos distintos

Una pantalla LCD —la que llevan la mayoría de ordenadores y bastantes móviles de gama media— funciona con una retroiluminación constante detrás de toda la superficie. Esa luz de fondo está encendida a la misma intensidad sin importar si el píxel de delante muestra blanco o negro: lo que cambia es un filtro que bloquea más o menos esa luz según el color. Consecuencia directa: en una pantalla LCD, el modo oscuro no reduce el consumo de forma significativa, porque la parte que más energía gasta —la retroiluminación— sigue encendida igual.

Una pantalla OLED —habitual en móviles de gama alta y cada vez más en portátiles— funciona de forma completamente distinta: cada píxel genera su propia luz de forma independiente. Un píxel negro, literalmente, no emite luz: está apagado. En esta tecnología, cuanto más negro hay en pantalla, menos energía se consume, porque cada píxel oscuro es, de verdad, un píxel que no está gastando electricidad.

Lo que dicen los estudios reales

Investigadores de Purdue University, con financiación de Google, midieron en 2021 el consumo real de aplicaciones populares alternando entre modo claro y oscuro en varios modelos de smartphone con pantalla OLED. El resultado: con el brillo al máximo, el modo oscuro puede reducir el consumo de pantalla hasta en un 60% en algunas apps con mucha superficie blanca. Pero a niveles de brillo moderados —los que la mayoría de gente usa en la práctica—, el ahorro cae a cifras mucho más modestas, de un solo dígito en muchos casos.

Y en un ordenador portátil con pantalla LCD, que sigue siendo la tecnología más común en ese tipo de dispositivo, el ahorro medido es prácticamente nulo. En algunos casos, renderizar interfaces oscuras puede incluso suponer un coste de procesamiento ligeramente mayor que compensa cualquier ahorro teórico.

Entonces, ¿por qué tanta gente jura que nota la diferencia?

Hay una explicación sencilla: mucha gente lleva un móvil con pantalla OLED en el bolsillo, y en ese dispositivo concreto el efecto sí es real y medible, sobre todo con el brillo alto. La confusión aparece cuando esa experiencia se generaliza a cualquier pantalla, incluido el monitor LCD del ordenador de la oficina, donde el efecto prácticamente no existe.

Hay también un fenómeno real, aunque distinto, que se confunde con el ahorro de batería: el modo oscuro reduce la fatiga visual y el deslumbramiento en entornos con poca luz, especialmente de noche. Eso es cierto y es valioso — pero es una cuestión de confort visual, no de eficiencia energética.

Lo que esto significa para cómo diseñamos una web

Ofrecer un modo oscuro en una web —algo que hoy se resuelve de forma sencilla con la media query prefers-color-scheme de CSS, respetando la preferencia que el usuario ya configuró en su sistema— sigue siendo una buena práctica de accesibilidad y de experiencia de usuario. Reduce la fatiga visual en sesiones de lectura larga, respeta la preferencia personal, y en pantallas OLED con brillo alto puede aportar un ahorro de batería real, aunque modesto en el uso cotidiano.

Lo que no deberíamos hacer es venderlo como una medida ambiental significativa. El impacto real de una web en el consumo energético tiene mucho más que ver con el peso de las páginas, el número de peticiones y la eficiencia del hosting —de lo que ya hemos hablado en cómo reducir la huella de carbono de un sitio web— que con el color de fondo de la interfaz.


El modo oscuro merece un sitio en cualquier web moderna, pero por las razones correctas: comodidad visual y respeto a la preferencia del usuario, no como gesto ecológico. Cuando una afirmación técnica suena demasiado simple para ser siempre cierta, normalmente lo es: la respuesta correcta casi siempre empieza con "depende de qué pantalla tengas delante".

Otros artículos sobre desarrollo técnico

Programación, frameworks, herramientas y arquitectura técnica para la web.