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.