Skip to main content

How to Customize Images in Your Deonde Platform

Updated over 3 weeks ago

Images play a crucial role in creating a professional and attractive look for your online ordering platform. In the Deonde dashboard, you can easily customize various images for your website, mobile app, and customer login experience. This guide will help you understand each image type and how to set them up.

Where to Find Image Settings

  1. Log into your Deonde dashboard

  2. Go to Design tab from the left menu

  3. Click on Images section

  4. You'll see all the image customization options

Types of Images You Can Customize

1. Logo

What it is: Your main business logo that appears on your website and app Where it shows: Header of your website and mobile app Best practices:

  • Use high-quality PNG or JPG format

  • Recommended size: 200x80 pixels

  • Keep it simple and clear

  • Make sure it looks good on both light and dark backgrounds

2. Fav Icon (Favicon)

What it is: Small icon that appears in browser tabs and bookmarks Where it shows: Browser tab, bookmarks, and shortcuts Best practices:

  • Use 16x16 or 32x32 pixel size

  • Simple design that's recognizable when small

  • Usually a simplified version of your logo

  • ICO or PNG format recommended

3. Login/Signup Page Image

What it is: Background or side image on your website's login page Where it shows: Website login and registration pages Best practices:

  • Use high-resolution images (1920x1080 recommended)

  • Choose images that represent your business

  • Food images for restaurants, fresh produce for grocery stores

  • Avoid busy images that make text hard to read

4. Login/Signup Page Logo

What it is: Logo specifically for login pages (can be different from main logo) Where it shows: Login and signup forms on website Best practices:

  • Can be larger version of your main logo

  • Should contrast well with background

  • Clear and professional appearance

5. Customer App Splash Screen (Only For Mobile Apps)

What it is: First image customers see when opening your mobile app Where it shows: Mobile app loading screen Best practices:

  • Eye-catching and professional design

  • Represents your brand clearly

  • Vertical orientation (1080x1920 pixels recommended)

  • Quick loading - keep file size reasonable

  • Include your logo and brand colors

6. Customer App Login Screen (Only For Mobile Apps)

What it is: Background image for mobile app login page Where it shows: Mobile app login and registration screens Best practices:

  • Attractive but not distracting

  • Good contrast for login form readability

  • Consistent with your brand theme

  • Vertical orientation for mobile screens

Step-by-Step Upload Process

For Each Image Type:

  1. Click the "+" button on the image placeholder

  2. Select your image file from your computer

  3. Wait for upload to complete

  4. Preview the result to make sure it looks good

  5. Save changes to apply the new image

Image Requirements and Tips

File Formats

  • Accepted formats: JPG, PNG, GIF

  • Recommended: PNG for logos (supports transparency)

  • Recommended: JPG for photographs

File Sizes

  • Maximum file size: Usually 1MB per image

  • Recommended: Keep under 1MB for faster loading

  • Compress images before uploading for better performance

Quality Guidelines

  • Use high-resolution images

  • Avoid blurry or pixelated images

  • Test how images look on both desktop and mobile

  • Ensure images represent your brand professionally

Common Mistakes to Avoid

Using low-quality images - Makes your platform look unprofessional

Wrong image sizes - Can cause distortion or poor display

Too large file sizes - Slows down your website and app

Inconsistent branding - Using different styles across images

Forgetting mobile optimization - Images that don't work well on phones

Remember, great images create a strong first impression and help build trust with your customers. Take time to choose and optimize your images for the best results!

Did this answer your question?