Recommended Image Sizes

Optimizing your image sizes is crucial for a fast-loading, visually appealing website. Using the recommended dimensions ensures your images display correctly across various devices and maintain their quality.

General Recommendation: Embrace the 16:9 Aspect Ratio

For most full-width or feature images on your site, we strongly recommend using a 16:9 aspect ratio. This widescreen format is ideal for showcasing content across desktops, laptops, tablets, and mobile devices, providing a consistent and professional look.

To achieve a 16:9 ratio, the width should be approximately 1.77 times greater than the height. For example, an image that is 1440 pixels wide should be around 810 pixels high.

Specific Image Dimensions

Here are the recommended dimensions for key image placements on your site:

• Home Page Banner Image: 1440px W x 810px H (16:9 aspect ratio)
  • This prominent image sets the tone for your website, so ensure it's high-quality and visually engaging.
• Home Page Site Logo Image: 400px W x 400px H (1:1 aspect ratio)
  • Your logo should be clear and distinct. A square format is generally best for logos, ensuring it appears well in various contexts.
• Offering Feature Image: 1440px W x 810px H (16:9 aspect ratio)
  • When showcasing an offering, this image should be compelling and accurately represent what you're providing.
• Package / Membership Feature Image: 1440px W x 810px H (16:9 aspect ratio)
  • Visually represent your packages or memberships with a striking image that highlights their value.
• Store Item Feature Image: 1440px W x 810px H (16:9 aspect ratio)
  • High-quality product images are essential for online sales. Ensure these images clearly display your store items.
• Blog Feature Image: 1440px W x 810px H (16:9 aspect ratio)
  • These images appear at the top of your blog posts and are often used when sharing on social media. A captivating image can significantly increase engagement.

Tips for Image Optimization

• File Format: Use JPG for photographs and complex images, and PNG for images with transparency or sharp lines (like logos).
• Responsiveness: While we provide recommended dimensions, our website platform is designed to be responsive, meaning your images will automatically adjust to fit different screen sizes. However, starting with the recommended sizes ensures the best possible display across all devices.

By following these guidelines, you can ensure your website looks professional, loads quickly, and provides an excellent user experience.