Add and resize images

false

Add and resize images

Last updated August 20, 2026 16:49

Upload engaging visuals for your site or choose from stock images to match your brand.

Use images to highlight your products or portfolio, break up text, or showcase your brand’s personality. After adding images, you can resize them to make your images bigger or smaller on the page.

Video on adding and resizing images

This video shows how to add and resize images in Fluid Engine sections.

Where to add images on your site

Where you add images to your site depends on your site's version.

On version 7.1 sites, you can add images to:

On version 7.0 sites, you can add images to:

  • Image blocks - Standalone images on your page content
  • Banners - Full-bleed images that display at the top of the page or behind your content
  • Cover pages - Images that display on standalone pages with unique layouts
  • Featured images - Images that represent collection items like products, blog posts, or portfolio projects
  • Gallery blocks - Sets of images you can add to block areas
  • Gallery pages - Sets of images on pages with striking layouts
  • Site-wide background images - Images that display behind your site in some templates
  • Social sharing images - Images that display when you share links to your website on social media
  • Your favicon - Icon that appears in visitors’ browser bar or tab
  • Your site logo - Logo to represent your site title or brand

Other blocks that display images on your site

You can’t add images directly to some blocks. Instead, these blocks display images from elsewhere:

How to add images

Add images to your site by uploading from your device, adding stock images, or reusing images from your Asset library.

Upload images from your device

Add an image to your site directly from your device. You can upload images to specific elements on your site, like image blocks or gallery sections, or upload to your Asset library to use later throughout your site.

When uploading images:

Add stock images

Add stock images through our partnerships with Unsplash and Getty Images. You can also reuse any stock image in other areas of your site.

Reuse images you've previously added

Reuse any image you've already uploaded to your site or any stock image you've licensed. View and manage all uploaded and licensed images in the Asset library.

Resize images

Squarespace sites use responsive design to automatically change the size of images depending on the visitor's device. To make images bigger or smaller on the page, or change how they crop, you can resize them in the editor.

Resize images added to blocks

How you resize blocks with images depends on the editor:

  • Fluid Engine - Resize blocks directly on the page by clicking and dragging.
  • Classic editor - Reduce the width of any block by adding other blocks next to it.

Some blocks have ​​specific resizing options:

Resize images added to pages and sections

Use the styling options for each page or section type to adjust how the images appear on your site:

Resize images in other areas of your site

Images in some areas of your site have more specific resizing options:

Tip: To make changes to your original image file dimensions, we recommend using third party image-editing software. For example, if you uploaded an image that’s 600px x 600px, but you want it to be 400px x 400px, you’d edit the image on your device, then upload it again to your site.

Customize your images with advanced design tools

Go beyond the basics with interactive images, animations, and image shapes:

Tip: To make changes to your original image file dimensions, we recommend using third party image-editing software. For example, if you uploaded an image that’s 600px x 600px, but you want it to be 400px x 400px, you’d edit the image on your device, then upload it again to your site.

Add images in the Squarespace app

You can add images to some areas of your site, like gallery sections and image blocks, in the Squarespace app. You can also add images to My Library to reuse on a computer.

To add an image:

  1. Tap + or Add image.
  2. Depending on the image area, and whether you're using an iOS or an Android device, you can:
  3. Take a new photo
  4. Upload an image from your photo library
  5. Upload an image from your files
  6. Reuse an image
  7. Add a stock image (image blocks on iOS only)
  8. Drag and drop images from Photos (Split View on iPad only)
  9. Tap images to add titles, descriptions, and clickthrough URLs. Some image editing features are limited on the app.

Resize images for social media

You can resize and crop images to specific dimensions for use outside Squarespace or on social media platforms with Squarespace's free image resizer.

To use the image resizer:

  1. Click Upload Images. You can select multiple .jpg or .png files.
  2. Select the preset sizes you want for use on Instagram, Facebook, YouTube, X (formerly Twitter), and Snapchat, and from other standard aspect ratios.
  3. Click Confirm Selection.
  4. Click the download icon in the top-right corner to download the images in a .zip file. The new images retain the original version’s file format.

Note: It's not possible to use the resizer for images previously uploaded to your Squarespace site. Instead, use the resizer first, then upload the images.

Was this article helpful?

Yes No

408 out of 1494 found this helpful

Yes No

Add and resize images