Generating Images for Buddi Promotions

Where are images are used in Buddi?

• There are multiple areas in your Buddi menu to showcase promotions, with images being a highly effective way to captivate and engage customers:
  • Logo / Hero Image: displayed prominently on the Tablet App homescreen (upload in 'Custom Branding')
  • Featured Products Banner: presented at the top of your online menu and Tablet App menu
  • Collection Tiles: positioned below the Featured Products Banner, if applicable

Notes:

• Provided below: 
  • Recommended image sizes Instructions to convert file formats
  • How to crop/resize images for upload
• Our system accepts these file formats: JPG, PNG, TIFF, and GIF.
• Collection Tiles: It's advisable to maintain consistency in size, such as 400px x 400px.

Did you know? GIF images (animated images) are compatible with Buddi! Use them in your Collection tiles or Featured Products banners to make your menu more fun and engaging.

Convert Image in a PDF to a JPG File:

1. Open the PDF file containing the image you want to convert. Use your computer's default application for viewing PDFs (such as 'Preview' on Mac or 'Photos' or 'Paint' on PC).
2. Locate the image within the PDF document.
3. Right-click on the image to reveal a menu.
4. Select an option like 'Export' or 'Save As' depending on your operating system.
5. Choose 'JPG' as the file format for the exported image.
6. Select a location on your computer to save the new JPG file.
7. Click 'Save' or 'Export' to finalize the process.
   

Resize / Crop Images for Upload

You may want to crop your JPG into a suitable size. Recommended sizes are provided below, as well as tools that you can use. 

Featured Product Banner Dimensions

1. Desktop: 1440 width x 350 height (in pixels)
2. Mobile: 600 width x 350 height (in pixels)

Online Tools

• Using an online tool such as Croppola, you can upload your JPG file and enter the banner dimensions in the ‘Manual’ tab, resize as needed, then download the generated image accordingly.
   

Desktop Tools

Instructions for Mac Users:

1. Open the JPG file on your computer
2. Right-click the JPG and choose 'Open With' -> 'Preview'
3. Draw a rectangle around the logo to select it.
    
4. Check the dimensions displayed as you move the cursor to ensure it matches 1440px x 350px for the desktop banner, and 600px x 350px for the mobile banner.
5. Once the selection is correct, go to 'Tools' -> 'Crop'
6. The image will be cropped to the selected area.
7. Click 'Save' from the 'File' menu to save the cropped image.

Instructions for PC Users

1. Open the JPG file on your computer.
2. Double-click on the JPG file to open it in Photos.
3. Click on the 'Edit & Create' button at the top right corner of the screen.
4. Select 'Edit' to open the image editing tools.
5. In the editing tools, click on 'Resize' and then choose 'Custom'.
6. Enter 1140px x 350px for the desktop banner, and 600px x 350px for the mobile banner.
7. Make sure the aspect ratio is locked to maintain proportions.
8. Click 'Apply' to resize the image.
9. Click on the 'Save' button to save the resized image.