How to Report Malware Detection on Your Website - A Complete Guide
Images play a crucial role in enhancing your website's visual appeal and user engagement. Here's a comprehensive guide on adding and resizing images in Squarespace.
Adding Images
You can add images to your site through multiple methods:
- Image blocks for individual photos
- Gallery sections for image collections
- Automatic layouts combining images with text and buttons
- Section background images for banners
- Portfolio pages for project showcases
- Brand elements (logo, social sharing logo, favicon)
- Gallery blocks in blog posts
- Featured images for collection items
- Product images for e-commerce
- Instagram blocks for social media integration
Stock Image Options
- Access free images through Unsplash integration
- Use Getty Images for premium content
- Reuse uploaded images across your site
Mobile App Image Upload
To add images via the Squarespace app:
- Tap + or Add Image
- Choose from:
- Taking a new photo
- Uploading from photo library
- Selecting from files
- Reusing existing images
- Add titles, descriptions, and URLs as needed
Resizing Images
Block Editor Options:
- Intuitive editor: Click and drag to resize
- Classic editor: Use adjacent blocks to adjust width
Specific Resizing Tools:
- Image blocks: Adjust height with cropping handles
- Gallery blocks: Customize layout and crop options
- Summary blocks: Modify image appearance in settings
- Instagram blocks: Change aspect ratio and design
Advanced Image Features
- Alt text for SEO and accessibility
- Animations and effects
- Built-in image editor (crop, rotate, filters)
- Lightbox functionality
- Clickable images with destination URLs
- Hover effects
- Custom image shapes
Social Media Optimization
Use Squarespace's image resizing tool to:
- Batch resize images
- Select preset social media dimensions
- Choose custom aspect ratios
- Download in original file format
- Optimize for Instagram, Facebook, YouTube, X, and Snapchat
Remember that Squarespace automatically adjusts image sizes for different devices through responsive design, ensuring optimal display across all platforms.
Related Articles
How to Choose a Squarespace Template
