Un gag en redes sociales
La miniatura muestra un paisaje y, al abrirla a pantalla completa (interfaz oscura), aparece otra imagen.
Cargando…
Guide
Imagen fantasma combina dos imágenes en un PNG muy especial: en la miniatura (fondo blanco) se ve la imagen de superficie y, al abrirla sobre fondo negro, aparece la imagen oculta. El principio es sencillo: cada píxel solo tiene nivel de gris y opacidad, y el color mostrado = gris del píxel × opacidad + color de fondo × (1 − opacidad); si se comprime el gris de la superficie al rango claro 0,5–1 y el de la imagen oculta al rango oscuro 0–0,5, se resuelve para cada píxel un par de gris y alfa que reconstruye la superficie sobre blanco y la oculta sobre negro. El proceso se ejecuta en el navegador.
Actualizado el 2026-09-093 min read
Imagen fantasma combina dos imágenes en un PNG muy especial: en la miniatura (fondo blanco) se ve la imagen de superficie y, al abrirla sobre fondo negro, aparece la imagen oculta. El principio es sencillo: cada píxel solo tiene nivel de gris y opacidad, y el color mostrado = gris del píxel × opacidad + color de fondo × (1 − opacidad); si se comprime el gris de la superficie al rango claro 0,5–1 y el de la imagen oculta al rango oscuro 0–0,5, se resuelve para cada píxel un par de gris y alfa que reconstruye la superficie sobre blanco y la oculta sobre negro. El proceso se ejecuta en el navegador.
Es la versión visual de la esteganografía de imágenes: la esteganografía esconde texto invisible a simple vista y la imagen fantasma esconde otra imagen que se revela según el color del fondo.
imagen-fantasma.png.| Entrada | Salida | Nota |
|---|---|---|
superficie: foto de un gato blanco; oculta: una foto nocturna; ancho 1200 |
PNG semitransparente en escala de grises de 1200 px de ancho por la altura que marque la superficie |
sobre blanco parece el gato; sobre negro, la escena nocturna |
superficie 16:9, oculta 1:1 |
la oculta se recorta centrada a 16:9 y luego se combina |
recorte tipo cover, sin estirar |
superficie muy oscura y oculta muy clara |
las dos caras salen grises y con poco contraste |
la superficie debe ser clara y la oculta oscura para que se note |
La miniatura muestra un paisaje y, al abrirla a pantalla completa (interfaz oscura), aparece otra imagen.
Una web enseña una ilustración en grises distinta en modo claro y en modo oscuro.
Esconde la respuesta en la imagen oculta para que solo se vea al cambiar a fondo negro.
En una clase, usa las dos vistas previas, blanca y negra, para mostrar cómo funciona la composición alfa.
La plataforma comprimió el PNG a JPG y el canal alfa desapareció. Envíala como «archivo original», o cambia a una plataforma que respete la transparencia del PNG.
No; esta versión solo produce escala de grises, y una imagen fantasma en color necesitaría otro algoritmo.
Que la superficie sea clara en conjunto y la oculta oscura, y que las dos composiciones sean muy distintas; alterna varias veces entre la vista sobre blanco y la vista sobre negro antes de descargar.
Las dos imágenes se combinan píxel a píxel localmente en el navegador y no se suben a ningún servidor; al cerrar la página se liberan de la memoria.
Actualizado el 2026-09-09
Combina dos imágenes en un PNG que muestra una sobre fondo blanco y otra sobre fondo negro
Esta herramienta no está traducida por completo; parte del contenido usa el idioma de origen o uno de reserva.
La imagen fantasma aprovecha la diferencia visual de los píxeles grises semitransparentes según el fondo: color mostrado = gris del píxel × opacidad + color de fondo × (1 − opacidad). Tras comprimir los grises de la imagen de superficie al rango claro y los de la imagen oculta al rango oscuro, se resuelve para cada píxel un par de gris y opacidad que restituye la imagen de superficie sobre blanco y la oculta sobre negro.
Nota: solo funciona si la imagen se envía como PNG original (el canal alfa no debe perderse); si la plataforma la comprime a JPG, el efecto se pierde. El resultado es una imagen en escala de grises; la información de color no se conserva.