How to Upload Pano Painting Onto Facebook

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

Facebook recognizes and processes 360 photos past looking for camera-specific metadata institute in photos taken using 360-set cameras. This information is embedded in photo's Exif (Exchangeable image file format) metadata tags, and if you're sharing 360 photos direct from camera, Facebook should automatically procedure and present them every bit interactive 360 photos.

All the same, when metadata has been stripped from pictures or never existed in the first place, Facebook might non be able to tell that your photo is a 360 photo. Sometimes, metadata is stripped during paradigm editing, just other workflows can also strip metadata from pictures. Here are some mutual reasons metadata might be missing:

• Emailed, embedded photos (vs emailing as file attachments)
• Exported photos from certain prototype editors
• Uploaded/re-downloaded photos on hosting or sharing services
• Panoramas created manually (e.thousand., art, in-game captures, scanned celebrated photos)

In these cases, the correct metadata must be injected into your photos before they tin exist shared every bit 360 photos.

There are two sets of metadata tags Facebook looks for to make up one's mind whether a photo is in 360:

1. Photo Sphere XMP Metadata
   Well-nigh 360 cameras and panorama-generation tools include Photo Sphere metadata in saved photos.
   1. Nosotros interpret the following parameters, in addition to our ain parameters documented here: https://developers.facebook.com/docs/graph-api/reference/photo/ - see spherical_metadata (tap pointer to expand JSON params and see the documentation on the sub-parameters like ProjectionType). Note that this is not exactly the aforementioned as the full spec linked above.
2. For Panoramas: Camera Make and Model - we utilise this but to interpret panoramas captured from mobile phones as 360 photos, and support many merely not all popular devices.

Injecting Metadata

To inject metadata, you lot'll need to edit the XMP tags in the Exif data. Hither are options for doing then:

• Using a Web-based Exif Editor - An excellent and gratis web-based tool for viewing and editing Exif is the eXif.er, which is used in the examples to a higher place. The eXif.er allows you to upload; view, edit, and salve metadata; and download your modified image.
• Using a Standalone Exif Editor - There are many standalone Exif editors for Windows and Bone X. Windows users can utilize ExifToolGUI, which is free and fully-featured. Mac users can search for "exif editor" in the Mac App Shop, where at that place are a few options for purchase.
• Using exiftool (Technical) - The virtually powerful and flexible Exif editor, especially for batch processing of images, is the command-line tool, exiftool.

What do you need to inject for proper detection every bit 360?

Total, spherical 360 photos:

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

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

About lensman-targeted Exif editors practice allow the editing of the Exif XMP tag "ProjectionType," but if you're technical, you tin can utilise the pop control-line tool, exiftool.

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

When you're washed editing metadata, access Facebook in a desktop web browser to exercise your upload.

Panoramas (Advanced):

When uploading straight from a mobile device, Facebook first looks for spherical metadata. If that is absent, we consider the "brand" 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 around 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 -Brand="camera_make" -Model="camera_model" photo.jpg
  # replace 'camera_make' and 'camera_model' with the appropriate values
  # 'photo.jpg' is the photograph yous want to tag

• Can copy/paste your panorama on top of a panorama that has the right metadata and "Save Every bit" a new file
• Use ane of the photoshop templates beneath that roughly matches the panorama size

Photoshop Templates: Creating your own 360 graphics without metadata injection

If you want to create an image that has the correct metadata to exist interpreted as 360, we offer the following templates to help you go started.

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

These tin be used to create 360 photos and panoramas without injecting metadata, equally it is built into the template. Cylindrical panorama templates are described by horizontal field of view (FOV) and vertical FOV, and in that location is also a full spherical (equirectangular) template available.

Choose the template that virtually matches your intended field of view, conform your flick into the template'southward image dimensions, and use Photoshop's "Salvage Every bit..." to salvage a JPG. Run across a video example of using one of the panorama templates.

Editing 360 Photos

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

Pro tip: Adobe Photoshop'southward "Save As" feature preserves photographic camera metadata, where as "Consign As" and "Salvage for Web" practice not.

A mode to bypass all of this metadata give-and-take is to simply apply "Save As" in Photoshop.

Image Resolution, Size, and Format Recommendations:

If creating your ain 360 Photo, using special hardware or cameras, or uploading from 3rd party software, the post-obit resolution, format, and size guidelines utilise.

Projection types: We take equirectangular, cubestrip project, or cylindrical (for panoramas but) case 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 30,000 pixels in any dimension, and less than 135,000,000 pixels in total size. File sizes could exist equally large as 45 MB (JPEG) or lx MB (PNG). We recommend using JPEG for 360 photos and keeping the file size less than 20-thirty MB.

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

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

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

Injecting metadata for panoramas (Advanced)

If you'd prefer to use exiftool to inject cylindrical panorama metadata, you lot tin can use the following 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 post-obit:

• Apple iPhone 4S and above
• Apple iPad Pro and Mini four and above
• Nigh contempo Samsung phones
• Many recent LG phones

Troubleshooting:

I made my own 360 photograph and followed your instructions. Why does my 360 photograph look and then foreign?

Facebook honors some metadata tags that do things like specify field of view.

You can see a full list of what we look for hither:https://developers.facebook.com/docs/graph-api/reference/photo/ - see spherical_metadata (tap arrow to expand JSON params and see the documentation on the sub-parameters like ProjectionType)

Make sure that the FOV is consistent with what you want. Apply one of the metadata editors discussed to a higher place to check these values.

Advanced Topics

Editing Equirectangular Projections

Using a standard prototype editor to edit equirectangular projections tin 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

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

Editing the top, lesser, or sides of an equirectangular project (similar removing a tripod)

Editing equirectangular projections nearly whatsoever image border is difficult. The top and bottom of an equirectangular image is very distorted, and the image actually wraps across the right and left edge.

Let'southward use i of the virtually common editing desires every bit an example: tripod removal. At the very lesser of this 360 photo taken at Facebook'southward Hacker Square is a tripod:

If this were a normal paradigm, it would be like shooting fish in a barrel to remove the tripod. But hither's what the picture looks like when opened using a traditional prototype editor:

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

One solution is to rotate the 360 photograph then that the tripod is no longer at the bottom. Using a tool like Flexify 2 makes this easy. Rotating latitudinally by -90 degrees puts the tripod in the vertical middle of the image. In the middle of the image, it'south easy to remove the tripod using traditional tools like the Healing Brush.

Once yous're happy with your edits, load Flexify two once more and do a +90 latitudinal rotation to get the paradigm back to normal orientation. Consign as a jpg, inject the appropriate metadata, and you're ready to share to Facebook.

If you desire to edit across the right / left seam, you lot tin rotate your image longitudinally to get access to that seam, again, in the center of your newly-transformed image. Here's a 180-degree longitudinal rotation of the same image:

You'll observe that the motion picture'southward orientation has been rotated exactly half way; the building with the Facebook display is at present "behind" us. This, incidentally, is besides a way to strength the initial viewing orientation. Past default, Facebook sets the default view to be the middle of the equirectangular projection. If you desire the get-go view of a 360 photograph to be something specific, transform your picture until your desired view is right in the middle.

Photoshop'due south built-in outset tool ("Filter→Other→Beginning") can also exist used to rotate images longitudinally (sliding left and right, wrapping effectually). In theory, offsetting a picture using "Wrap Around" is a lossless action, so yous can practice this every bit oft equally yous'd like when editing your motion-picture show.

Changing projections for editing

Other projection types similar cubemaps might exist more suitable for conventional image editing. There are diverse tools out at that place that can catechumen from equirectangular to cubemap, just very few tin can convert from cubemaps dorsum to equirectangular. I such tool is vrProjector, which tin be used to convert dorsum and along between the two.

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

Terminal notes on editing in 360

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

wilcoxblould.blogspot.com

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

Share :