The process of creating 360 degree product images can take time to master. The good news is that you can learn how to create image zoom effects quickly and display those images on your ecommerce website immediately.

How to create an image zoom effect with Imajize

Before you login to Imajize take the following steps to ensure your product image is ready to be uploaded.

  • First start with the highest resolution image possible. Don’t scale your image down to fit your specific website. Imajize will do that for you.
  • Make sure the outer edges of your background are a solid color. Use Photoshop or the tool of your choice to cleanup any color inconsistencies.
  • Crop the image to remove large areas of empty space. Leave approximately 10% margins between the product and outer edge of the image canvas on all sides.
  • Save your file at 100% resolution. Imajize will take care of resizing and compression.
Create image for image zoom effect

Upload and customize your image zoom effect

Now that your source image is ready. Login to app.imajize.com and upload you first image.

  • In the top menu click “Projects”
  • Click “+ New Project” in the top right corner.
  • Give your project a name like “Zoomable Images”
Create image zoom project
  • Click “Enter” to save the name and then click on the name you just created to open your new project.
  • Click “Upload”
  • On the upload screen the “product Name” field is the only required field. Enter a product name such as “Image Zoom Test”
Upload image zoom effect
  • Since this is not a 360 image, you will upload your image using the “Still images” dialog. You can either drag your image file over the gray area or click “Choose Files” and browse for your image.
  • Click “Create 360 View”

Now your zoom effect has been created and you could embed it on your website. But why not fine tune it to fit your style.

  • Click the name of the product you just created.
  • Maximize your browser size and then click “customize” in the top right corner. You will see the options panel open up on the left side.
  • Experiment with the settings until you have everything just right.
  • Click Save & Close
Customize image zoom

That’s it. Now you are ready to embed the image zoom effect on your website. Click “Embed” and copy the code found there. For help with publishing your interactive product images visit our integration support docs or contact us with a specific question.


Leave a Reply

Your email address will not be published. Required fields are marked *

Getting started is easy

If you can copy & paste then you’ll love using Imajize! Create a free account with our one step signup process. Between our library of support materials and relentless customer support you will be a 360 spin ninja in no time.

Step 1 of 1: Create Free Account
Create 360 Images

Here is what you get

  • Fully hosted mobile-compatible 360 viewer
  • Ultra-fast Amazon CloudFront hosting
  • Mass image processing: We create and store over a dozen versions of every image.
  • Full Screen Mode in HD: Nobody beats our image sharpness & loading speed in Full Screen Mode.
  • Your very own Imajize developer to help you get started
  • SSL embed link encryption
  • Store up to 1,000 products
  • Full 360 viewer customization
  • Whitelisted domain restrictions for security
  • Platform branding w/your logo
  • Unlimited domains.
  • Unlimited users.
  • Hi-res Zoom: Show your product’s detail at resolutions over 5,000 pixels.
  • New overage protection! This keeps overage costs under control for heavy usage.