Modification des photos 360 et injection de métadonnées

Comment savoir ce qu’est une photo 360 ? – Métadonnées

Facebook reconnaît et traite les photos 360 en recherchant les métadonnées spécifiques à l’appareil photo que l’on trouve dans les photos prises à l’aide d’appareils photo 360-ready. Ces informations sont intégrées dans les balises de métadonnées Exif (Exchangeable image file format) de la photo, et si vous partagez des photos 360 directement à partir de l’appareil photo, Facebook devrait automatiquement les traiter et les présenter comme des photos 360 interactives.

Cependant, lorsque les métadonnées ont été dépouillées des photos ou n’ont jamais existé en premier lieu, Facebook peut ne pas être en mesure de dire que votre photo est une photo 360. Parfois, les métadonnées sont supprimées pendant l’édition de l’image, mais d’autres flux de travail peuvent également supprimer les métadonnées des photos. Voici quelques raisons courantes pour lesquelles les métadonnées peuvent être manquantes :

• Envoi par courrier électronique, photos intégrées (par opposition à l’envoi par courrier électronique en tant que pièces jointes)
• Photos exportées à partir de certains éditeurs d’images
• Photos téléchargées/retéléchargées sur des services d’hébergement ou de partage
• Panoramas créés manuellement (ex, art, captures dans un jeu, photos historiques scannées)

Dans ces cas, les métadonnées correctes doivent être injectées dans vos photos avant qu’elles puissent être partagées en tant que photos 360.

Il existe deux ensembles de balises de métadonnées que Facebook recherche pour déterminer si une photo est en 360 :

1. Métadonnées XMP Photo Sphere
   La plupart des appareils photo 360 et des outils de génération de panoramas incluent des métadonnées Photo Sphere dans les photos enregistrées.
   1. Nous interprétons les paramètres suivants, en plus de nos propres paramètres documentés ici : https://developers.facebook.com/docs/graph-api/reference/photo/ – voir spherical_metadata (tapez sur la flèche pour développer les paramètres JSON et voir la documentation sur les sous-paramètres comme ProjectionType). Notez que ce n’est pas exactement la même chose que la spécification complète liée ci-dessus.
2. Pour les panoramas : Marque et modèle de l’appareil photo – nous l’utilisons uniquement pour interpréter les panoramas capturés à partir de téléphones mobiles comme des photos 360, et nous prenons en charge de nombreux appareils populaires, mais pas tous.

Injection de métadonnées

Pour injecter des métadonnées, vous devrez modifier les balises XMP dans les données Exif. Voici les options pour le faire :

• Utiliser un éditeur Exif basé sur le Web – Un excellent outil gratuit basé sur le Web pour visualiser et éditer Exif est l’eXif.er, qui est utilisé dans les exemples ci-dessus. L’eXif.er vous permet de télécharger ; de visualiser, de modifier et d’enregistrer les métadonnées ; et de télécharger votre image modifiée.
• Utilisation d’un éditeur Exif autonome – Il existe de nombreux éditeurs Exif autonomes pour Windows et OS X. Les utilisateurs de Windows peuvent utiliser ExifToolGUI, qui est gratuit et doté de toutes les fonctionnalités. Les utilisateurs de Mac peuvent rechercher « exif editor » dans le Mac App Store, où il y a quelques options d’achat.
• Utilisation d’exiftool (technique) – L’éditeur Exif le plus puissant et le plus souple, notamment pour le traitement par lots des images, est l’outil en ligne de commande, exiftool.

Qu’est-ce que vous devez injecter pour une détection correcte en tant que 360 ?

Photos 360 complètes et sphériques :

Elles utilisent la projection « équirectangulaire ». Les photos 360 doivent remplir les conditions suivantes pour que Facebook les traite correctement :

• La photo doit avoir un rapport de 2 :1
• La balise Exif XMP, « ProjectionType=equirectangular »
• Elles sont inférieures à la résolution et à la taille de fichier maximales (listées ci-dessous)

La plupart des éditeurs Exif ciblés par les photographes permettent de modifier la balise Exif XMP « ProjectionType », mais si vous êtes technique, vous pouvez utiliser l’outil en ligne de commande populaire, exiftool.

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

Quand vous avez fini de modifier les métadonnées, accédez à Facebook dans un navigateur Web de bureau pour effectuer votre téléchargement.

Panoramas (avancé):

Lorsque vous téléchargez directement à partir d’un appareil mobile, Facebook recherche d’abord les métadonnées sphériques. Si celles-ci sont absentes, nous prenons en compte la « marque » et le « modèle » de l’appareil qui a pris la photo pour comprendre comment interpréter correctement le panorama (c’est-à-dire que nous devons savoir sur quelle distance une quantité donnée de pixels s’enroule autour de notre cylindre de visualisation). Si, pour une raison quelconque, vous avez modifié ou perdu les métadonnées, vous avez les options suivantes :

• Éditer les balises Exif de marque et de modèle

• 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

• Peut copier/coller votre panorama par-dessus un panorama qui a les métadonnées correctes et « Enregistrer sous » un nouveau fichier
• Utiliser l’un des modèles photoshop ci-dessous qui correspond à peu près à la taille du panorama

Modèles photoshop : Créer vos propres graphiques 360 sans injection de métadonnées

Si vous voulez créer une image qui a les métadonnées correctes pour être interprétée comme 360, nous offrons les modèles suivants pour vous aider à démarrer.

Modèles Photoshop:
https://www.dropbox.com/sh/70mwlh8k0y4rg0g/AACVNV7hvRZtjEKj4DoJMhCba?dl=0

Ils peuvent être utilisés pour créer des photos et des panoramas 360 sans injecter de métadonnées, car elles sont intégrées au modèle. Les modèles de panoramas cylindriques sont décrits par le champ de vision horizontal (FOV) et le FOV vertical, et il existe également un modèle sphérique complet (équirectangulaire).

Choisissez le modèle qui correspond le plus à votre champ de vision prévu, conformez votre image aux dimensions de l’image du modèle et utilisez la fonction « Enregistrer sous… » de Photoshop pour enregistrer un JPG. Voir un exemple vidéo d’utilisation d’un des modèles de panorama.

Modification de photos 360

Vous pouvez ouvrir et modifier des photos 360 dans les éditeurs courants.

Conseil de pro : la fonction « Enregistrer sous » d’Adobe Photoshop préserve les métadonnées de l’appareil photo, alors que « Exporter sous » et « Enregistrer pour le Web » ne le font pas.

Une façon de contourner toute cette discussion sur les métadonnées est de simplement utiliser « Enregistrer sous » dans Photoshop.

Recommandations en matière de résolution, de taille et de format des images :

Si vous créez votre propre photo 360, si vous utilisez du matériel ou des caméras spéciales, ou si vous téléchargez à partir d’un logiciel tiers, les directives suivantes en matière de résolution, de format et de taille s’appliquent.

Types de projection : Nous acceptons la projection équirectangulaire, cubestrip, ou cylindrique (pour les panoramas uniquement) exemple de notre format cubestrip : https://www.dropbox.com/s/qyidmid631t7d0y/cubestrip%281%29.jpg?dl=0

Les limites de résolution et de taille des fichiers :

Les photos devraient avoir moins de 30 000 pixels dans n’importe quelle dimension, et moins de 135 000 000 pixels en taille totale. La taille des fichiers peut atteindre 45 Mo (JPEG) ou 60 Mo (PNG). Nous recommandons d’utiliser JPEG pour les photos 360 et de garder la taille du fichier inférieure à 20-30 Mo.

Note : Ces limites sont les valeurs maximales et s’appliquent aux téléchargements web et aux téléchargements directs de l’API Graph.

Les téléchargements mobiles ont des limitations supplémentaires appliquées pendant le téléchargement. Si vous voulez vous rapprocher de la valeur maximale, nous vous recommandons de télécharger à partir du web.

En raison de considérations liées à la bande passante, la résolution maximale pour le mobile pourrait être plus proche de 6k-8k pour le bord long ; par conséquent, vous pourriez sélectionner une image plus grande sur le mobile, mais elle pourrait être redimensionnée à cette taille maximale pendant le téléchargement vers Facebook.

Injection de métadonnées pour les panoramas (Avancé)

Si vous préférez utiliser exiftool pour injecter des métadonnées de panoramas cylindriques, vous pouvez utiliser les commandes suivantes :

• # 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 téléphones intelligents :

Nous reconnaissons les panoramas des téléphones intelligents populaires, notamment les suivants :

• Apple iPhone 4S et plus
• Apple iPad Pro et Mini 4 et plus
• Les téléphones Samsung les plus récents
• Plusieurs téléphones LG récents

Dépannage:

J’ai fait ma propre photo 360 et suivi vos instructions. Pourquoi ma photo 360 a-t-elle l’air si étrange ?

Facebook honore certaines balises de métadonnées qui font des choses comme spécifier le champ de vision.

Vous pouvez voir une liste complète de ce que nous recherchons ici : https://developers.facebook.com/docs/graph-api/reference/photo/ – voir spherical_metadata (tapez sur la flèche pour développer les paramètres JSON et voir la documentation sur les sous-paramètres comme ProjectionType)

Vérifiez que le FOV est conforme à ce que vous voulez. Utilisez l’un des éditeurs de métadonnées discutés ci-dessus pour vérifier ces valeurs.

Édition de projections équirectangulaires

L’utilisation d’un éditeur d’images standard pour éditer des projections équirectangulaires peut être extrêmement difficile. Vous éditez des pixels dans un espace non linéaire qui contient beaucoup de distorsions. Voici quelques conseils pour une édition réussie.

Les logiciels et plugins utiles

Deux ajouts Adobe Photoshop extrêmement utiles pour l’édition de photos 360 sont Flexify 2 for Panoramas (plugin Photoshop) et Domemaster Photoshop Actions Pack.

Éditer le haut, le bas ou les côtés d’une projection équirectangulaire (comme retirer un trépied)

Éditer des projections équirectangulaires près de toute frontière d’image est difficile. Le haut et le bas d’une image équirectangulaire sont très déformés, et l’image s’enroule en fait sur la frontière droite et gauche.

Utilisons l’un des désirs d’édition les plus courants comme exemple : la suppression d’un trépied. Tout en bas de cette photo 360 prise au Hacker Square de Facebook se trouve un trépied :

S’il s’agissait d’une image normale, il serait facile de supprimer le trépied. Mais voici à quoi ressemble l’image lorsqu’elle est ouverte à l’aide d’un éditeur d’images traditionnel :

Le trépied est déformé sur tout le bas de l’image !

Une solution consiste à faire pivoter la photo 360 de façon à ce que le trépied ne soit plus en bas. L’utilisation d’un outil comme Flexify 2 rend cette opération facile. Une rotation latitudinale de -90 degrés place le trépied au milieu vertical de l’image. Au milieu de l’image, il est facile de supprimer le trépied à l’aide d’outils traditionnels comme le pinceau de guérison.

Une fois que vous êtes satisfait de vos modifications, chargez à nouveau Flexify 2 et effectuez une rotation latitudinale de +90 pour que l’image retrouve son orientation normale. Exportez en tant que jpg, injectez les métadonnées appropriées, et vous êtes prêt à partager sur Facebook.

Si vous voulez éditer à travers la couture droite/gauche, vous pouvez faire pivoter votre image longitudinalement pour avoir accès à cette couture, encore une fois, au milieu de votre image nouvellement transformée. Voici une rotation longitudinale de 180 degrés de la même image:

Vous remarquerez que l’orientation de l’image a été tournée exactement de moitié ; le bâtiment avec l’affichage Facebook est maintenant « derrière » nous. C’est d’ailleurs aussi un moyen de forcer l’orientation initiale de la visualisation. Par défaut, Facebook définit la vue par défaut comme étant le milieu de la projection équirectangulaire. Si vous voulez que la première vue d’une photo 360 soit quelque chose de spécifique, transformez votre image jusqu’à ce que la vue souhaitée soit en plein milieu.

L’outil de décalage intégré de Photoshop (« Filtre→Autre→Décalage ») peut également être utilisé pour faire pivoter des images longitudinalement (glissement à gauche et à droite, enveloppement). En théorie, le décalage d’une image à l’aide de « Wrap Around » est une action sans perte, donc vous pouvez le faire aussi souvent que vous le souhaitez lors de l’édition de votre image.

Changer de projection pour l’édition

D’autres types de projection comme les cubemaps pourraient être plus adaptés à l’édition d’images conventionnelles. Il existe divers outils qui peuvent convertir d’équirectangulaire en cubemaps, mais très peu peuvent convertir des cubemaps en équirectangulaire. Un de ces outils est vrProjector, qui peut être utilisé pour convertir dans les deux sens.

Notes finales sur l’édition en 360

En général, vous pouvez utiliser des outils conçus pour la manipulation de panoramas pour transformer des projections équirectangulaires en d’autres projections qui pourraient être plus faciles à éditer. Lorsque vous faites cela, soyez conscient que de telles transformations ont le potentiel d’être destructrices pour les données, et que vous pourriez dégrader la qualité finale de votre photo 360. Soyez prudent lorsque vous effectuez de telles transformations !