Editar fotos 360 e inyectar metadatos

¿Cómo sabemos qué es una foto 360? – Metadatos

Facebook reconoce y procesa las fotos 360 buscando los metadatos específicos de la cámara que se encuentran en las fotos tomadas con cámaras preparadas para 360. Esta información está incluida en las etiquetas de metadatos Exif (formato de archivo de imagen intercambiable) de la foto, y si compartes fotos 360 directamente desde la cámara, Facebook debería procesarlas automáticamente y presentarlas como fotos 360 interactivas.

Sin embargo, cuando los metadatos se han eliminado de las imágenes o nunca existieron en primer lugar, Facebook podría no ser capaz de decir que tu foto es una foto 360. A veces, los metadatos se eliminan durante la edición de la imagen, pero otros flujos de trabajo también pueden eliminar los metadatos de las imágenes. Estas son algunas de las razones más comunes por las que pueden faltar los metadatos:

  • Fotos incrustadas enviadas por correo electrónico (frente a las enviadas por correo electrónico como archivos adjuntos)
  • Fotos exportadas desde ciertos editores de imágenes
  • Fotos cargadas/rebajadas en servicios de alojamiento o para compartir
  • Panoramas creados manualmente (por ejemplo, arte, capturas en el juego, fotos históricas escaneadas)

En estos casos, se deben inyectar los metadatos correctos en tus fotos antes de poder compartirlas como fotos 360.

Hay dos conjuntos de etiquetas de metadatos que Facebook busca para determinar si una foto está en 360:

  1. Metadatos XMP de Photo Sphere
    La mayoría de las cámaras 360 y herramientas de generación de panorámicas incluyen metadatos de Photo Sphere en las fotos guardadas.
    1. Interpretamos los siguientes parámetros, además de los propios documentados aquí: https://developers.facebook.com/docs/graph-api/reference/photo/ – ver spherical_metadata (tocar la flecha para expandir los parámetos JSON y ver la documentación sobre los subparámetros como ProjectionType). Tenga en cuenta que esto no es exactamente lo mismo que la especificación completa vinculada anteriormente.
  2. Para las panorámicas: Marca y modelo de la cámara – usamos esto sólo para interpretar las panorámicas capturadas desde teléfonos móviles como fotos de 360, y apoyamos muchos pero no todos los dispositivos populares.

Inyectar metadatos

Para inyectar metadatos, tendrá que editar las etiquetas XMP en los datos Exif. Aquí hay opciones para hacerlo:

  • Usar un editor Exif basado en la web – Una herramienta excelente y gratuita basada en la web para ver y editar Exif es el eXif.er, que se utiliza en los ejemplos anteriores. El eXif.er le permite cargar; ver, editar y guardar metadatos; y descargar su imagen modificada.
  • Utilizar un editor Exif independiente – Hay muchos editores Exif independientes para Windows y OS X. Los usuarios de Windows pueden utilizar ExifToolGUI, que es gratuito y con todas las funciones. Los usuarios de Mac pueden buscar «exif editor» en la Mac App Store, donde hay algunas opciones de compra.
  • Uso de exiftool (Técnico) – El editor Exif más potente y flexible, especialmente para el procesamiento por lotes de imágenes, es la herramienta de línea de comandos, exiftool.

¿Qué hay que inyectar para una correcta detección como 360?

Fotos 360 completas y esféricas:

Estas utilizan la proyección «equirectangular». Las fotos 360 deben cumplir los siguientes requisitos para que Facebook las procese correctamente:

  • La foto debe tener una relación de aspecto 2:1 relación de aspecto
  • La etiqueta Exif XMP, «ProjectionType=equirectangular»
  • Están por debajo de la resolución y el tamaño de archivo máximos (enumerados a continuación)

La mayoría de los editores Exif orientados a los fotógrafos permiten editar la etiqueta Exif XMP «ProjectionType», pero si eres técnico, puedes utilizar la popular herramienta de línea de comandos, exiftool.

  • exiftool -ProjectionType="equirectangular" photo.jpg
    # 'photo.jpg' is the photo you want to tag

Cuando hayas terminado de editar los metadatos, accede a Facebook en un navegador web de escritorio para realizar la subida.

Panoramas (Avanzado):

Cuando se sube directamente desde un dispositivo móvil, Facebook busca primero los metadatos esféricos. Si no existen, tenemos en cuenta la «marca» y el «modelo» del dispositivo que tomó la foto para saber cómo interpretar correctamente la panorámica (es decir, necesitamos saber hasta qué punto una determinada cantidad de píxeles envuelve nuestro cilindro de la ventana gráfica). Si, por alguna razón, has editado o perdido los metadatos, tienes las siguientes opciones:

  • Editar las etiquetas Exif de marca y modelo

  • exiftool -Make="camera_make" -Model="camera_model" photo.jpg
    # replace 'camera_make' and 'camera_model' with the appropriate values
    # 'photo.jpg' is the photo you want to tag

  • Puede copiar/pegar su panorama sobre un panorama que tenga los metadatos correctos y «Guardar como» un nuevo archivo
  • Utilizar una de las plantillas de photoshop que aparecen a continuación y que coincide aproximadamente con el tamaño del panorama

Plantillas de photoshop: Creación de tus propios gráficos 360 sin inyección de metadatos

Si quieres crear una imagen que tenga los metadatos correctos para ser interpretada como 360, te ofrecemos las siguientes plantillas para ayudarte a empezar.

Plantillas de Photoshop:
https://www.dropbox.com/sh/70mwlh8k0y4rg0g/AACVNV7hvRZtjEKj4DoJMhCba?dl=0

Se pueden utilizar para crear fotos y panorámicas 360 sin inyectar metadatos, ya que están incorporados en la plantilla. Las plantillas de panorámicas cilíndricas se describen por el campo de visión (FOV) horizontal y el FOV vertical, y también hay una plantilla esférica completa (equirectangular) disponible.

Elija la plantilla que más se ajuste a su campo de visión previsto, ajuste su foto a las dimensiones de imagen de la plantilla y utilice «Guardar como…» de Photoshop para guardar un JPG. Vea un ejemplo de vídeo sobre el uso de una de las plantillas de panorama.

Edición de fotos de 360

Puede abrir y editar fotos de 360 en editores comunes.

Consejo profesional: la función «Guardar como» de Adobe Photoshop conserva los metadatos de la cámara, mientras que «Exportar como» y «Guardar para la web» no lo hacen.

Una forma de evitar toda esta discusión sobre los metadatos es simplemente utilizar «Guardar como» en Photoshop.

Recomendaciones sobre la resolución, el tamaño y el formato de las imágenes:

Si está creando su propia foto 360, utilizando hardware o cámaras especiales, o cargando desde software de terceros, se aplican las siguientes directrices de resolución, formato y tamaño.

Tipos de proyección: Aceptamos equirectangular, proyección cubestrip, o cilíndrica (sólo para panorámicas) ejemplo de nuestro formato cubestrip: https://www.dropbox.com/s/qyidmid631t7d0y/cubestrip%281%29.jpg?dl=0

Limitaciones de resolución y tamaño de los archivos:

Las fotos deben tener menos de 30.000 píxeles en cualquier dimensión, y menos de 135.000.000 píxeles de tamaño total. El tamaño de los archivos puede ser de hasta 45 MB (JPEG) o 60 MB (PNG). Recomendamos utilizar JPEG para las fotos de 360 y mantener el tamaño del archivo a menos de 20-30 MB.

Nota: Estos límites son los valores máximos y se aplican a las subidas a través de la web y a las subidas directas a través de la Graph API.

Las subidas a través de móviles tienen limitaciones adicionales aplicadas durante la subida. Si quieres estar más cerca del valor máximo, te recomendamos que subas desde la web.

Debido a consideraciones de ancho de banda, la resolución máxima para el móvil podría estar más cerca de 6k-8k para el borde largo; por lo tanto, podrías seleccionar una imagen más grande en el móvil, pero podría ser redimensionada a este tamaño máximo durante la subida a Facebook.

Inyección de metadatos para panorámicas (Avanzado)

Si prefiere utilizar exiftool para inyectar metadatos de panorámicas cilíndricas, puede utilizar los siguientes comandos:

  • # 120º h_fov, 86º v_fov
  • exiftool -FullPanoWidthPixels=18000 -FullPanoHeightPixels=9000 -CroppedAreaLeftPixels=6000 -CroppedAreaTopPixels=2350 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=4300 -ProjectionType=cylindrical file.jpg
  • # 150º h_fov, 86º v_fov
  • exiftool -FullPanoWidthPixels=14400 -FullPanoHeightPixels=7200 -CroppedAreaLeftPixels=4200 -CroppedAreaTopPixels=1880 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=3440 -ProjectionType=cylindrical file.jpg
  • # 180º h_fov, 86º v_fov
  • exiftool -FullPanoWidthPixels=12000 -FullPanoHeightPixels=6000 -CroppedAreaLeftPixels=3000 -CroppedAreaTopPixels=1567 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=2867 -ProjectionType=cylindrical file.jpg
  • # 240º h_fov, 86º v_fov
  • exiftool -FullPanoWidthPixels=9000 -FullPanoHeightPixels=4500 -CroppedAreaLeftPixels=1500 -CroppedAreaTopPixels=1175 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=2150 -ProjectionType=cylindrical file.jpg
  • # 300º h_fov, 86º v_fov
  • exiftool -FullPanoWidthPixels=7200 -FullPanoHeightPixels=3600 -CroppedAreaLeftPixels=600 -CroppedAreaTopPixels=940 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=1720 -ProjectionType=cylindrical file.jpg
  • # 360º h_fov, 86º v_fov
  • exiftool -FullPanoWidthPixels=6000 -FullPanoHeightPixels=3000 -CroppedAreaLeftPixels=0 -CroppedAreaTopPixels=783 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=1433 -ProjectionType=cylindrical file.jpg
  • # 360º h_fov, 65º v_fov
  • exiftool -FullPanoWidthPixels=6000 -FullPanoHeightPixels=3000 -CroppedAreaLeftPixels=0 -CroppedAreaTopPixels=958 -CroppedAreaImageWidthPixels=6000 -CroppedAreaImageHeightPixels=1083 -ProjectionType=cylindrical file.jpg

Panoramas de teléfonos inteligentes:

Reconocemos las panorámicas de los teléfonos inteligentes más populares, incluyendo los siguientes:

  • Apple iPhone 4S y superior
  • Apple iPad Pro y Mini 4 y superior
  • Los teléfonos Samsung más recientes
  • Muchos teléfonos LG recientes

Solución de problemas:

Hice mi propia foto 360 y seguí sus instrucciones. Por qué mi foto 360 se ve tan extraño?

Facebook honra algunas etiquetas de metadatos que hacen cosas como especificar el campo de visión.

Puedes ver una lista completa de lo que buscamos aquí: https://developers.facebook.com/docs/graph-api/reference/photo/ – ver spherical_metadata (toca la flecha para expandir los parámicos JSON y ver la documentación sobre los subparámetros como ProjectionType)

Asegúrate de que el FOV es consistente con lo que quieres. Utilice uno de los editores de metadatos discutidos anteriormente para comprobar estos valores.

Edición de proyecciones equirectangulares

Usar un editor de imágenes estándar para editar proyecciones equirectangulares puede ser extremadamente difícil. Usted está editando píxeles en un espacio no lineal que contiene una gran cantidad de distorsión. Aquí hay un par de consejos para la edición exitosa.

Software y plugins útiles

Dos adiciones de Adobe Photoshop extremadamente útiles para la edición de fotos 360 son Flexify 2 para Panoramas (plugin de Photoshop) y Domemaster Photoshop Actions Pack.

Edición de la parte superior, inferior o los lados de una proyección equirectangular (como la eliminación de un trípode)

La edición de proyecciones equirectangulares cerca de cualquier borde de la imagen es difícil. La parte superior e inferior de una imagen equirectangular está muy distorsionada, y la imagen realmente se envuelve a través del borde derecho e izquierdo.

Utilicemos uno de los deseos de edición más comunes como ejemplo: la eliminación del trípode. En la parte inferior de esta foto de 360 tomada en la Plaza del Hacker de Facebook hay un trípode:

Plaza del Hacker - Warped

Si se tratara de una imagen normal, sería fácil eliminar el trípode. Pero este es el aspecto de la imagen cuando se abre con un editor de imágenes tradicional:

Hacker Square - Enedited

¡El trípode está deformado en toda la parte inferior de la imagen!

Una solución es girar la foto 360 para que el trípode ya no esté en la parte inferior. El uso de una herramienta como Flexify 2 hace que esto sea fácil. Rotar latitudinalmente en -90 grados pone el trípode en el centro vertical de la imagen. En el centro de la imagen, es fácil eliminar el trípode utilizando herramientas tradicionales como el Pincel Curador.

UI de Photoshop

Una vez que esté satisfecho con sus ediciones, cargue Flexify 2 de nuevo y haga una rotación latitudinal de +90 para que la imagen vuelva a su orientación normal. Exportar como un jpg, inyectar los metadatos adecuados, y ya está listo para compartir a Facebook.

Si desea editar a través de la derecha / izquierda de la costura, puede girar la imagen longitudinalmente para acceder a esa costura, de nuevo, en el centro de su imagen recién transformada. Aquí está una rotación longitudinal de 180 grados de la misma imagen:

Plaza del Hacker - Limpia

Notarás que la orientación de la imagen ha sido rotada exactamente a la mitad; el edificio con la pantalla de Facebook está ahora «detrás» de nosotros. Esto, por cierto, es también una forma de forzar la orientación de visualización inicial. Por defecto, Facebook establece que la vista por defecto es la mitad de la proyección equirectangular. Si quieres que la primera vista de una foto 360 sea algo específico, transforma tu foto hasta que la vista deseada esté justo en el centro.

La herramienta de desplazamiento incorporada en Photoshop («Filtro→Otro→Desplazamiento») también se puede utilizar para girar las imágenes longitudinalmente (deslizándose a izquierda y derecha, envolviendo). En teoría, desplazar una imagen utilizando «Envolver» es una acción sin pérdidas, por lo que puede hacer esto tantas veces como quiera al editar su imagen.

Herramienta de desplazamiento de Photoshop

Cambiar las proyecciones para la edición

Otros tipos de proyección como los mapas de cubos podrían ser más adecuados para la edición convencional de imágenes. Existen varias herramientas que pueden convertir de equirectangular a cubemap, pero muy pocas pueden convertir de cubemaps a equirectangular. Una de estas herramientas es vrProjector, que se puede utilizar para convertir de ida y vuelta entre los dos.

Cubemap de 360
Un cubemap convertido por vrProjector podría ser utilizado para la edición de fotos de 360

Notas finales sobre la edición en 360

En general, puede utilizar las herramientas diseñadas para la manipulación del panorama para transformar las proyecciones equirectangulares en otras proyecciones que podrían ser más fáciles de editar. Cuando hagas esto, ten en cuenta que tales transformaciones tienen el potencial de ser destructivas para los datos, y podrías estar degradando la calidad final de tu foto 360. Tenga cuidado al hacer tales transformaciones!

Deja un comentario