How to Create 3D Photo Display Ads for the Web

Today, display ads featuring 2D content struggle to compel audiences.

In fact, according to Hubspot, average click-through-rates for display ads are ~0.35%, dismally low compared to the first-ever display ad which had a CTR of 44%.

Marketers need new, compelling creative ad formats to tell better brand stories…and get better ROI on their ad spend.

This is why we’re excited to help marketers create 3D Photo Display Ads.

See live demos of 3D Photo Display Ads.

What is a 3D Photo Display Ad?

A 3D Photo Display Ad is a display ad that adds movement and depth to a 2D image.

Audiences can move their phones or hover over the content with a mouse on desktop to explore the different depths of the photo.

This leads to a user-activated experience that is proven to increase and deepen engagement.


  3d photo display ads coke example

We wrote this tutorial to share how you can turn your existing 2D content into 3D ads.

Tutorial: How to Create 3D Photo Display Ads for the Web

1. Prepare your 2D image and choose your banner size

coke ad

  • Ensure your photo is in JPG or JPEG format
  • If you are creating a 300×250 banner, ensure your image is AT LEAST double the size at 600 x 500 pixels
  • If you are creating a 300×600 banner, ensure your image is AT LEAST double the size at 600 x 1200 pixels

Having higher resolutions helps the 3D depth render at a higher quality. We even recommend tripling the resolution.

JPG format, size adjusted to be double 300×250 banner

2. Upload your 2D image to the OmniVirt 3D Photo Creator

  • Select which size format you want on the top right of the tool (indicated in the red box below)


3. Upload your depth map

A depth map is a layer of information that captures the distance between the foreground and background of the image. This is what enables the movement and dimension in a 3D Photo.

To learn how to create a depth map from your image, you can use any photo editing tools such as Photoshop. Read a tutorial on how to do this here.

Read our tips for creating the best depth maps.

Note: our tool also generates depth maps using AI technology, so if you don’t have a depth map, you can select “Predict Depth Map”. We are still working on our algorithm, so for the best depth map, we recommend creating your own.

4. View your Live Preview and Generate your Ad Tag

After uploading the depth map, you’ll see the live preview of your 3D Photo.

Note: Our live preview feature is still an early version,  so don’t worry if the preview resolution or 3D effect feels off. 

Note: The Add Overlay option allows you to add a logo or other material onto your image. We’re also still working on this feature. If you want to use it today, we recommend using images with transparent backgrounds, placed against an image file of the same resolution and size as your 2D photo. If you have questions on this, reach out to us at 3dphoto@omnivirt.com

5. Get your ad tag

Now it’s time to get your ad tag so you can launch your ad!

Once you select the ‘Generate Ad Tag’ button, you will be redirected to a page with your ad tag script.

You can copy and paste the ad tag to any DSP or Exchange platform.

Add a tracking pixel and a destination URL in the code to track results and direct clicks.

Get started: Use the OmniVirt 3D Photo Creator tool now.

If you have any questions, reach out to us at 3dphoto@omnivirt.com. Happy creating!