With high-quality images, you can break up text, showcase products, and enhance your brand identity. Here's how to add and resize images on your site effectively.

Adding Images

You can add images in several ways:

• Use image blocks for individual photos
• Create gallery sections for multiple images
• Design banners with background images
• Add product images to showcase items
• Include Instagram feeds via Instagram blocks
• Upload site logos and favicons
• Insert featured images in blog posts and collections

To add images via the mobile app:

1. Tap + or "Add Image"
2. Choose to:
   • Take a new photo
   • Upload from photo library
   • Upload from files
   • Reuse existing images

Resizing Images

Resize options vary by content type:

For Blocks:

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

For Sections:

• Gallery sections: Customize layout and styling
• Portfolio pages: Modify image appearance
• Store pages: Change aspect ratio and width
• Banner images: Adjust section height/width

Advanced Image Features

Enhance your images with:

• Alt text for accessibility and SEO
• Animations and hover effects
• Built-in image editing tools
• Lightbox viewing options
• Clickthrough URLs
• Custom image shapes
• Scroll effects

Social Media Optimization

Use Squarespace's free image resizer to:

• Batch resize images
• Choose preset social media dimensions
• Convert to optimal formats
• Maintain original file quality
• Download in convenient zip files

Remember that all images automatically adjust for different devices through responsive design, ensuring optimal viewing across all screens.

Related Features:

• Video integration
• Accessibility optimization
• SEO enhancement
• Gallery customization
• Dynamic editing tools

Related Articles

Previous Articles