Squarespace has deemed this the perfect balance between protecting your image’s quality from the evils of image stretching (a.k.a looking grainy AF when viewed on a giant iMac) and optimizing those page load speeds for a happier Google/internet deity.Īgain, there are exceptions which we’ll cover later on in this post, but a 1500px width is a pretty solid rule of thumb, no matter where you’re uploading it, whether it’s vertical or horizontal, and whether it will be appearing as big or tiny in your end design. If every single image you stuck on your site was the exact same size and shape when viewed by your site visitor, it would be prettyyyy boring from a design standpoint…and not at all a reflection of the creative genius you’ve got going on as a Squarespace designer (or DIY Squarespacer, if that’s your deal).īut believe it or not, it is considered best practice to format most of your photos to the same exact width before uploading! There are however a few specific instances where Squarespace kindly requests you use something else, so I’ll be sure to fill you in on any of those when I get into each image type later in this post! png tend to be a wee bit on the beefy side, size-wise! It’s also the easiest file type to get down to size, since. jpg files, since this is the format most easily recognized and properly displayed by the majority of browsers out there (earning you major brownie points for SEO optimization)! You’ve got just a handful of choices for web-friendly files types that can be uploaded to your Squarespace site:ĩ9% of the time, you’ll want to stick to. Need help getting those file sizes down without sacrificing your beautiful, crisp images?Ĭheck out 10 tips for picking & resizing images for your Squarespace site for an easy how-to on that! Squarespace will let you upload some pretty jumbo files (up to 20MB) but unless you want your page load speed to suffer, you’ll want to keep all images you upload to your site under 500KB. Tips for Squarespace image formatting (before you upload) Squarespace Image file size There are however a few tips to keep in mind to make your images behave the way you want them to, and I’m sharing those in today’s post! It means there are no “exact dimensions” you have to get just right! Phewf! So what does this mean for your site images? (Because somewhere out there, there is still someone rocking the original iPhone…and you want them to be able to see your site on that teensy tiny screen.)
Thanks to Squarespace’s responsive design feature, they’ve made it super simple to have a fabulous looking site, no matter what device visitors show up using. Squarespace image sizing got you scratching your head? Good news…Squarespace has done it again!
0 kommentar(er)
