For best results, follow the suggestions below to format your images before uploading them to your Squarespace 5 site.
- Save images in .jpg, .png, or .gif format only. The .pdf, .psd, .tff, and .doc file types aren't web-compatible.
- Only use letters, numbers, underscores, and hyphens in file names. Other characters (like spaces, question marks, percent signs, and ampersands) may upload incorrectly or cause unexpected behavior.
- Image file names should be lowercase.
- Ensure your images are rotated correctly before uploading them. There isn't a built-in way to rotate them.
- Save images in RGB color mode. Print mode (CMYK) won't render in most browsers.
- Save images in the sRGB color profile. If images don't look right on mobile devices, it's probably because they don't have an sRGB color profile.
- We recommend using image files of less than 500 KB, though the limit for an individual image upload is 20 MB. When it comes to image size, bigger isn't always better, as uploading larger images can affect site performance.
- When possible, before uploading, size your images exactly as you want them to appear on your site.
Mobile best practices
Unlike Squarespace 7, Squarespace 5 doesn't have responsive design, so think ahead to what your visitors will see if they view your site on a mobile device. For example, if your images are small, on a smartphone they may be too small to see clearly.
Third-party image editors
To edit images for your site, you'll need to use third-party software. A Google search will turn up a variety of programs. Here are a few applications you can use:
Software (desktop editors)
- Acorn (free & paid version) - Mac
- Adobe Illustrator (paid) - Mac and Windows
- Adobe Lightroom (paid) - Mac and Windows
- Adobe Photoshop (family of options from free to paid versions) - Mac and Windows
- Corel PaintShop Photo Pro (paid) - Windows
- Gimp (free) - Mac and Windows
- PAINT.net (free) - Windows
- PhotoScape (free) - Windows
- Pixelmator (paid) - Mac
Web (online editors)
- PicMonkey (paid and offers many options)
- Aviary (free and wide range of options)
- Pixlr (free and supports some mobile editing options)
- PhotoshopExpress (free but registration required)
- To add an image to your site, visit Adding an image.
- To upload, store, and share files in your file storage area, visit Using file storage.
- To showcase one or more image galleries, visit Adding a gallery of images.
- To create an animated slideshow, visit Adding a slideshow.
- To add a banner image, visit Custom style examples.
- To create a grid of clickable images, visit Creating a thumbnail image navigation.