Editing images on your site

Modify images using built-in or third-party image editing tools.

Last updated February 23, 2024

Squarespace includes a built-in image editor for making changes to images on your site. Editing tools include cropping, aspect ratio, brightness, saturation, and contrast.

Any changes you make using the editor will permanently change the uploaded images. We recommend backing up your original image files.

Watch a video

Before you begin

  • The editor converts edited .gif files to static .jpg files.
  • Image edits are permanent on your site and can't be reverted. Before clicking Save, we recommend backing up the original file on your computer.
  • When you edit an image, the edited image is saved as a copy for reuse in your site's Asset Library panel.
  • The editor doesn't support transparency in .png files.
  • Previewed Getty Images can't be edited until you've licensed them.
  • The editor isn’t available for images uploaded to site styles in version 7.0.

Where to use the image editor

This editor is available for most images on your site, including:

Open the image editor

The steps to open the image editor depend on where the image is on your site.

Edit images

In the image editor, you'll see icons in the top-right corner for each editing menu. Click the Adjust, Crop, or Filter icon to see each set of editing tools.

After editing, you can cancel or save changes:

  • To cancel your last change, click the Undo icon (left arrow). Click the Redo icon (right arrow) to reapply it.
  • To cancel all changes in that panel, click Reset.
  • To abandon all changes, click Cancel to cancel all edits and close the image editor.
  • To save all changes, click Save in the top-left corner. After saving, image edits are permanent and can't be reverted.

Learn more about each editing tool in the sections below.

image editor tools

image editor tools

Adjust

Click the Adjust icon, then use the sliders to adjust each option.

Adjust_the_sliders_to_edit_brightness__contrast__and_other_image_settings.gif

Adjust_the_sliders_to_edit_brightness__contrast__and_other_image_settings.gif

Crop, flip, and rotate

Click the Crop icon, then use the tools in the sidebar to edit your image.

  • Crop - Click an aspect ratio icon to crop using standard dimensions, or click Custom to crop the image manually. Click Original to remove all cropping.
  • Flip - Click Flip X to flip the image horizontally or Flip Y to flip it vertically.
  • Rotate - Click -90° or 90° to rotate the image 90° to the left or right.
  • Straighten - Use the slider under the image to straighten it.

Crop_the_image_to_certain_dimensions_automatically_or_do_it_manually.gif

Crop_the_image_to_certain_dimensions_automatically_or_do_it_manually.gif

Filter

Click the Filter icon, then use the thumbnails in the sidebar to add color filters your image.

Note

You may need to scroll to see all filter options, depending on the size of your browser.

Select_from_a_variety_of_filters.gif

Edit images outside of Squarespace

If the Squarespace image editor doesn't have the editing options you need, you can use any third-party image editing software before adding images to your site.

Before editing images in a third-party tool, review our formatting tips and specifications.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.