TOPIC: Back Office Image Requirements

Uploaded Image Requirements

You can upload images in various places in Back Office. These images will appear on the POS and online. Here are the recommended file types, resolution and image dimensions for use with these uploads.

Quick Facts:

The server file upload limit for a single image is set to 20MB. The server will re-save an optimized version of the file that is uploaded r.
Compatible image file types include standard image file types .jpg, .png, .gif, .tif and some less common image formats like .psd, .ai and PDFs.
When you require an image that has transparency, like for the logo that is used on the lock screen, use a .png file with transparency enabled.

Tips:

To get the image to center when cropped by the system, it should match the aspect ratio of the final display image (E.g. square pixel ratio for product images).
- Images that don’t match the display resolution will be cropped and resized by the server automatically, based on the center of the image.
For the highest quality images, upload the original source file and let the server do the optimizing.
Make sure the source image is of a sufficient resolution to avoid pixelation when viewed on screen.

Image Specifications: Resolutions listed are what the server resizes these images to. For the best quality images, your upload should meet or exceed the resolution listed below.

Image Location	Transparency	Resolutions Max Width x Height	Notes
Menu and Product images	No	POS Small: 266x266 POS “Detailed”: 1408x1536 Recipe: 640x640 Online Preview: 500x500	Image Ratio: 1:1 (Square) If uploaded at 1200X1200 it should look good in most conditions and the server will resize or optimize accordingly.
Restaurant Logo (POS)	Yes	POS: 784x356 but changes based on iPad size (larger for pros) Online: 200x125	Image Ratio: POS - 11:5, Online - 8:5 For transparency use PNG image type with a transparent background.
Receipt Logo	No	>512px will be scaled down. Guide: 300x300 “Large logo” 100x200 “Small logo” Physical print size may deviate between printer models.	Image Ratio: Large Logo - 1:1, Small Logo - 1:2 For best results, use only black and white, without shading. Only supported for use with thermal receipt printers. Upload size translates to the printed size. (smaller files print smaller).
Top notification (Online Ordering)	No	Desktop: 250x350 Mobile: 600x546	Image Ratio: Desktop - 5:1, Mobile - 10:9 Images with a different pixel ratio may be cut off and cropped.
Favicon (Online Ordering)	Yes	20x20	Image Ratio: 1:1 (Square) Appears in the browser, above the webpage, on the tab it is in.
CFD Slideshows	No	Depends on screen size and resolution.	Images and video with a different aspect ratio than the screen will use colored bars to fill the void. iPad screens are generally 4:3 and Android are 16:9
CFD Logo	No	780x72	Image Ratio: 11:1 Small logo/icon placed at the top of the screen. Setting your logo as the background image may be more what you are looking for.
CFD Checkout Background	No	Depends on the screen size and resolution.