Generating Images / JPG Files

Modified on Thu, 22 Feb 2024 at 05:46 PM

 

Getting Started

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:

  • Recommended image sizes for these sections are provided below
  • 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
     

Instructions to convert file formats and crop/resize images are provided below.

 

 


Convert an Image in 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


Online Tools

You may want to crop your JPG into a suitable size. Using an online tool such as https://croppola.com, you can upload your JPG file and enter the banner dimensions in the ‘Manual’ tab, resize as needed, then download the generated image accordingly.

 
Featured Product Banner Dimensions

Desktop: 1440 width x 350 height (in pixels)

Mobile: 600 width x 350 height (in pixels)

 

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


 


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article