If you want to go beyond the technical best practices for Squarespace images and ensure that your images are design-friendly for your customers, too, check out these 3 design tips. Ideally, each page should have all content add up to less than 5MB for optimal performance.ģ Visual Tips to Increase Squarespace Conversions Image file sizes can be as large as 20MB, but Squarespace encourages site owners to opt for closer to 500KB file sizes or less so that you don’t impact size performance and loading speeds, which is a concern with larger images.For mobile, use the sRGB color profile, or your images may not display correctly. Images should be using RGB color mode print mode (CMYK) won’t work in most browsers.(Note: To find megapixels, multiply the dimensions of your image and divide it by 1 million.) Keep image resolution under 60 megapixels.Only include letters, numbers, underscores, and hyphens in file names other characters may cause errors when the images are being displayed in product galleries.You can use images in JPG, GIF, or PNG formats only.Squarespace has the following requirements for product images being used on their site: Other Image Technical Requirements on Squarespace If they’re wider than that, they may not display on mobile correctly. Banners should be at least 1500 pixels wide.Background images should be at least 2500 pixels wide, which is likely how wide Squarespace will stretch them to. They should be saved as a PNG or ING file. Favicons (or the tiny logos that appear in the URL address bar) should be between 100×100 and 300×300.Here are the ones you need to know and their recommended image dimensions: While product pictures get most of the attention here, there are a few other types of images you may want to include on your Squarespace site. What About Other Types of Squarespace Images? The right choice for displaying will depend on the size of the image container, but they recommend uploading images that are at least 1500-2500 pixels long in width so that there’s potential for it to resize correctly and have zoom capabilities. When you upload an image to Squarespace, they’ll automatically create seven different versions of each image, with widths of 100, 300, 500, 750, 1000, 1500, and 2500 pixels, and it’s up to you to choose which you’d like to go with. There’s good news though: You can use the same size images and aspect ratios for every type of image, simplifying the process significantly. Thumbnail images. These images display in product blocks, and on product pages in Advanced options. These will only appear on the product pages, though they can display when users hover over the thumbnail when using the Advanced Product Page option (we’ll look at this in a minute).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |