Skip to content
Leat Help Center

Image sizes and shapes: what to upload where

You can upload JPG, PNG, and GIF images anywhere you can pick one. We make the smaller versions each place needs, so you upload one image and never resize it yourself. What matters is the shape: most places show an image in a fixed frame and crop whatever doesn't fit.

What every upload has to meet

  • Neither side can be larger than 3000 px. A bigger image is refused with "Image too large", so scale it down and upload it again.
  • A GIF can be at most 1200 × 1200 px and 3 MB. Not every image field accepts GIFs.

We handle the scaling

When you upload an image, we keep the original and make smaller copies of it, up to 2000 px wide. Each place gets the copy it needs: a small one for the website widget and the customer app, a larger one for the contacts portal, and one 1200 px wide for emails.

GIFs are the exception. Apart from the smallest thumbnails, every place shows the original GIF, so the file you upload is the file your contacts load. A smaller GIF opens faster, especially in an email on a phone.

Scaling keeps the shape of your image and never crops it. So you don't need a separate version per place, and an image about 2000 px wide is enough everywhere. The cropping happens where the image is shown, which is why the shapes below are the part to get right.

Rewards

Use a square (1:1) image. Nothing stops you uploading another shape, but contacts mostly see rewards in a square frame:

  • The reward lists in the website widget and the customer app show a square
  • The contacts portal shows rewards in the shape set for your portal, which is square unless you change it
  • The image at the top of a reward in the customer app is a wide strip, so it shows the middle of a square image and cuts off the top and bottom
  • The reward's own page in the website widget shows the whole image

Keep the important part of the image in the middle, with some room around it, and it survives every one of these.

Contacts portal

The contacts portal is the one place where you choose the shape yourself. In the contacts portal editor, go to Styling → Images and set Aspect ratio images to 1:1 or 3:2. This sets the shape of reward and voucher images on your portal, including the vouchers and rewards under My benefits, so make your images match it: with 3:2, a square image loses its top and bottom.

Two other portal images have their own shape:

  • The Cover image at the top of the home page and the images in home page sections fit best at 16:9. The editor says so under the field.
  • The Cover image on the login and sign-up pages only shows on large screens.

Wallet passes

Click the gear icon at the top right of the dashboard to open Settings, then click Contact touchpoints under Communication. Only admins see Contact touchpoints. Find Wallet Pass and choose Edit design. A pass has 2 images:

  • Icon: use a square image.
  • Cover image: use a wide banner of 1125 × 432 px, or another image in that shape (about 2.6:1). That's the space Apple Wallet gives the cover image. It scales the image to fill that space and crops whatever sticks out, so a square image loses most of its top and bottom. Google Wallet shows the same image across the full width of the pass, under the pass details. Don't put text in the image: on an Apple pass, the main field of the pass sits on top of it.

A new wallet pass starts out with the logos from your brand kit: Logo (small) as the icon and Logo (large) as the cover image. A promotion's pass uses the promotion's own image as its cover, if it has one. You can replace any of them in the design.

Brand kit

Your brand kit is under Settings → Brand kit, and only admins can open it. It holds 2 logos, Logo (small) and Logo (large). Neither has a required shape, but because they become the icon and cover image of new wallet passes, a square small logo and a wide large logo fit best.

Narrowcasting

In the Business App, a narrowcasting image fills the whole tablet screen, so anything outside the shape of the screen is cut off. Use an image in the same shape and orientation as the tablet's screen.

Other images

Promotions, tiers, gift cards, and the other places you can pick an image have no required shape. Only the limits at the top of this article apply.

Back to the help center