Resizing of Banner Image

[RALGA]

Every time I put an image up as a Banner, it increases the image too much making it quite blurred.

Can anyone tell me what size the image should be before I load it up to the system?

At the moment, my image is 200x88

Any idea's please?

Thanks

[k_atie]

Hey @RALGA, welcome to the Seller Community! 

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.
• Learn more about customising images and backgrounds in Square Online.

Background images:

• 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.
• Learn more about customising images and backgrounds in Square Online.

Item images:

• 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.
• Learn more about product images in Square Online.

Category images:

• Category images should generally be at least 160 pixels on the shortest side and have a 4:3 aspect ratio.

Hope this helps!