← Blog
5 min de lectura

Por qué tu foto sale girada al subirla

¿La foto se ve derecha en el móvil y tumbada al subirla? Qué hace el indicador de orientación Exif y cómo distinguir píxeles girados de una etiqueta.

  • exif orientation
  • photo rotation
  • product photography
  • image upload
  • jpeg
  • webp
  • marketplace listings
  • file metadata
Por qué tu foto sale girada al subirla

Fotografías un producto con el móvil, giras el teléfono, pulsas el disparador. En la pantalla se ve derecha. En el formulario de subida del marketplace llega tumbada de lado — el mismo archivo, un cuarto de vuelta de más.

Esto no es que tu teléfono se haya estropeado. Es muy posible que la imagen esté tumbada dentro del archivo, y que lo esté desde que la hiciste. Tu teléfono te la muestra derecha de todos modos. El formulario de subida, no.

Tu archivo está en uno de dos estados, y distinguirlos cuesta una sola comprobación.

La cámara guarda la imagen tal como la vio el sensor

Un sensor de imagen es un rectángulo fijo atornillado al teléfono; no gira cuando giras tú. Haz una foto vertical y seguirá grabando un encuadre horizontal, con tu sujeto tumbado de lado dentro de él.

Primer plano del cuerpo de una cámara sin el objetivo, que deja a la vista la montura metálica abierta, más ancha que alta

Muchas cámaras evitan reescribir millones de píxeles y en su lugar escriben un número pequeño en los metadatos que significa "gira esto un cuarto de vuelta antes de mostrarlo". Otras rotan los píxeles al guardar y marcan el archivo como ya derecho — por eso dos teléfonos se comportan de forma distinta con la misma toma. En un JPEG ese número es la etiqueta Exif 274, Orientation, y también puede describir encuadres reflejados, no solo giros.

Unos lectores respetan el indicador, otros lo ignoran

Los navegadores modernos sí lo leen. La propiedad CSS image-orientation tiene como valor inicial from-image; MDN lo dice sin rodeos: "La información EXIF contenida en la imagen se usa para rotar la imagen adecuadamente". Eso funciona en todos los navegadores desde abril de 2020.

Cualquier cosa que no sea un navegador todavía puede ignorar la etiqueta. Los estándares web han convergido en respetarla, pero un montón de decodificadores de servidor, generadores de miniaturas y bibliotecas de imágenes se escribieron antes de esa convergencia y no miran la etiqueta en absoluto — y nada les obliga a mirarla.

Así que la pregunta nunca es "¿está mi foto tumbada?" sino "¿leyó la etiqueta el programa que la está mostrando?". Tu galería sí. El generador de miniaturas de un marketplace puede que no.

Rotar en la galería puede limitarse a reescribir el indicador

Pulsa el botón de rotar y el resultado depende de la aplicación. Pueden ocurrir dos cosas muy distintas.

Una mano sostiene un smartphone al aire libre, con la pantalla mostrando una aplicación de galería llena de fotos

  • La aplicación cambia el valor de orientación y deja los datos de píxel intactos. Instantáneo, sin pérdidas e invisible para todo lo que ignore el indicador: tu foto sigue tumbada dentro del archivo.
  • La aplicación recodifica: decodifica los píxeles, los gira y escribe un archivo nuevo con el indicador restablecido a 1. La rotación queda grabada y sobrevive en cualquier parte. Para un PNG o un WebP sin pérdidas eso no cuesta nada; para un JPEG suele costar una generación de recodificación, que vale la pena pagar una vez y no conviene repetir.

Qué camino toma una aplicación no es algo que puedas deducir del botón, y ha cambiado entre versiones de la misma aplicación. No des nada por hecho; comprueba el resultado.

Peor es una herramienta que gira los píxeles pero copia los metadatos antiguos sin tocarlos: el indicador sigue diciendo "gira", los píxeles ya lo están, y los lectores que lo respetan giran la foto dos veces.

Cómo saber en qué estado está tu archivo

Esto no se resuelve mirando con más atención, sino comprobando algo que no sea una vista previa.

Unas manos sostienen un smartphone con fotografías delante de un portátil abierto cuya pantalla muestra el mismo tipo de galería de fotos en un navegador

  • Compara la forma con los números. Si una foto que parece vertical figura como más ancha que alta en las propiedades del archivo, los píxeles son horizontales y el trabajo lo está haciendo un indicador. Algunos visores corrigen también esos números, así que una discrepancia demuestra más que una coincidencia.
  • Lee el indicador directamente. Los navegadores, los visores de escritorio y las miniaturas del explorador de archivos hoy respetan casi todos la etiqueta, así que que coincidan entre sí no demuestra nada. Trabaja sobre una copia, nunca sobre el original, y ábrela en un visor de Exif para leer Orientation directamente. Cualquier valor distinto de 1, que a menudo se muestra como "Normal", significa que el trabajo lo hace un indicador y que los píxeles no están derechos.

Resuelve la orientación antes de que nada más toque el archivo

remover.bg acepta PNG, JPEG y WebP de hasta 25 MB y devuelve un archivo nuevo sin el fondo. Es un eliminador de fondos, no un editor de fotos: rotar es cosa del editor de fotos de tu móvil o de tu herramienta de diseño, antes de subir nada.

Ese orden importa porque estás creando un archivo nuevo. Tanto PNG como el contenedor WebP tienen dónde guardar Exif — la especificación WebP de Google admite metadatos "en chunks 'EXIF' o 'XMP '" —, pero que el editor en el que rotaste escriba alguno en su exportación es decisión de ese editor, no tuya. Graba la rotación en los píxeles y no quedará ningún indicador que perder. Nuestras notas sobre exportar WebP directamente cubren ese formato.

Un orden que funciona:

  1. Rota en un editor y exporta una copia, en lugar de pulsar rotar en la galería.
  2. Comprueba el valor de Orientation en esa copia exportada.
  3. Súbela para quitar el fondo.
  4. Coloca el recorte sobre un color sólido o sobre tu propia foto, con una sombra proyectada si necesita asentarse sobre una superficie.

Los equipos que mueven volumen a través de la API HTTP para quitar el fondo por lotes deberían normalizar antes la orientación dentro del propio flujo: una fuente tumbada se convierte en un recorte tumbado, mil veces seguidas. La orientación queda fuera de las reglas de fondo de nuestra guía de imágenes de Amazon, pero un anuncio tumbado parece descuidado por muy bien que hayas hecho todo lo demás.

El hábito que vale la pena adquirir

Fíate del archivo, no de la vista previa. Rota exportando y lee Orientation una sola vez sobre la copia; entonces la foto estará derecha en un navegador, en un generador de miniaturas y en la cola de una imprenta por igual.

Sigue leyendo