Squarespace Banner Image Resizer

Resize images for Squarespace banners and hero sections. Create stunning full-width banner images for your Squarespace site.

Drop your image here 🍡

PNG, JPG, WebP, BMP — any size, mochi handles it all

Resized Image
Result
Dimensions
--
File Size
--

Image too small? Sharpen first

If your image is smaller than the target size, use Sharpen for better clarity, then resize.

Browse All Tools →

Continue your workflow

Specification Value
Banner/Hero Size1500 x 750 px (minimum)
Recommended Width1500-2500 px
Maximum File Size500 KB recommended
FormatJPEG, PNG, GIF
Blog Image1500 px wide
Gallery Image1500 px on longest side
Logo400-800 px wide (PNG with transparency)

Frequently Asked Questions

What size should Squarespace banner images be?
Squarespace recommends banner and hero images be at least 1500 pixels wide, with 2500 pixels ideal for high-DPI displays. A 1500x750 (2:1 ratio) is a versatile starting point for most templates.
Why do my Squarespace images look blurry?
Squarespace compresses images automatically and serves them at different sizes for different devices. If your source image is too small, it will look blurry when stretched. Always upload images at least 1500 pixels wide.
Does Squarespace compress images?
Yes, Squarespace automatically compresses and resizes images for optimal web performance. However, you should still upload properly sized images — don't rely on Squarespace to shrink a 10 MB file for you.
What image format is best for Squarespace?
Use JPEG for photographs and complex images. Use PNG for graphics with transparency, logos, and images with text. Squarespace will serve images in modern formats (WebP) to supported browsers automatically.