Images are vital for website success, making a powerful first impression and enhancing overall design. This guide covers everything you need to know about using images effectively on your website.

Best Practices for Image Formatting

• Optimize images for web performance
• Follow file size limits
• Use appropriate image formats
• Ensure proper resolution

Adding Images to Your Site

Image Block Use image blocks to add single images to pages, blog posts, or content areas.

Gallery Section Create organized layouts of multiple images automatically, perfect for photo series or collections.

Automatic Layout Combine text and images flexibly for:

• Team member showcases
• Project portfolios
• Product displays Features include title text, descriptions, and button links.

Gallery Block Add versatile galleries to pages and blog posts with:

• Multiple layout options
• Video embedding capability
• Stock image integration
• Custom image uploads

Gallery Page Display images and videos with template-specific features (Version 7.0+).

Brand Identity Elements

Logo Implementation

• Site logo placement
• Favicon (browser icon)
• Social sharing logos
• Browser cache management

Social Media Integration

Enhance your online presence with:

• Social sharing images
• Hero images for impact
• Banner images for branding
• Instagram block integration

Pro Tips:

1. Keep image sizes optimized for fast loading
2. Maintain consistent branding across all images
3. Use high-quality visuals that align with your message
4. Regularly update visual content for freshness

Remember to clear your browser cache after making significant image changes to ensure proper display of updates.

Related Articles

Previous Articles