How to Upload 360 Photo From Photoshop to Facebook

How do we know what is a 360 Photo? - Metadata

Facebook recognizes and processes 360 photos by looking for photographic camera-specific metadata found in photos taken using 360-set up cameras. This information is embedded in photograph's Exif (Exchangeable prototype file format) metadata tags, and if y'all're sharing 360 photos straight from camera, Facebook should automatically procedure and present them as interactive 360 photos.

Nonetheless, when metadata has been stripped from pictures or never existed in the commencement identify, Facebook might non be able to tell that your photo is a 360 photograph. Sometimes, metadata is stripped during image editing, but other workflows tin can besides strip metadata from pictures. Here are some common reasons metadata might be missing:

Emailed, embedded photos (vs emailing equally file attachments)
Exported photos from certain image editors
Uploaded/re-downloaded photos on hosting or sharing services
Panoramas created manually (e.g., art, in-game captures, scanned historic photos)

In these cases, the correct metadata must be injected into your photos earlier they can be shared as 360 photos.

In that location are two sets of metadata tags Facebook looks for to determine whether a photo is in 360:

Photo Sphere XMP Metadata
Most 360 cameras and panorama-generation tools include Photo Sphere metadata in saved photos.
1. We translate the following parameters, in improver to our own parameters documented here: https://developers.facebook.com/docs/graph-api/reference/photo/ - see spherical_metadata (tap arrow to aggrandize JSON params and see the documentation on the sub-parameters similar ProjectionType). Annotation that this is not exactly the same equally the total spec linked above.
For Panoramas: Camera Make and Model - we use this only to interpret panoramas captured from mobile phones as 360 photos, and support many only not all popular devices.

Injecting Metadata

To inject metadata, you'll need to edit the XMP tags in the Exif information. Here are options for doing so:

Using a Web-based Exif Editor - An splendid and free web-based tool for viewing and editing Exif is the eXif.er, which is used in the examples above. The eXif.er allows you to upload; view, edit, and save metadata; and download your modified image.
Using a Standalone Exif Editor - In that location are many standalone Exif editors for Windows and OS X. Windows users can apply ExifToolGUI, which is free and fully-featured. Mac users can search for "exif editor" in the Mac App Store, where there are a few options for purchase.
Using exiftool (Technical) - The most powerful and flexible Exif editor, especially for batch processing of images, is the command-line tool, exiftool.

What do y'all demand to inject for proper detection as 360?

Full, spherical 360 photos:

These use "equirectangular" project. 360 Photos must fulfill the following requirements for Facebook to process them properly:

The photo must take a 2:ane aspect ratio
The Exif XMP tag, "ProjectionType=equirectangular"
They are below the maximum resolution and file size (listed beneath)

Most photographer-targeted Exif editors exercise allow the editing of the Exif XMP tag "ProjectionType," only if you're technical, you can use the popular control-line tool, exiftool.

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

When you lot're done editing metadata, access Facebook in a desktop spider web browser to practise your upload.

Panoramas (Advanced):

When uploading directly from a mobile device, Facebook starting time looks for spherical metadata. If that is absent-minded, we consider the "make" and "model" of the device that took the photograph to understand how to correctly interpret the panorama (that is, we need to know how far a given amount of pixels wraps effectually our viewport cylinder). If, for some reason you have edited or otherwise lost metadata, you have the following options:

Edit the Exif make and model tags

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

Tin can copy/paste your panorama on top of a panorama that has the correct metadata and "Salvage Equally" a new file
Use one of the photoshop templates below that roughly matches the panorama size

Photoshop Templates: Creating your ain 360 graphics without metadata injection

If you desire to create an image that has the right metadata to be interpreted as 360, we offering the following templates to help you get started.

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

These can be used to create 360 photos and panoramas without injecting metadata, every bit it is built into the template. Cylindrical panorama templates are described by horizontal field of view (FOV) and vertical FOV, and there is besides a full spherical (equirectangular) template available.

Choose the template that about matches your intended field of view, adjust your picture into the template'southward image dimensions, and use Photoshop's "Salvage As..." to salvage a JPG. Encounter a video example of using i of the panorama templates.

Editing 360 Photos

You lot can open and edit 360 photos in common editors.

Pro tip: Adobe Photoshop's "Save As" feature preserves camera metadata, where as "Export As" and "Save for Web" exercise not.

A way to bypass all of this metadata word is to simply use "Salve Equally" in Photoshop.

Image Resolution, Size, and Format Recommendations:

If creating your own 360 Photo, using special hardware or cameras, or uploading from 3rd political party software, the following resolution, format, and size guidelines utilise.

Projection types: We accept equirectangular, cubestrip projection, or cylindrical (for panoramas only) example of our cubestrip format: https://www.dropbox.com/s/qyidmid631t7d0y/cubestrip%281%29.jpg?dl=0

File resolution and size limitations:

Photos should be less than xxx,000 pixels in any dimension, and less than 135,000,000 pixels in total size. File sizes could be as big equally 45 MB (JPEG) or 60 MB (PNG). We recommend using JPEG for 360 photos and keeping the file size less than twenty-30 MB.

Note: These limits are the maximum values and use to web uploads and direct Graph API uploads.

Mobile uploads have additional limitations applied during upload. If you want to be closer to the maximum value nosotros recommend yous upload from spider web.

Due to bandwidth considerations the maximum resolution for mobile might be closer to 6k-8k for long edge; therefore, you could select a larger image on mobile, but it might exist resized to this maximum size during upload to Facebook.

Injecting metadata for panoramas (Avant-garde)

If you'd prefer to employ exiftool to inject cylindrical panorama metadata, yous tin use the post-obit commands:

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

We recognize panoramas from popular smart phones including the following:

Apple tree iPhone 4S and above
Apple iPad Pro and Mini 4 and to a higher place
Most recent Samsung phones
Many contempo LG phones

Troubleshooting:

I made my own 360 photo and followed your instructions. Why does my 360 photo look so strange?

Facebook honors some metadata tags that exercise things similar specify field of view.

You tin see a total list of what nosotros look for here:https://developers.facebook.com/docs/graph-api/reference/photo/ - run into spherical_metadata (tap arrow to expand JSON params and see the documentation on the sub-parameters like ProjectionType)

Brand sure that the FOV is consistent with what y'all want. Use one of the metadata editors discussed higher up to cheque these values.

Advanced Topics

Editing Equirectangular Projections

Using a standard image editor to edit equirectangular projections can be extremely challenging. Yous're editing pixels in a non-linear space that contains a lot of distortion. Here are a couple hints for successful editing.

Useful software and plugins

Two extremely useful Adobe Photoshop additions for editing 360 photos are Flexify 2 for Panoramas (Photoshop plugin) and Domemaster Photoshop Actions Pack.

Editing the top, bottom, or sides of an equirectangular projection (similar removing a tripod)

Editing equirectangular projections about any prototype border is difficult. The top and bottom of an equirectangular image is very distorted, and the paradigm really wraps across the right and left border.

Let'southward utilise one of the most mutual editing desires as an example: tripod removal. At the very bottom of this 360 photograph taken at Facebook's Hacker Square is a tripod:

If this were a normal image, information technology would be easy to remove the tripod. But here's what the moving-picture show looks like when opened using a traditional image editor:

Hacker Square - Enedited

The tripod is warped across the entire bottom of the image!

One solution is to rotate the 360 photograph so that the tripod is no longer at the lesser. Using a tool similar Flexify 2 makes this easy. Rotating latitudinally past -xc degrees puts the tripod in the vertical middle of the image. In the centre of the image, it'southward easy to remove the tripod using traditional tools like the Healing Brush.

Photoshop UI

Once you're happy with your edits, load Flexify 2 once more and practise a +90 latitudinal rotation to get the paradigm dorsum to normal orientation. Export every bit a jpg, inject the appropriate metadata, and you're prepare to share to Facebook.

If y'all desire to edit beyond the right / left seam, you lot can rotate your epitome longitudinally to get access to that seam, again, in the middle of your newly-transformed image. Here's a 180-degree longitudinal rotation of the aforementioned image:

Hacker Square - Clean

You'll find that the picture's orientation has been rotated exactly half way; the building with the Facebook display is now "behind" u.s.. This, incidentally, is also a way to strength the initial viewing orientation. By default, Facebook sets the default view to exist the middle of the equirectangular projection. If you want the first view of a 360 photograph to be something specific, transform your motion-picture show until your desired view is right in the center.

Photoshop'due south born first tool ("Filter→Other→Start") can too be used to rotate images longitudinally (sliding left and correct, wrapping effectually). In theory, offsetting a picture show using "Wrap Effectually" is a lossless activeness, then you lot tin do this as often equally you lot'd similar when editing your motion-picture show.

Photoshop Offset Tool

Changing projections for editing

Other projection types like cubemaps might exist more suitable for conventional image editing. In that location are various tools out at that place that can convert from equirectangular to cubemap, but very few can convert from cubemaps back to equirectangular. One such tool is vrProjector, which can exist used to convert back and along between the two.

360 Cubemap — A cubemap converted by vrProjector could be used for editing 360 photos

Final notes on editing in 360

In full general, you tin apply tools designed for panorama manipulation to transform equirectangular projections into other projections that might be more edit-friendly. When you do this, exist aware that such transformation have the potential to be destructive to data, and you lot could be degrading the last quality of your 360 photo. Use care when doing such transforms!

rockwellefolotervis.blogspot.com

Source: https://facebook360.fb.com/editing-360-photos-injecting-metadata/