Editing 360 Photos & Injecting Metadata

Come facciamo a sapere cos’è una 360 Photo? – Metadata

Facebook riconosce ed elabora le foto a 360 cercando i metadati specifici delle foto scattate con fotocamere a 360. Queste informazioni sono incorporate nei tag dei metadati Exif (Exchangeable image file format) delle foto, e se stai condividendo foto a 360 direttamente dalla fotocamera, Facebook dovrebbe elaborarle automaticamente e presentarle come foto interattive a 360.

Tuttavia, quando i metadati sono stati rimossi dalle foto o non sono mai esistiti, Facebook potrebbe non essere in grado di dire che la tua foto è una foto a 360. A volte, i metadati vengono rimossi durante l’editing dell’immagine, ma anche altri flussi di lavoro possono rimuovere i metadati dalle immagini. Ecco alcune ragioni comuni per cui i metadati potrebbero mancare:

  • Foto inviate per e-mail, incorporate (rispetto alle e-mail come allegati)
  • Foto esportate da alcuni editor di immagini
  • Foto caricate/riscaricate su servizi di hosting o condivisione
  • Panorami creati manualmente (ad es, arte, catture di giochi, foto storiche scannerizzate)

In questi casi, i metadati corretti devono essere iniettati nelle tue foto prima che possano essere condivise come foto a 360.

Ci sono due serie di tag di metadati che Facebook cerca per determinare se una foto è a 360:

  1. Metadati XMP Photo Sphere
    La maggior parte delle fotocamere 360 e degli strumenti di generazione di panorami includono metadati Photo Sphere nelle foto salvate.
    1. Interpretiamo i seguenti parametri, oltre ai nostri parametri documentati qui: https://developers.facebook.com/docs/graph-api/reference/photo/ – vedi spherical_metadata (tocca la freccia per espandere i parametri JSON e vedere la documentazione sui sottoparametri come ProjectionType). Nota che questo non è esattamente lo stesso della specifica completa linkata sopra.
  2. Per i panorami: Marca e modello della fotocamera – usiamo questo solo per interpretare i panorami catturati dai telefoni cellulari come foto a 360, e supportiamo molti ma non tutti i dispositivi popolari.

Iniezione di metadati

Per iniettare metadati, dovrai modificare i tag XMP nei dati Exif. Ecco le opzioni per farlo:

  • Usare un editor Exif basato sul web – Un eccellente e gratuito strumento basato sul web per visualizzare e modificare Exif è eXif.er, che è usato negli esempi sopra. L’eXif.er ti permette di caricare; visualizzare, modificare e salvare i metadati; e scaricare l’immagine modificata.
  • Usare un editor Exif standalone – Ci sono molti editor Exif standalone per Windows e OS X. Gli utenti Windows possono usare ExifToolGUI, che è gratuito e completo. Gli utenti Mac possono cercare “exif editor” nel Mac App Store, dove ci sono alcune opzioni per l’acquisto.
  • Usare exiftool (tecnico) – L’editor Exif più potente e flessibile, specialmente per l’elaborazione in batch delle immagini, è lo strumento a riga di comando, exiftool.

Cosa devi iniettare per un corretto rilevamento come 360?

Foto 360 complete e sferiche:

Queste usano la proiezione “equirettangolare”. Le foto 360 devono soddisfare i seguenti requisiti affinché Facebook le elabori correttamente:

  • La foto deve avere un rapporto di aspetto 2:1 aspect ratio
  • Il tag Exif XMP, “ProjectionType=equirectangular”
  • Sono al di sotto della risoluzione massima e delle dimensioni del file (elencate sotto)

La maggior parte degli editor Exif dedicati ai fotografi permettono la modifica del tag Exif XMP “ProjectionType,” ma se sei tecnico, puoi usare il popolare strumento a riga di comando, exiftool.

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

Quando hai finito di modificare i metadati, accedi a Facebook in un browser web desktop per fare il tuo upload.

Panorami (Avanzato):

Quando si carica direttamente da un dispositivo mobile, Facebook cerca prima i metadati sferici. Se questi sono assenti, consideriamo la “marca” e il “modello” del dispositivo che ha scattato la foto per capire come interpretare correttamente il panorama (cioè, abbiamo bisogno di sapere quanto lontano una data quantità di pixel avvolge il nostro cilindro di viewport). Se, per qualche motivo, avete modificato o comunque perso i metadati, avete le seguenti opzioni:

  • Modificare i tag Exif di marca e modello

  • 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

  • Puoi copiare/incollare il tuo panorama sopra un panorama che ha i metadati corretti e “Salva con nome” un nuovo file
  • Usa uno dei modelli di photoshop qui sotto che corrisponde approssimativamente alle dimensioni del panorama

Photoshop Templates: Creare la tua grafica a 360 senza iniezione di metadati

Se vuoi creare un’immagine che abbia i metadati corretti per essere interpretata come 360, ti offriamo i seguenti modelli per aiutarti ad iniziare.

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

Questi possono essere usati per creare foto e panorami 360 senza iniezione di metadati, poiché sono incorporati nel modello. I modelli di panorama cilindrico sono descritti dal campo visivo orizzontale (FOV) e verticale FOV, e c’è anche un modello completamente sferico (equirettangolare) disponibile.

Scegliete il modello che più corrisponde al vostro campo visivo, conformate la vostra immagine alle dimensioni dell’immagine del modello e usate “Salva con nome…” di Photoshop per salvare un JPG. Guarda un esempio video dell’uso di uno dei modelli panoramici.

Modificare le foto a 360

Puoi aprire e modificare le foto a 360 in comuni editor.

Pro tip: la funzione “Salva con nome” di Adobe Photoshop conserva i metadati della fotocamera, mentre “Esporta con nome” e “Salva per il web” non lo fanno.

Un modo per bypassare tutta questa discussione sui metadati è semplicemente usare “Salva con nome” in Photoshop.

Risoluzione dell’immagine, dimensioni e raccomandazioni sul formato:

Se crei le tue foto a 360, usando hardware o fotocamere speciali o caricandole da software di terze parti, si applicano le seguenti linee guida su risoluzione, formato e dimensioni.

Tipi di proiezione: Accettiamo proiezioni equirettangolari, cubestrip, o cilindriche (solo per i panorami) esempio del nostro formato cubestrip: https://www.dropbox.com/s/qyidmid631t7d0y/cubestrip%281%29.jpg?dl=0

Limitazioni di risoluzione e dimensione del file:

Le foto dovrebbero essere inferiori a 30.000 pixel in qualsiasi dimensione, e inferiori a 135.000.000 pixel in dimensione totale. Le dimensioni dei file potrebbero essere fino a 45 MB (JPEG) o 60 MB (PNG). Raccomandiamo di usare JPEG per 360 foto e di mantenere la dimensione del file inferiore a 20-30 MB.

Nota: Questi limiti sono i valori massimi e si applicano ai caricamenti web e ai caricamenti diretti di Graph API.

I caricamenti da mobile hanno ulteriori limitazioni applicate durante il caricamento. Se vuoi essere più vicino al valore massimo ti consigliamo di caricare da web.

A causa di considerazioni sulla larghezza di banda la risoluzione massima per i cellulari potrebbe essere più vicina a 6k-8k per i bordi lunghi; quindi, potresti selezionare un’immagine più grande su cellulare, ma potrebbe essere ridimensionata a questa dimensione massima durante il caricamento su Facebook.

Iniezione di metadati per i panorami (Avanzato)

Se preferisci usare exiftool per iniettare i metadati del panorama cilindrico, puoi usare i seguenti comandi:

  • # 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

Panorami per smartphone:

Riconosciamo i panorami dai più popolari smartphone, inclusi i seguenti:

  • Apple iPhone 4S e superiori
  • Apple iPad Pro e Mini 4 e superiori
  • I telefoni Samsung più recenti
  • Molti telefoni LG recenti

Risoluzione dei problemi:

Ho fatto la mia foto a 360 e ho seguito le vostre istruzioni. Perché la mia foto a 360 ha un aspetto così strano?

Facebook rispetta alcuni tag di metadati che fanno cose come specificare il campo visivo.

Puoi vedere una lista completa di ciò che cerchiamo qui: https://developers.facebook.com/docs/graph-api/reference/photo/ – vedi spherical_metadata (tocca la freccia per espandere i parametri JSON e vedere la documentazione sui sottoparametri come ProjectionType)

Assicurati che il FOV sia coerente con quello che vuoi. Usa uno degli editor di metadati discussi sopra per controllare questi valori.

Modificare proiezioni equirettangolari

Utilizzare un editor di immagini standard per modificare proiezioni equirettangolari può essere estremamente impegnativo. Stai modificando i pixel in uno spazio non lineare che contiene molte distorsioni. Ecco un paio di suggerimenti per una modifica di successo.

Software e plugin utili

Due aggiunte estremamente utili di Adobe Photoshop per la modifica di foto a 360 sono Flexify 2 for Panoramas (plugin di Photoshop) e Domemaster Photoshop Actions Pack.

Modificare la parte superiore, inferiore o i lati di una proiezione equirettangolare (come rimuovere un treppiede)

Modificare proiezioni equirettangolari vicino a qualsiasi bordo dell’immagine è difficile. La parte superiore e inferiore di un’immagine equirettangolare è molto distorta, e l’immagine si avvolge effettivamente attraverso il bordo destro e sinistro.

Utilizziamo uno dei desideri di modifica più comuni come esempio: la rimozione di un treppiede. In fondo a questa foto 360 scattata a Hacker Square di Facebook c’è un treppiede:

Hacker Square - Warped

Se questa fosse un’immagine normale, sarebbe facile rimuovere il treppiede. Ma ecco come appare l’immagine quando viene aperta usando un editor di immagini tradizionale:

Hacker Square - Enedited

Il treppiede è deformato su tutto il fondo dell’immagine!

Una soluzione è quella di ruotare la foto a 360 in modo che il treppiede non sia più in basso. Usare uno strumento come Flexify 2 rende questo facile. Ruotando latitudinalmente di -90 gradi si mette il treppiede nel mezzo verticale dell’immagine. Al centro dell’immagine, è facile rimuovere il treppiede usando strumenti tradizionali come il pennello curativo.

Photoshop UI

Una volta che sei soddisfatto delle tue modifiche, carica nuovamente Flexify 2 e fai una rotazione latitudinale di +90 per riportare l’immagine all’orientamento normale. Esporta come jpg, inietta i metadati appropriati e sei pronto a condividere su Facebook.

Se vuoi modificare attraverso la cucitura destra/sinistra, puoi ruotare la tua immagine longitudinalmente per avere accesso a quella cucitura, di nuovo, al centro della tua immagine appena trasformata. Ecco una rotazione longitudinale di 180 gradi della stessa immagine:

Hacker Square - Clean

Si noterà che l’orientamento dell’immagine è stato ruotato esattamente a metà; l’edificio con il display di Facebook è ora “dietro”. Questo, per inciso, è anche un modo per forzare l’orientamento iniziale della visualizzazione. Per impostazione predefinita, Facebook imposta la vista di default al centro della proiezione equirettangolare. Se volete che la prima vista di una foto a 360 sia qualcosa di specifico, trasformate la vostra immagine fino a che la vista desiderata sia proprio al centro.

Lo strumento offset incorporato di Photoshop (“Filtro→Altro→Offset”) può anche essere usato per ruotare le immagini longitudinalmente (scorrendo a sinistra e a destra, avvolgendosi). In teoria, l’offset di un’immagine usando “Wrap Around” è un’azione senza perdite, quindi puoi farlo tutte le volte che vuoi quando modifichi la tua immagine.

Strumento Offset di Photoshop

Cambiare le proiezioni per l’editing

Altri tipi di proiezione come le cubemaps potrebbero essere più adatti all’editing convenzionale delle immagini. Ci sono vari strumenti là fuori che possono convertire da equirettangolare a cubemap, ma molto pochi possono convertire da cubemaps di nuovo a equirettangolare. Uno di questi strumenti è vrProjector, che può essere usato per convertire avanti e indietro tra i due.

360 Cubemap
Una cubemap convertita da vrProjector potrebbe essere usata per modificare foto a 360

Note finali sull’editing a 360

In generale, puoi usare strumenti progettati per la manipolazione del panorama per trasformare proiezioni equirettangolari in altre proiezioni che potrebbero essere più adatte all’editing. Quando lo fai, sii consapevole che tali trasformazioni possono essere potenzialmente distruttive per i dati, e potresti degradare la qualità finale della tua foto a 360. Fai attenzione quando fai queste trasformazioni!

Lascia un commento