Hoe weten we wat een 360-foto is? – Metadata
Facebook herkent en verwerkt 360-foto’s door te zoeken naar cameraspecifieke metadata die te vinden zijn in foto’s die zijn gemaakt met 360-ready camera’s. Deze informatie is opgenomen in de Exif-metadatatags (Exchangeable Image File Format) van de foto’s. Als u 360-foto’s rechtstreeks van de camera deelt, zou Facebook ze automatisch moeten verwerken en presenteren als interactieve 360-foto’s.
Als de metadata echter van de foto’s zijn verwijderd of als ze nooit hebben bestaan, kan Facebook mogelijk niet zien dat uw foto een 360-foto is. Soms worden metadata gestript tijdens het bewerken van afbeeldingen, maar ook andere workflows kunnen metadata van foto’s strippen. Hier zijn enkele veelvoorkomende redenen waarom metadata kan ontbreken:
- Gemailde, ingesloten foto’s (vs e-mailen als bestandsbijlagen)
- Geëxporteerde foto’s van bepaalde beeldbewerkingsprogramma’s
- Geplaatste / opnieuw gedownloade foto’s op hosting of sharing services
- Panorama’s die handmatig zijn gemaakt (bijv, kunst, in-game opnamen, gescande historische foto’s)
In deze gevallen moet de juiste metadata in uw foto’s worden geïnjecteerd voordat ze kunnen worden gedeeld als 360-foto’s.
Er zijn twee sets metadatatatags waar Facebook naar kijkt om te bepalen of een foto in 360 is:
- Photo Sphere XMP Metadata
De meeste 360-camera’s en panorama-generatieprogramma’s bevatten Photo Sphere metadata in opgeslagen foto’s.- Wij interpreteren de volgende parameters, naast onze eigen parameters die hier zijn gedocumenteerd: https://developers.facebook.com/docs/graph-api/reference/photo/ – zie spherical_metadata (tik op pijl om JSON params uit te vouwen en de documentatie over de subparameters te bekijken, zoals
ProjectionType
). Merk op dat dit niet precies hetzelfde is als de volledige spec waarnaar hierboven wordt verwezen.
- Wij interpreteren de volgende parameters, naast onze eigen parameters die hier zijn gedocumenteerd: https://developers.facebook.com/docs/graph-api/reference/photo/ – zie spherical_metadata (tik op pijl om JSON params uit te vouwen en de documentatie over de subparameters te bekijken, zoals
- Voor Panorama’s: Cameramerk en -model – we gebruiken dit alleen om panorama’s die zijn vastgelegd met mobiele telefoons te interpreteren als 360-foto’s, en ondersteunen veel, maar niet alle populaire apparaten.
Metadata injecteren
Om metadata te injecteren, moet u de XMP tags in de Exif data bewerken. Hier zijn opties om dit te doen:
- Een web-gebaseerde Exif Editor gebruiken – Een uitstekend en gratis web-gebaseerd hulpmiddel voor het bekijken en bewerken van Exif is de eXif.er, die in de bovenstaande voorbeelden wordt gebruikt. Met de eXif.er kunt u uploaden; metadata bekijken, bewerken en opslaan; en uw gewijzigde afbeelding downloaden.
- Een standalone Exif Editor gebruiken – Er zijn veel standalone Exif editors voor Windows en OS X. Windows-gebruikers kunnen ExifToolGUI gebruiken, die gratis is en over alle functies beschikt. Mac-gebruikers kunnen zoeken naar “exif editor” in de Mac App Store, waar een aantal opties te koop zijn.
- Exiftool gebruiken (Technisch) – De meest krachtige en flexibele Exif editor, vooral voor batch verwerking van afbeeldingen, is de command-line tool, exiftool.
Wat moet je injecteren voor een goede detectie als 360?
Volledige, sferische 360 foto’s:
Deze maken gebruik van “equirectangular” projectie. 360-foto’s moeten aan de volgende eisen voldoen, zodat Facebook ze goed kan verwerken:
- De foto moet een beeldverhouding van 2:1 hebben:1 beeldverhouding
- De Exif XMP-tag, “ProjectionType=equirectangular”
- Ze zijn onder de maximale resolutie en bestandsgrootte (hieronder vermeld)
De meeste fotograaf-gerichte Exif-editors staan het bewerken van de Exif XMP-tag “ProjectionType,” toe, maar als je technisch bent, kun je de populaire opdrachtregeltool, exiftool, gebruiken.
- exiftool -ProjectionType="equirectangular" photo.jpg
# 'photo.jpg' is the photo you want to tag
Wanneer u klaar bent met het bewerken van metadata, opent u Facebook in een desktop webbrowser om uw upload te doen.
Panorama’s (geavanceerd):
Wanneer u rechtstreeks vanaf een mobiel apparaat uploadt, zoekt Facebook eerst naar sferische metadata. Als die ontbreken, kijken we naar het “merk” en “model” van het apparaat dat de foto heeft genomen om te begrijpen hoe we het panorama correct kunnen interpreteren (dat wil zeggen, we moeten weten hoe ver een bepaalde hoeveelheid pixels zich rond onze viewport-cilinder wikkelt). Als u om een of andere reden metadata hebt bewerkt of anderszins bent kwijtgeraakt, hebt u de volgende opties:
- Bewerk de Exif merk en model tags
- 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
- Kan uw panorama kopiëren/plakken bovenop een panorama dat de juiste metadata heeft en “Opslaan als” een nieuw bestand
- Gebruik een van de onderstaande photoshop sjablonen die ongeveer overeenkomen met de panorama grootte
Photoshop sjablonen: Zelf 360 afbeeldingen maken zonder metadata-injectie
Als u een afbeelding wilt maken die de juiste metadata heeft om als 360 te worden geïnterpreteerd, bieden wij de volgende sjablonen om u op weg te helpen.
Photoshop-sjablonen:
https://www.dropbox.com/sh/70mwlh8k0y4rg0g/AACVNV7hvRZtjEKj4DoJMhCba?dl=0
Deze kunnen worden gebruikt om 360-foto’s en -panorama’s te maken zonder metadata te injecteren, aangezien deze in het sjabloon is ingebouwd. Cilindrische panoramasjablonen worden beschreven aan de hand van het horizontale gezichtsveld (FOV) en het verticale FOV, en er is ook een volledig sferisch (equirectangular) sjabloon beschikbaar.
Kies het sjabloon dat het meest overeenkomt met uw beoogde gezichtsveld, pas uw foto aan de beeldafmetingen van het sjabloon aan en gebruik “Opslaan als…” van Photoshop om een JPG op te slaan. Bekijk een video-voorbeeld van het gebruik van een van de panoramasjablonen.
Gebruik 360 foto’s
U kunt 360 foto’s openen en bewerken in veelgebruikte editors.
Pro tip: Adobe Photoshop’s “Opslaan als”-functie behoudt de metagegevens van de camera, waar “Exporteren als” en “Opslaan voor web” dat niet doen.
Een manier om al deze metadatadiscussie te omzeilen is door gewoon “Opslaan als” in Photoshop te gebruiken.
Afbeeldingsresolutie, -formaat en -aanbevelingen:
Als u uw eigen 360-foto maakt, speciale hardware of camera’s gebruikt, of uploadt vanuit software van derden, gelden de volgende richtlijnen voor resolutie, formaat en grootte.
Projectietypes: Wij accepteren equirectangular, cubestrip projectie, of cilindrisch (alleen voor panorama’s) voorbeeld van onze cubestrip formaat: https://www.dropbox.com/s/qyidmid631t7d0y/cubestrip%281%29.jpg?dl=0
Bestand resolutie en grootte beperkingen:
Foto’s moeten minder zijn dan 30.000 pixels in elke dimensie, en minder dan 135.000.000 pixels in totale grootte. Bestandsgroottes kunnen oplopen tot 45 MB (JPEG) of 60 MB (PNG). We raden aan JPEG te gebruiken voor 360 foto’s en de bestandsgrootte kleiner te houden dan 20-30 MB.
Note: Deze limieten zijn de maximale waarden en gelden voor web uploads en directe Graph API uploads.
Mobiele uploads hebben extra beperkingen die worden toegepast tijdens het uploaden. Als u dichter bij de maximale waarde wilt zijn, raden wij u aan te uploaden vanaf web.
Omwille van bandbreedteoverwegingen kan de maximale resolutie voor mobiel dichter bij 6k-8k liggen voor lange randen; daarom kunt u een grotere afbeelding selecteren op mobiel, maar deze kan tijdens het uploaden naar Facebook worden verkleind tot deze maximale grootte.
Metagegevens injecteren voor panorama’s (geavanceerd)
Als u liever exiftool gebruikt om metagegevens voor cilindrische panorama’s te injecteren, kunt u de volgende opdrachten gebruiken:
- # 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
Smart Phone Panoramas:
Wij herkennen panorama’s van populaire smart phones, waaronder de volgende:
- Apple iPhone 4S en hoger
- Apple iPad Pro en Mini 4 en hoger
- De meeste recente Samsung-telefoons
- Vele recente LG-telefoons
Troubleshooting:
Ik heb mijn eigen 360-foto gemaakt en uw instructies opgevolgd. Waarom ziet mijn 360-foto er zo vreemd uit?
Facebook honoreert een aantal metadatatatags die dingen doen zoals gezichtsveld aangeven.
U kunt hier een volledige lijst zien van waar we naar zoeken: https://developers.facebook.com/docs/graph-api/reference/photo/ – zie spherical_metadata (tik op pijl om JSON params uit te breiden en zie de documentatie over de subparameters zoals ProjectionType
)
Zorg ervoor dat de FOV in overeenstemming is met wat je wilt. Gebruik een van de hierboven besproken metadata-editors om deze waarden te controleren.
Gelijkhoekige projecties bewerken
Een standaard beeldbewerker gebruiken om gelijkhoekige projecties te bewerken kan een hele uitdaging zijn. Je bent pixels aan het bewerken in een niet-lineaire ruimte die veel vervorming bevat. Hier zijn een paar hints voor succesvolle bewerking.
Bruikbare software en plugins
Twee uiterst nuttige Adobe Photoshop-toevoegingen voor het bewerken van 360-foto’s zijn Flexify 2 for Panoramas (Photoshop-plugin) en Domemaster Photoshop Actions Pack.
De bovenkant, onderkant of zijkanten van een gelijkzijdige projectie bewerken (zoals het verwijderen van een statief)
Het bewerken van gelijkzijdige projecties in de buurt van een beeldrand is moeilijk. De boven- en onderkant van een gelijkzijdige afbeelding wordt sterk vervormd, en het beeld loopt in feite over de rechter- en linkergrens heen.
Laten we een van de meest voorkomende bewerkingswensen als voorbeeld nemen: het verwijderen van een statief. Helemaal onderaan deze 360-foto die is gemaakt op Facebook’s Hacker Square staat een statief:
Als dit een normale foto was, zou het eenvoudig zijn om het statief te verwijderen. Maar zo ziet de foto eruit wanneer deze wordt geopend met een traditionele fotobewerker:
De driepoot is kromgetrokken over de hele onderkant van de foto!
Een oplossing is om de foto 360 zo te draaien dat de driepoot niet meer onderaan staat. Met behulp van een tool als Flexify 2 is dit eenvoudig. Draaien in de breedte met -90 graden zet de driepoot in het verticale midden van de afbeelding. In het midden van de afbeelding kan de driepoot gemakkelijk worden verwijderd met traditionele gereedschappen zoals het genezingspenseel.
Als u tevreden bent met uw bewerkingen, laadt u Flexify 2 opnieuw en roteert u de afbeelding met +90 graden in de breedte om de afbeelding weer in de normale oriëntatie te krijgen. Exporteer als een jpg, injecteer de juiste metadata, en je bent klaar om te delen op Facebook.
Als je over de rechter / linker naad wilt bewerken, kun je je afbeelding in de lengterichting draaien om toegang te krijgen tot die naad, opnieuw, in het midden van je nieuw-getransformeerde afbeelding. Hier ziet u een 180 graden-langsrotatie van dezelfde afbeelding:
U zult zien dat de oriëntatie van de afbeelding precies halverwege is gedraaid; het gebouw met het Facebook-scherm staat nu “achter” ons. Dit is overigens ook een manier om de oorspronkelijke kijkrichting te forceren. Standaard stelt Facebook de standaard weergave in op het midden van de equirectangular projectie. Als u wilt dat de eerste weergave van een 360-foto iets specifieks is, transformeert u uw foto tot de gewenste weergave precies in het midden staat.
Hotoshop’s ingebouwde offset-gereedschap (“Filter→Anderen→Offset”) kan ook worden gebruikt om afbeeldingen in de lengterichting te roteren (naar links en rechts schuiven, omwikkelen). In theorie is het verschuiven van een afbeelding met “Omwikkelen” een actie zonder verlies, dus u kunt dit zo vaak doen als u wilt wanneer u uw afbeelding bewerkt.
Veranderen van projecties voor bewerken
Andere projectietypen, zoals kubuskaarten, zijn misschien meer geschikt voor conventionele beeldbewerking. Er zijn verschillende gereedschappen die van equirectangular naar cubemap kunnen converteren, maar er zijn er maar weinig die van cubemaps terug naar equirectangular kunnen converteren. Eén zo’n tool is vrProjector, dat kan worden gebruikt om heen en weer te converteren tussen de twee.
Eindopmerkingen over bewerken in 360
In het algemeen kunt u tools gebruiken die zijn ontworpen voor panorama manipulatie om equirectangular projecties om te zetten in andere projecties die wellicht meer bewerkings-vriendelijk zijn. Wanneer u dit doet, wees er dan van bewust dat dergelijke transformaties potentieel destructief kunnen zijn voor de gegevens, en dat u de uiteindelijke kwaliteit van uw 360 foto kan aantasten. Wees voorzichtig met zulke transformaties!