Images and image blocks enrich your website by highlighting products, showcasing personality, and enhancing text. Here's how to effectively add and resize images on your site.

Adding Images

You can add images through multiple methods:

• Individual image blocks
• Gallery sections for grouped layouts
• Auto layouts combining images, text, and buttons
• Section background images for banners
• Portfolio page images
• Branding elements (logo, social sharing logo, favicon)
• Gallery blocks in blog posts
• Product images for different angles
• Instagram blocks to display social content

Reusing Images

Access the content library to manage and reuse any previously uploaded images across your site. You can also use stock images from Unsplash and Getty Images partnerships.

Mobile App Image Upload

To add images in the mobile app:

1. Tap + or Add Image
2. Choose from:
   • Taking a new photo
   • Uploading from photo library
   • Uploading from files
   • Reusing existing images

Resizing Images

Adjust image sizes based on their placement:

Blocks:

• Creative Editor: Click and drag directly
• Classic Editor: Adjust width using adjacent blocks

Sections:

• Gallery sections: Customize layout and display options
• Portfolio pages: Modify presentation settings
• Shop pages: Change aspect ratio and width

Other Areas:

• Banner images: Adjust section height/width
• Website logo: Modify position and size

Advanced Features:

• Add alt text for accessibility
• Apply animations and effects
• Use built-in image editor
• Enable lightbox viewing
• Create clickable image links
• Add mouse-over effects
• Apply custom image shapes

Social Media Optimization

Use the image scaler tool to:

• Resize for specific platforms
• Choose preset dimensions
• Maintain original file format
• Batch process multiple images
• Download in ZIP format

Remember that all images automatically adjust for responsive design across different devices.

Related Articles

Previous Articles