Guidelines

Image size

The exact size, shape and file type for every image you upload to Ordera.

Every place Ordera shows an image has one fixed size. If your file is a different size or shape, Ordera stretches or crops it to fit, and you don't get to pick which part gets cut off. Export at the sizes below and your images will look right on every screen.

Product and menu

What customers see while browsing your menu, on the kiosk, in online ordering and on the POS.

TypeAspect ratioImage sizeFormat
Product1:11024 × 1024 pxPNG or JPG
Addon Option1:1128 × 128 pxPNG
Allergen Icon1:148 × 48 pxPNG

Icons have to be PNG because they sit on top of coloured backgrounds and need a see-through background of their own. Photos are better as JPG: same result, smaller file, faster loading on the kiosk and online.

Store branding

Shown at the top of your store page.

TypeAspect ratioImage sizeFormat
Logo1:196 × 96 pxJPG
Cover3:2768 × 512 pxJPG
Wide Cover4:11024 × 256 pxJPG

Announcements

The picture that goes with an announcement you post to your customers.

TypeAspect ratioImage sizeFormat
Announcement3:2768 × 512 pxJPG

Kiosk promotion

Full-screen images the kiosk plays while nobody is ordering.

TypeAspect ratioImage sizeFormat
Kiosk Promotion (Tablet)4:32160 × 1620 pxJPG
Kiosk Promotion (Floorstand)9:161440 × 2560 pxJPG

Tablet is for a kiosk mounted sideways on a tablet. Floorstand is for the tall screen on a free-standing kiosk.

Payment

The logo of a payment method, shown at checkout.

TypeAspect ratioImage sizeFormat
Payment Icon1:1128 × 128 pxJPG

Gift card

Gift cards come in two types, and they are not the same size.

Digital Gift Card

Shown in the app.

Aspect ratioImage sizeFormat
1:11024 × 1024 pxJPG

Physical Gift Card

A real printed card, so design it in millimetres first, then export at 300 DPI. The size follows the ISO/IEC 7810 ID-3 standard, the same one used for hotel key cards.

Aspect ratioImage sizeFormat
125:881476 × 1039 pxPNG

Before you upload

  • Export at the exact size listed. Ordera never enlarges a small image, it only ends up blurry.
  • Use PNG only when you need a see-through background. Use JPG for everything else.
  • If you upload something bigger, keep the same shape. Otherwise Ordera decides what to crop, and it may cut off the part you wanted people to see.

On this page