Images play a vital role in creating an impactful website experience. They help make a strong first impression and can significantly enhance your design, message, and content delivery. Here's everything you need to know about using images effectively on your website.

Image Format Best Practices

Follow these guidelines to ensure optimal image performance:

• Choose appropriate file formats (JPEG, PNG, GIF)
• Optimize file sizes for fast loading
• Use web-optimized resolution
• Maintain aspect ratios

Ways to Add Images

Image Blocks Single image placement for pages, blog posts, and content areas.

Gallery Sections Automatically organize multiple images into attractive layouts, perfect for image collections.

Smart Layouts Combine images with text and buttons in flexible arrangements, ideal for team profiles or project showcases.

Gallery Blocks Create varied gallery layouts within pages and blog posts, supporting:

• Image uploads
• Video embeds
• Licensed stock photos

Gallery Pages (Version 7.0) Display images and videos with template-specific features and layouts.

Brand Identity Elements

Strengthen your brand presence with:

• Custom logo upload
• Favicon icon
• Social media logos
• Banner images

Social Media Integration

Optimize your images for social sharing:

• Set featured images for social platforms
• Configure Instagram blocks
• Create engaging banner images
• Maintain consistent branding across platforms

Remember to clear your browser cache after making image changes to see updates immediately.

Best Practices:

• Use high-quality, relevant images
• Maintain consistent style and branding
• Optimize all images for web performance
• Consider mobile responsiveness
• Include appropriate alt text for accessibility

Note: Following these guidelines will help create an engaging, professional website while maintaining optimal performance and user experience.

Related Articles

Previous Articles