Learn how to easily add banner images to your website, along with some best practices to ensure they look great and enhance your site’s design.
Elevate Your Design with Striking Banner Images!
We couldn't agree more – banner images are the face of your design! To ensure your site shines, here are a few tips:
- Minimum Width: Aim for a minimum width of 2000 px to guarantee a visually appealing display.
- Consider Mobile Users: Keep in mind that cell phones have smaller screens. Opt for images that remain impactful even on compact displays.
- Image Quality Matters: Resolution is crucial, but so is image quality. Poor lighting or blurry shots may impact the overall aesthetic. Choose images that reflect the excellence of your school in every detail.
- Professional Photography Option: If you're aiming for top-notch visuals, consider hiring a professional photographer. They have the expertise to capture your school in the best light, creating images that truly make your design stand out.
Your school deserves to shine, and we're here to help you achieve that! Let us know if you're interested in exploring the option of hiring a photographer to elevate your design to the next level.
Updating Your Banner
Updating your banner is easy! Simply click on the banner in the editor to get started.
Here's what you can do:
- Add from Images: Easily incorporate more visuals by selecting from existing images.
- Upload New Images: Have a fresh set of visuals to share? Upload them directly to the pop-up for immediate display.
- Embed YouTube Videos: Take engagement to the next level by dropping in the embed code for a YouTube video. Showcase dynamic content right from the banner!
Once you upload an image, even more options appear!
🖊️ Pencil Icon - Banner Cropping Tool: Click on the pencil icon to open up a world of design possibilities. Crop images to perfection, add filters for a personalized touch, and even blur out faces if needed. It's your canvas – let your creativity shine! Learn More about Banner Cropping Tool.
💬 Chat Bubble Icon - Title and ADA Text: The chat bubble icon is your gateway to adding titles and ADA-compliant text to your images. Make your visuals not only stunning but also accessible to everyone. It's a small step with a big impact!
🔗 Link Icon - Create Connections: Click on the link icon to seamlessly connect your images to various destinations. Whether it's internal links, external websites, or even specific documents, you have the power to direct your audience wherever you choose.
🗑️ Delete Icon - Streamlined Deletion: Need to make a change? Click on the delete icon to effortlessly remove any images that no longer fit your vision. It's quick, it's easy, and it ensures your content stays perfectly curated. Don't worry! Banner images are stored in the Images repository in case you need them again in the future.
NOTE: Be sure to save your work before closing the Banner window.