For tips related to the images displayed on your Square Online site, take a look at the general guidelines below.
Non-background images:
The best approach for non-background images added to any page of your site is to use JPEGs that are no more than 1,000 pixels on their longest side.
For high-quality images, we recommend using a photo hosting site made for photographers (e.g. Flickr.com) and embedding the images onto your site from there. We don’t design around larger, uncompressed, high-quality images because we need to host millions of images from millions of users. As a result, third-party image hosting can be a better way to make sure your image quality doesn’t go down.
For images that are a part of your site design (e.g. header, banner, and background images), it’s best to use an image that’s at least 2,000x1,000 pixels. This makes the image large enough to look good at full width on virtually any screen size.
A good rule of thumb is to use an image with a 1:1 aspect ratio that’s at least 2,000x2,000 pixels large. Anything lower than 2,000x2,000 could result in blurry images.
If you’re taking product images on your own, check out our Square Photo Studio app, where you can take professional-looking, quality product photos directly from your mobile device.
