---
title: 🖼️ Recommended Image Sizes for Your Landing Page
description: Get the recommended image sizes for your ClickBid Virtual Venue landing page, including hero banners and logos. Ensure a polished, mobile-friendly event experience with these easy guidelines.
---

[Skip to content](https://support.cbo.io/-recommended-image-sizes-for-your-virtual-venue-landing-page#main-content)

![clickbid\_logo\_22\_left\_0\_margin](https://support.cbo.io/hs-fs/hubfs/clickbid_logo_22_left_0_margin.png?width=200&height=59&name=clickbid_logo_22_left_0_margin.png)

- [Blog](https://blog.cbo.io/)
- [ClickBid Admin](https://cbo.io/admin/login.php)

Open main navigation

Close main navigation

- [Blog](https://blog.cbo.io/)
- [ClickBid Admin](https://cbo.io/admin/login.php)
- [View our Training Videos](https://training.clickbidonline.com/all-courses/)

[View our Training Videos](https://training.clickbidonline.com/all-courses/)

 Welcome to ClickBid's Knowledge Base

- There are no suggestions because the search field is empty.

1. [ClickBid How To Articles](https://support.cbo.io/?hsLang=en)
2. [Web Content / Event Landing Pages](https://support.cbo.io/web-content-event-landing-pages?hsLang=en)
3. [Design & Customization](https://support.cbo.io/web-content-event-landing-pages?hsLang=en#design-customization)

# 🖼️ Recommended Image Sizes for Your Landing Page

 

### Your landing page is the first thing your bidders see. Using the right image sizes ensures your event looks polished on both desktop and mobile. Here’s exactly what you need for each hero banner.

---

### ⚙️ Hero Banner Image Recommendations

1. #### **Hero 1**
   
     - #### **Logo**: **200×200px**
     - #### **Hero Background**: **1920×1080px** or **1024×576px**
     - #### Smaller sizes may appear slightly blurry.![Hero 1](https://support.cbo.io/hs-fs/hubfs/Hero%201.webp?width=483&height=409&name=Hero%201.webp)
2. #### **Hero 2**
   
     - #### **Logo**: **100×100px** or **50×50px**
     - #### **Hero Background**: **1024×576px** or **640×360px**
     - #### *Size automatically adjusts to fit mobile devices.![Hero 2](https://support.cbo.io/hs-fs/hubfs/Hero%202.webp?width=494&height=290&name=Hero%202.webp)*
3. #### **Hero 3**
   
     - #### **Logo**: **200×200px**
     - #### **Hero Background**: **1024×576px** or **640×360px**
     - #### *Size automatically adjusts to fit mobile devices.![Hero 3](https://support.cbo.io/hs-fs/hubfs/Hero%203.webp?width=494&height=446&name=Hero%203.webp)*
4. #### **Hero 4**
   
     - #### **Logo**: **150×150px**
     - #### **Hero Background**: **830×830px** (square format)![Hero 4](https://support.cbo.io/hs-fs/hubfs/Hero%204.webp?width=501&height=364&name=Hero%204.webp)
5. #### **Hero 5**
   
     - #### **Logo**: **200×200px**
     - #### **Hero Background**: **1920×1080px**, **1024×576px**, or **640×360px** (all work well)![Hero 5](https://support.cbo.io/hs-fs/hubfs/Hero%205.webp?width=501&height=365&name=Hero%205.webp)

#### *These image sizes are optimized for the responsive design to ensure your banners look great on any device.*

 

---

### ✅ Final Check

- #### Always preview changes on desktop and mobile.
- #### Use high-resolution images to avoid blurriness.
- #### Confirm text overlays remain readable on all screens.

#### *Test your event page on different devices before going live to make sure everything looks exactly as you want.*

- [Account & Setup](https://support.cbo.io/account-setup?hsLang=en#main-content)

    - [Users & Logging In](https://support.cbo.io/account-setup?hsLang=en#users-logging-in)
    - [Billing/Renewal](https://support.cbo.io/account-setup?hsLang=en#billing-renewal)
    - [Organization Account](https://support.cbo.io/account-setup?hsLang=en#organization-account)
    - [Event Settings](https://support.cbo.io/account-setup?hsLang=en#event-settings)
    - [Auction Settings](https://support.cbo.io/account-setup?hsLang=en#auction-settings)
    - [Welcome Page](https://support.cbo.io/account-setup?hsLang=en#welcome-page)
- [Get Started](https://support.cbo.io/get-started?hsLang=en#main-content)

    - [Pre-Event Prep](https://support.cbo.io/get-started?hsLang=en#pre-event-prep)
    - [Creating a New Event](https://support.cbo.io/get-started?hsLang=en#creating-a-new-event)
- [Event Day Toolkit](https://support.cbo.io/event-day-toolkit?hsLang=en#main-content)

    - [Paddle Raise](https://support.cbo.io/event-day-toolkit?hsLang=en#paddle-raise)
    - [Live Auction](https://support.cbo.io/event-day-toolkit?hsLang=en#live-auction)
    - [Silent Auction](https://support.cbo.io/event-day-toolkit?hsLang=en#silent-auction)
    - [Butler](https://support.cbo.io/event-day-toolkit?hsLang=en#butler)
    - [Volunteer Training](https://support.cbo.io/event-day-toolkit?hsLang=en#volunteer-training)
- [Messaging](https://support.cbo.io/messaging?hsLang=en#main-content)

    - [Text & Emails](https://support.cbo.io/messaging?hsLang=en#text-emails)
    - [Chat Bidders](https://support.cbo.io/messaging?hsLang=en#chat-bidders)
    - [Welcome Text, Text Bidders, & Email Bidders](https://support.cbo.io/messaging?hsLang=en#welcome-text-text-bidders-email-bidders)
- [Tickets & Sponsorships](https://support.cbo.io/tickets-sponsorships?hsLang=en#main-content)

    - [Tickets, Sponsorships & Underwriting Overview](https://support.cbo.io/tickets-sponsorships?hsLang=en#tickets-sponsorships-underwriting-overview)
    - [Reporting & Data](https://support.cbo.io/tickets-sponsorships?hsLang=en#reporting-data)
    - [Manage Ticketed Guests](https://support.cbo.io/tickets-sponsorships?hsLang=en#manage-ticketed-guests)
    - [RSVP & Invoicing](https://support.cbo.io/tickets-sponsorships?hsLang=en#rsvp-invoicing)
- [Items](https://support.cbo.io/items?hsLang=en#main-content)

    - [Items Overview & Setup](https://support.cbo.io/items?hsLang=en#items-overview-setup)
    - [Quantity Items / E-Commerce](https://support.cbo.io/items?hsLang=en#quantity-items-e-commerce)
    - [Item Donation Form and Donors](https://support.cbo.io/items?hsLang=en#item-donation-form-and-donors)
    - [FMV & Tax](https://support.cbo.io/items?hsLang=en#fmv-tax)
- [Peer to Peer and Donation Campaigns](https://support.cbo.io/peer-to-peer-and-donation-campaigns?hsLang=en#main-content)

    - [Peer to Peer and Donation Setup](https://support.cbo.io/peer-to-peer-and-donation-campaigns?hsLang=en#peer-to-peer-and-donation-setup)
    - [Recurring Donations](https://support.cbo.io/peer-to-peer-and-donation-campaigns?hsLang=en#recurring-donations)
    - [Text to Give](https://support.cbo.io/peer-to-peer-and-donation-campaigns?hsLang=en#text-to-give)
    - [Embed Your Donation Form](https://support.cbo.io/peer-to-peer-and-donation-campaigns?hsLang=en#embed-your-donation-form)
    - [Appeal Display](https://support.cbo.io/peer-to-peer-and-donation-campaigns?hsLang=en#appeal-display)
- [Bidders](https://support.cbo.io/bidders?hsLang=en#main-content)

    - [Bidder Setup](https://support.cbo.io/bidders?hsLang=en#bidder-setup)
    - [Donor Thank You Letters](https://support.cbo.io/bidders?hsLang=en#donor-thank-you-letters)
    - [Bidder Registration Custom Questions](https://support.cbo.io/bidders?hsLang=en#bidder-registration-custom-questions)
- [Reporting & Data](https://support.cbo.io/reporting-data?hsLang=en#main-content)

    - [Event Reporting](https://support.cbo.io/reporting-data?hsLang=en#event-reporting)
- [Credit Card Processing & Payments](https://support.cbo.io/credit-card-processing-payments?hsLang=en#main-content)

    - [Credit Card Processing & Payments](https://support.cbo.io/credit-card-processing-payments?hsLang=en#credit-card-processing-payments)
    - [FAQs](https://support.cbo.io/credit-card-processing-payments?hsLang=en#faqs)
    - [Merchant Account & Merchant Report](https://support.cbo.io/credit-card-processing-payments?hsLang=en#merchant-account-merchant-report)
- [Web Content / Event Landing Pages](https://support.cbo.io/web-content-event-landing-pages?hsLang=en#main-content)

    - [Design & Customization](https://support.cbo.io/web-content-event-landing-pages?hsLang=en#design-customization)
    - [Accepting Donations From Your Landing Page](https://support.cbo.io/web-content-event-landing-pages?hsLang=en#accepting-donations-from-your-landing-page)
- [EventStream Video Streaming](https://support.cbo.io/eventstream-video-streaming?hsLang=en#main-content)

    - [Virtual Live Auction and Paddle Raise](https://support.cbo.io/eventstream-video-streaming?hsLang=en#virtual-live-auction-and-paddle-raise)
    - [EventStream FAQ](https://support.cbo.io/eventstream-video-streaming?hsLang=en#eventstream-faq)
- [Integrations + Partners](https://support.cbo.io/integrations-partners?hsLang=en#main-content)

    - [Neon One](https://support.cbo.io/integrations-partners?hsLang=en#neon-one)
    - [Raiser's Edge NXT](https://support.cbo.io/integrations-partners?hsLang=en#raisers-edge-nxt)
    - [Bloomerang](https://support.cbo.io/integrations-partners?hsLang=en#bloomerang)
    - [Salesforce for Nonprofits](https://support.cbo.io/integrations-partners?hsLang=en#salesforce-for-nonprofits)
    - [Charityproud](https://support.cbo.io/integrations-partners?hsLang=en#charityproud)
    - [Classy](https://support.cbo.io/integrations-partners?hsLang=en#classy)
    - [TravelPledge](https://support.cbo.io/integrations-partners?hsLang=en#travelpledge)
    - [Double the Donation](https://support.cbo.io/integrations-partners?hsLang=en#double-the-donation)
    - [HGA Fundraising](https://support.cbo.io/integrations-partners?hsLang=en#hga-fundraising)
    - [Public API](https://support.cbo.io/integrations-partners?hsLang=en#public-api)
    - [Zapier](https://support.cbo.io/integrations-partners?hsLang=en#zapier)
    - [Virtuous](https://support.cbo.io/integrations-partners?hsLang=en#virtuous)
    - [Charity Experiences](https://support.cbo.io/integrations-partners?hsLang=en#charity-experiences)
    - [Donorperfect](https://support.cbo.io/integrations-partners?hsLang=en#donorperfect)
    - [Little Green Light](https://support.cbo.io/integrations-partners?hsLang=en#little-green-light)
- [FAQs](https://support.cbo.io/faqs?hsLang=en#main-content)

    - [FAQs](https://support.cbo.io/faqs?hsLang=en#faqs)

[![CB Logo Blue-1](https://support.cbo.io/hs-fs/hubfs/CB%20Logo%20Blue-1.png?width=400&height=119&name=CB%20Logo%20Blue-1.png "CB Logo Blue-1")](https://try.cbo.io)

ClickBid Training Hub

<https://www.facebook.com/clickbidonline> <https://www.instagram.com/cbo.io/> <https://www.linkedin.com/company/clickbid-llc/> <https://youtube.com/clickbidonline>

Copyright © 2026, ClickBid Event Fundraising