Upload and Manage Logo

Step-by-step guide to uploading and managing your hotel logo

8 min readLast updated: 1/15/2024156 found helpful

Upload and Manage Logo

Your hotel logo is prominently displayed on the Flight Display and reinforces your brand identity. This article explains how to upload, replace, and manage your logo.

Logo Requirements

Technical Requirements

  • File Formats: PNG, JPG, JPEG, SVG, WebP
  • Maximum File Size: 2 MB
  • Recommended Dimensions: 400 x 200 pixels
  • Aspect Ratio: 2:1 (width to height)
  • Background: Transparent (PNG/SVG) recommended
  • Quality Guidelines

  • Use high-resolution images (at least 300 DPI)
  • Avoid overly detailed logos (they will be scaled down on the display)
  • Test the logo on both dark and light backgrounds
  • Ensure the logo is easily readable
  • Uploading a Logo

    Step-by-Step Guide

  • Navigate to the Branding Portal
  • - Log in to the Hotel Portal

    - Click on "Branding" in the navigation

    - Scroll to the "Hotel Logo" section

  • Select a File
  • - Click on "Upload a logo" or

    - Drag and drop the file into the upload area

  • Upload Process
  • - The file is automatically validated

    - On success: A preview of the logo appears

    - On error: An error message with the reason is displayed

  • Save Logo
  • - The logo is automatically saved

    - It immediately appears on the display (after refresh)

    Using the Upload Area

    Method 1: File Browser

    1. Click on "Upload a logo"
    2. Select a file from your computer
    3. Confirm your selection

    Method 2: Drag & Drop

    1. Open File Explorer
    2. Drag the logo file
    3. Drop it in the upload area

    Replacing a Logo

    Replacing an Existing Logo

  • Navigate to the Branding Portal
  • - Your current logo is displayed

    - Hover over the logo to reveal actions

  • Upload a New Logo
  • - Click on "Upload a logo"

    - Select the new file

    - The old logo is automatically replaced

  • Confirmation
  • - The new logo appears in the preview

    - Review the display

    - Refresh the display to see changes

    Best Practices When Replacing

  • Use the same aspect ratio as the old logo
  • Test the new logo in the preview
  • Inform your team about the change
  • Document the logo version for future reference
  • Removing a Logo

    Deleting a Logo

  • Navigate to the Branding Portal
  • - Your current logo is displayed

  • Remove Logo
  • - Click on "Remove Logo"

    - Confirm the action in the dialog

    - The logo is immediately removed

  • Display Behavior Without Logo
  • - The hotel name is displayed larger

    - More space is available for flight data

    - Default layout is used

    Warning: Removal cannot be undone. You will need to upload the logo again.

    Logo Preview

    Viewing the Display Preview

  • Navigate to "Preview"
  • - In the Hotel Portal

    - Click on "Preview" in the navigation

  • Live Preview
  • - See your logo on the display

    - Check size and position

    - Test different screen resolutions

  • Scan QR Code
  • - Scan the QR code with your smartphone

    - Open the display URL

    - View the logo on your device

    Logo Position on Display

    Header Area:

  • Logo appears on the left side of the header
  • Next to the hotel name
  • Always visible (on all tabs)
  • Size:

  • Maximum height: 60 pixels
  • Maximum width: 120 pixels
  • Automatic scaling (maintains aspect ratio)
  • Troubleshooting

    "File must be an image"

    Problem: The uploaded file is not an image

    Solution:

  • Check the file extension (.png, .jpg, .svg)
  • Open the file in an image editing program
  • Save it again in the correct format
  • "File size must be less than 2MB"

    Problem: The file is too large

    Solution:

  • Use an image compression tool:
  • - TinyPNG (https://tinypng.com)

    - Squoosh (https://squoosh.app)

    - Photoshop "Save for Web"

  • Reduce the dimensions:
  • - Maximum 800 x 400 pixels

    - 72 DPI for web use

  • Choose the right format:
  • - PNG for transparency

    - JPG for photos (higher compression)

    - SVG for vector logos (smallest file size)

    Logo Not Displaying

    Problem: Logo is uploaded but not visible

    Solution:

  • Refresh the Display:
  • - Press F5 on the display

    - Or wait 5 minutes (auto-refresh)

  • Clear Cache:
  • - Open Chrome settings on the display

    - Go to "Privacy" → "Clear browsing data"

    - Select "Cached images and files"

    - Click "Clear data"

  • Check the URL:
  • - Go to "Preview" in the portal

    - Reopen the display URL

    - Check if the logo appears

    Logo is Distorted

    Problem: Logo has incorrect aspect ratio

    Solution:

  • Use an image editing program
  • Crop the image to 2:1 (e.g., 400 x 200 px)
  • Re-upload the adjusted logo
  • Logo Optimization

    For Best Results

    PNG Logos (with Transparency):

    1. Use a transparent background
    2. Export at 72 DPI
    3. Optimize with TinyPNG
    4. Test on dark and light backgrounds

    SVG Logos (Vector):

    1. Smallest file size
    2. Perfect scaling
    3. Ideal for simple logos
    4. Export from Adobe Illustrator or Figma

    JPG Logos (Photos):

    1. Only for photorealistic logos
    2. No transparent background
    3. Highest compression
    4. Quality: 80-90% is sufficient

    Performance Tips

  • Use WebP format for smallest file size
  • Optimize colors (256 colors usually sufficient)
  • Remove metadata (EXIF data)
  • Use progressive JPEGs
  • Frequently Asked Questions

    Can I upload multiple logos?

    No, only one logo per hotel is possible. You can replace it at any time.

    Will the logo be displayed on all displays?

    Yes, the logo appears on all displays using your hotel ID.

    Can I animate the logo?

    No, only static images are supported. Animated GIFs will be displayed as static images.

    Does logo upload cost extra?

    No, logo upload is included free in all plans (Basic, Pro, Premium).

    How long does the upload take?

    Normally less than 5 seconds. For larger files, it can take up to 30 seconds.

    Next Steps

    After uploading your logo:

  • Customize Colors - Match colors to your branding
  • Open Display Preview - See your changes live
  • Branding Portal Overview - Explore more branding options
  • Support

    Problems with logo upload?

  • Email: info@lobbyflight.com
  • Phone: +43 650 753 1811
  • Live Chat: Monday-Friday, 9:00 AM - 6:00 PM
  • Was this article helpful?