Table of Contents
The Importance of a Custom Header Image
A carefully selected header image can significantly improve the visual impact of your website and strengthen your brand identity. As the first element that visitors encounter, your header image plays a crucial role in shaping their initial impression of your real estate business, fostering trust and engagement.
When choosing a header image, it's important to choose images that accurately represent your market and brand while steering clear of distracting elements or those that may not display correctly. For example, images that contain text or feature prominent faces may become cropped or misaligned, leading to an unprofessional appearance. Instead, focus on simple and clean visuals that are compatible with responsive web designs.
Recommended Image Types
Recommendation
There are services that provide high-quality, free, images that are specifically designed to be used on website services. Check out www.unsplash.com or www.pexels.com to download images to upload to your website!
Preparing Your Image
Before you upload a header image to your Real Geeks website, it’s important to ensure that the image meets specific requirements for optimal display. Taking these steps beforehand will save time and avoid potential issues like misalignment or poor resolution.
File Format and Size Requirements
Use JPG or PNG files for the best results.
Recommended Dimensions (By Website Template):
Tips for Choosing the Right Image
- Avoid Text and Faces: Header images may be cropped on different devices, so avoid images with text or prominent faces that could get cut off.
- Focus on Simplicity: Opt for clean, uncluttered visuals such as landscapes, homes, or skylines.
- Stay On-Brand: Choose images that reflect your market and branding, such as luxury properties or recognizable landmarks in your area.
- Test for Responsiveness: Ensure the image looks good on both desktop and mobile devices.
How to Upload Your Header Image
Real Geeks lets you set a site-wide header image for branding while allowing custom images on individual pages for greater design flexibility. This can include a custom image that you want to upload, or use the free Real Geeks image gallery.
Method 1: Customize Your Site-Wide Header Image
- Visit your website backend - add /admin to the end of your website domain (www.website.com/admin)
- Click Website Settings
- Select Template Options
- Select a method of introducing a Header Image:
- Gallery Image or Video: Access a library of free images or videos to use on your website
- Custom Image or Video: Upload a Custom Image to further personalize your website
- Use Default: Use the image that comes stock-standard on your Real Geeks website
- Click Upload to select the image file from your device
- Click Insert
This method is ideal for creating a consistent look across your website by applying the same header image site-wide.
Method 2: Customizing Per-Page Header Images
- Visit your website backend - add /admin to the end of your website domain (www.website.com/admin)
- Click the page type you want to open (content page, area page, etc...)
- Select your target page
- Click Show next to Override Landscape Image
- Select your image setting for the page
- To Use Our Free Gallery Images: Click Open Gallery and select an image. Click Choose to apply the image to the page
- To Use a Custom Image: Click Pick Image or Video. Use the Upload button to upload a new image to your site's filebrowser. Click Insert to apply the image to the page
- Click Save
This method is perfect for personalizing individual pages, such as highlighting a luxury listing on a featured property page or showcasing a specific neighborhood on a community page.