Editando Fotos 360 & Injectando Metadados

Como sabemos o que é uma Foto 360? – Metadados

Facebook reconhece e processa fotos 360 procurando metadados específicos de câmeras encontradas em fotos tiradas usando câmeras 360 prontas. Essa informação é incorporada nas etiquetas de metadados Exif (formato de arquivo de imagem intercambiável) da foto, e se você estiver compartilhando fotos 360 diretamente da câmera, o Facebook deve processá-las e apresentá-las automaticamente como fotos 360 interativas.

No entanto, quando os metadados foram retirados das fotos ou nunca existiram em primeiro lugar, o Facebook pode não ser capaz de dizer que a sua foto é uma foto 360. Às vezes, os metadados são removidos durante a edição de imagens, mas outros fluxos de trabalho também podem remover metadados de imagens. Aqui estão algumas razões comuns pelas quais os metadados podem estar faltando:

  • Fotos embutidas, enviadas por e-mail (vs e-mail como anexos de arquivo)
  • Fotos exportadas de certos editores de imagem
  • Fotos carregadas/baixadas em serviços de hospedagem ou compartilhamento
  • Panoramas criados manualmente (ex, arte, capturas no jogo, fotos históricas digitalizadas)

Nesses casos, os metadados corretos devem ser injetados em suas fotos antes que elas possam ser compartilhadas como 360 fotos.

Existem dois conjuntos de tags de metadados que o Facebook procura para determinar se uma foto está em 360:

  1. Metadados da Esfera Foto XMP
    Muitas câmeras 360 e ferramentas de geração de panorâmicas incluem metadados da Esfera Foto em fotos salvas.
    1. Nós interpretamos os seguintes parâmetros, além dos nossos próprios parâmetros aqui documentados: https://developers.facebook.com/docs/graph-api/reference/photo/ – ver spherical_metadata (toque na seta para expandir os parâmetros JSON e veja a documentação sobre os sub-parâmetros como ProjectionType). Note que isto não é exactamente o mesmo que a especificação completa ligada acima.
  2. Para Panoramas: Camera Make and Model – nós usamos isto apenas para interpretar panoramas capturados de telemóveis como 360 fotos, e suportamos muitos mas não todos os dispositivos populares.

Injeção de Metadados

Para injetar metadados, você precisará editar as tags XMP nos dados Exif. Aqui estão opções para fazê-lo:

  • Usando um Exif Editor baseado na Web – Uma excelente e gratuita ferramenta baseada na Web para visualizar e editar o Exif é o eXif.er, que é usado nos exemplos acima. O eXif.er permite carregar; visualizar, editar e guardar metadados; e descarregar a sua imagem modificada.
  • Usando um Editor Exif Autônomo – Há muitos editores Exif autônomos para Windows e OS X. Os usuários do Windows podem usar o ExifToolGUI, que é gratuito e com todas as funcionalidades. Os utilizadores de Mac podem pesquisar por “exif editor” na Loja de Aplicações Mac, onde existem algumas opções de compra.
  • Usando o exiftool (Técnico) – O editor Exif mais poderoso e flexível, especialmente para processamento em lote de imagens, é a ferramenta de linha de comando, o exiftool.

O que precisa de injectar para uma detecção adequada como 360?

Full, spherical 360 photos:

Estes usam projecção “equirectangular”. 360 fotos devem preencher os seguintes requisitos para que o Facebook as processe corretamente:

  • A foto deve ter um 2:1 relação de aspecto
  • A etiqueta Exif XMP, “ProjectionType=equirectangular”
  • Estão abaixo da resolução máxima e do tamanho do arquivo (listados abaixo)

Os editores Exif mais direcionados a fotógrafos permitem a edição da etiqueta Exif XMP “ProjectionType”, mas se você for técnico, você pode usar a popular ferramenta de linha de comando, exiftool.

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

Quando você terminar de editar metadados, acesse o Facebook em um navegador web desktop para fazer seu upload.

Panoramas (Avançado):

Quando você fizer upload diretamente de um dispositivo móvel, o Facebook primeiro procura por metadados esféricos. Se isso estiver ausente, consideramos a “marca” e “modelo” do dispositivo que tirou a foto para entender como interpretar corretamente o panorama (ou seja, precisamos saber até onde uma determinada quantidade de pixels envolve o nosso cilindro de viewport). Se, por algum motivo você editou ou perdeu metadados, você tem as seguintes opções:

  • Editar as tags Exif make e model

  • 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

  • Pode copiar/colar o seu panorama em cima de um panorama que tenha os metadados correctos e “Save As” um novo ficheiro
  • Utilizar um dos templates de photoshop abaixo que corresponda aproximadamente ao tamanho do panorama

Photoshop Templates: Criando seus próprios gráficos 360 sem injeção de metadados

Se você quiser criar uma imagem que tenha os metadados corretos para ser interpretada como 360, oferecemos os seguintes modelos para ajudá-lo a começar.

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

Estes podem ser usados para criar 360 fotos e panoramas sem a injeção de metadados, uma vez que está embutido no modelo. Os templates panorâmicos cilíndricos são descritos pelo campo de visão horizontal (FOV) e FOV vertical, e há também um template esférico (equirectangular) completo disponível.

Escolha o template que mais combina com o seu campo de visão pretendido, adapte a sua imagem às dimensões da imagem do template, e use o “Save As…” do Photoshop para salvar um JPG. Veja um exemplo em vídeo do uso de um dos modelos de panorama.

Editar 360 Fotos

Você pode abrir e editar 360 fotos em editores comuns.

Dica de PRO: A funcionalidade “Save As” do Adobe Photoshop preserva os metadados da câmera, onde como “Export As” e “Save for Web” não o fazem.

Uma forma de contornar toda esta discussão de metadados é simplesmente usar “Save As” no Photoshop.

Resolução de imagem, tamanho e recomendações de formato:

Se você criar sua própria foto 360, usando hardware ou câmeras especiais, ou fazer upload de software de terceiros, as seguintes diretrizes de resolução, formato e tamanho se aplicam.

Tipos de projeção: Aceitamos projecção equirectangular, cubestrip, ou cilíndrica (apenas para panoramas) exemplo do nosso formato cubestrip: https://www.dropbox.com/s/qyidmid631t7d0y/cubestrip%281%29.jpg?dl=0

Resolução do arquivo e limitações de tamanho:

Fotos devem ter menos de 30.000 pixels em qualquer dimensão, e menos de 135.000.000 pixels em tamanho total. Os tamanhos dos arquivos podem ter até 45 MB (JPEG) ou 60 MB (PNG). Recomendamos usar JPEG para 360 fotos e manter o tamanho do arquivo menor que 20-30 MB.

Nota: Estes limites são os valores máximos e se aplicam a uploads da web e uploads diretos da Graph API.

Os uploads móveis têm limitações adicionais aplicadas durante o upload. Se você quiser estar mais próximo do valor máximo, recomendamos que você carregue a partir da web.

Due to bandwidth considerations a resolução máxima para celular pode estar mais próxima de 6k-8k para long edge; portanto, você pode selecionar uma imagem maior no celular, mas ela pode ser redimensionada para esse tamanho máximo durante o upload para o Facebook.

Injeção de metadados para panoramas (Avançado)

Se você preferir usar exiftool para injetar metadados panorâmicos cilíndricos, você pode usar os seguintes 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

Smart Phone Panoramas:

Nós reconhecemos panoramas de smart phones populares, incluindo os seguintes:

  • Aplicar iPhone 4S e superior
  • Aplicar iPad Pro e Mini 4 e superior
  • Fones Samsung mais recentes
  • Muitos telefones LG recentes

Solução de problemas:

Eu fiz a minha própria foto 360 e segui as suas instruções. Porque é que a minha foto 360 parece tão estranha?

Facebook honra algumas tags de metadados que fazem coisas como especificar o campo de visão.

Você pode ver uma lista completa do que nós procuramos aqui: https://developers.facebook.com/docs/graph-api/reference/photo/ – veja spherical_metadata (toque na seta para expandir os parâmetros JSON e veja a documentação nos sub-parâmetros como ProjectionType)

Certifique-se de que o FOV é consistente com o que você quer. Use um dos editores de metadados discutidos acima para verificar esses valores.

Editar Projecções Equirectangulares

Usar um editor de imagens padrão para editar projecções equirectangulares pode ser extremamente desafiante. Você está editando pixels em um espaço não-linear que contém muita distorção. Aqui estão algumas dicas para editar com sucesso.

Utilizar software e plugins

Duas adições extremamente úteis do Adobe Photoshop para editar 360 fotos são Flexify 2 for Panoramas (Photoshop plugin) e Domemaster Photoshop Actions Pack.

Editar a parte superior, inferior ou lateral de uma projeção equiretangular (como remover um tripé)

Editar projeções equiretangulares perto de qualquer borda da imagem é difícil. A parte superior e inferior de uma imagem equirectangular está muito distorcida, e a imagem envolve-se na realidade através da margem direita e esquerda.

Vamos usar um dos desejos de edição mais comuns como exemplo: remoção do tripé. Na parte inferior desta foto 360 tirada no Hacker Square do Facebook está um tripé:

Hacker Square - Warped

Se esta fosse uma imagem normal, seria fácil remover o tripé. Mas aqui está o aspecto da imagem quando aberta usando um editor de imagem tradicional:

Hacker Square - Enedited

O tripé é deformado em todo o fundo da imagem!

Uma solução é rodar a foto 360 para que o tripé não fique mais no fundo. A utilização de uma ferramenta como o Flexify 2 torna isto fácil. Rodar latitudinalmente por -90 graus coloca o tripé no meio vertical da imagem. No meio da imagem, é fácil remover o tripé usando ferramentas tradicionais como o Healing Brush.

Photoshop UI

Após você estar satisfeito com suas edições, carregue o Flexify 2 novamente e faça uma rotação latitudinal de +90 para que a imagem volte à orientação normal. Exporte como um jpg, injecte os metadados apropriados e está pronto para partilhar no Facebook.

Se quiser editar através da costura direita / esquerda, pode rodar a sua imagem longitudinalmente para ter acesso a essa costura, novamente, no meio da sua imagem recém-transformada. Aqui está uma rotação longitudinal de 180 graus da mesma imagem:

Hacker Square - Clean

Você vai notar que a orientação da imagem foi girada exatamente até a metade; o prédio com a tela do Facebook agora está “atrás” de nós. Essa, aliás, é também uma maneira de forçar a orientação inicial da visualização. Por padrão, o Facebook define a visualização padrão como sendo o meio da projeção equiretangular. Se você quiser que a primeira vista de uma foto 360 seja algo específico, transforme a sua foto até que a vista desejada esteja bem no meio.

Photoshop’s built-in offset tool (“Filter→Other→Offset”) também pode ser usado para girar as imagens longitudinalmente (deslizando para a esquerda e para a direita, enrolando ao redor). Em teoria, a compensação de uma imagem usando “Wrap Around” é uma ação sem perdas, então você pode fazer isso quantas vezes quiser ao editar sua imagem.

>

Photoshop Offset Tool

Mudar projeções para edição

Outros tipos de projeção como cubemaps podem ser mais adequados para a edição convencional de imagens. Existem várias ferramentas lá fora que podem converter de equirectangular para cubemap, mas muito poucas podem converter de cubemaps de volta para equirectangular. Uma dessas ferramentas é o vrProjector, que pode ser usado para converter entre os dois.

360 Cubemap
Um cubemap convertido pelo vrProjector pode ser usado para editar 360 fotos

Notas finais sobre edição em 360

Em geral, você pode usar ferramentas projetadas para manipulação de panorama para transformar projeções equiretangulares em outras projeções que possam ser mais fáceis de editar. Ao fazer isso, esteja ciente de que tal transformação tem o potencial de ser destrutiva para os dados, e você pode estar degradando a qualidade final da sua foto 360. Use de cuidado ao fazer tais transformações!

Deixe um comentário