What Are The Image Specs For The Zoomstudio Smart Layout Asset Library?

Smart Layouts supports a variety of image sizes and formats. This guide covers the best dimensions and file formats for logos and cover images.

Logos

Logos can be used throughout your design. Add them to any or all of your pages. To get the best results, follow these rules and best practices:

Specs

• Support formats: PNG, JPG, GIF
• Minimum dimensions for rectangle logos: 440px (width) by 148px (height)
• Minimum dimensions for square logos: 148px (width) by 148px (height)

Fun fact: We resize and optimize your logos to load quickly and look great. This means you do not have to resize all your logos to match the Smart Layout image slot perfectly. We do it for you - learn more about automatic image resizing at the bottom of this page.

What about TIFF, PSD, AI, SVG, Webp? We do not currently support these file types. Sorry!

Cover Page Images

Layouts in the Layout Library support big beautiful images called cover images, which can take your designs to the next level. These include lifestyle shots, product photography, banners, cover pages, and more. Remember that the slot size for cover images may change based on your chosen page content. For example, if you turn off the logo slot on a layout, your cover image might grow to take up that space. Smart Layouts will position your images as best as possible, but you can use our image repositioning tool if needed.

Specs

• Supported formats: JPG, PNG, GIF
• Minimum dimensions: 1370px (width) or 1770px (height)
  
  

How do I reposition cover images on a page?

There is an easy-to-use tool inside Smart Layouts for users to position your cover images manually. Just drag the image around until you get that position perfect.

The user can “reposition” the image as needed by sliding it back and forth or up and down. As a result, you do not need to modify your images to fit the slot dimensions exactly. This would be difficult since the slots vary in size depending on the layout, and other content in that layout. Below is a visual to better explain how images appear in an image slot on the cover page layout.

Automatic Image Resizing

When a user inserts an image into a slot on a Smart Layout, the image will automatically scale up or down until it fits in the slot while maintaining its aspect ratio. The image will also automatically center in the slot. The user can “reposition” the image as needed by sliding it back and forth or up and down.

As a result, you do not need to modify your images to fit the slot dimensions exactly. This would be difficult since the slots vary in size depending on the layout, and other content in that layout. Below is a visual to better explain how images appear in an image slot on the cover page layout.

EXAMPLE (COVER PAGE LAYOUT):

• Red area: Size of the image if the user turns off both the logo and title slot on the cover page layout
• Green area: Size of the image slot if the user turns off the logo or title slot on the cover page layout
• Blue area: Size of the image slot if the user does not turn off the logo or title slot on the cover page layout

Other image specs for layouts

	Two column layout - Portrait Half image. Width: 646px Height 1770px
	Half and half layout - Portrait With products and logo Width: 1370px Height: 708px   With products only Width: 1370px Height: 964px