Adding images to your site is essential for visual appeal and effective communication. Here's how to add and resize images effectively:

Adding Images

You can add images through multiple methods:

• Use image blocks for individual images
• Create gallery sections for image sets
• Build layouts combining images, text, and buttons
• Add banner images as section backgrounds
• Display product images in various angles
• Import Instagram images via Instagram blocks
• Use the Asset library to manage and reuse uploaded images

Stock Images Access free stock images through Squarespace's partnerships with Unsplash and Getty Images.

Mobile Image Upload

To add images via the Squarespace app:

1. Tap + or Add image
2. Choose to:
   • Take a new photo
   • Upload from photo library
   • Upload from files
   • Reuse an existing image
3. Add titles, descriptions, and clickthrough URLs as needed

Resizing Images

Resize options vary by editor:

Fluid Engine:

• Click and drag blocks directly on the page

Classic Editor:

• Adjust width by adding adjacent blocks
• Use cropping handles for height adjustment
• Modify gallery layouts and designs
• Customize store page image dimensions

Advanced Image Features:

• Add alt text for SEO and accessibility
• Apply animations and effects
• Use the built-in image editor
• Enable lightbox viewing
• Create clickthrough URLs
• Add hover effects
• Apply custom image shapes

Social Media Optimization

Use Squarespace's free image resizer to:

• Create perfect sizes for social platforms
• Choose from preset dimensions
• Maintain original file formats
• Batch process multiple images

For best results:

• Follow formatting guidelines
• Consider responsive design
• Ensure proper image compression
• Maintain brand consistency
• Test across different devices

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

Related Articles

Previous Articles