Adding images to your site and ensuring they look professional across all devices is essential for creating an engaging web presence. Here's how to effectively add and resize images in Squarespace:

Adding Images

You can add images through multiple methods:

• Image blocks for single images
• Gallery sections for multiple image layouts
• Background images for banners
• Product images for e-commerce
• Instagram blocks for social media integration
• Portfolio layouts for project showcases
• Logo and favicon for branding

Stock Images If you need images, access free stock photos through Squarespace's partnerships with Unsplash and Getty Images.

Mobile App Image Upload

To add images via the Squarespace mobile app:

1. Tap [+] or [Add Image]
2. Choose from:
   • Take a new photo
   • Upload from photo library
   • Upload from files
   • Reuse existing image
3. Add title, description, and click-through URL as needed

Resizing Images

Resize options vary by editor type:

Creative Editor:

• Click and drag blocks directly to resize
• Adjust width and height freely

Classic Editor:

• Use spacer blocks to control image width
• Adjust block settings for specific dimensions
• Apply cropping tools for precise sizing

Section-Specific Resizing:

• Gallery sections: Choose layout styles
• Portfolio pages: Select display options
• Store pages: Adjust product image ratios
• Banner images: Modify section height/width
• Site logo: Control position and scale

Advanced Image Features

Enhance images with:

• Alternative text for SEO and accessibility
• Animations and hover effects
• Lightbox display options
• Click-through URLs
• Custom shapes and frames
• Built-in image editor for crops and filters

Social Media Optimization

Use Squarespace's image resizer tool to:

• Convert images to optimal social media sizes
• Choose from preset platform dimensions
• Maintain original file formats
• Batch process multiple images
• Download resized images as ZIP files

Remember that all Squarespace sites feature responsive design, automatically adjusting image sizes for different devices while maintaining visual quality.

Related Articles

Previous Articles