

Since 1080p is a very common screen resolution, I would recommend a width of 1920px if your image is going to be a full screen or full-width banner. I usually say that an image used on Squarespace should be about 1500px. What size should I use for Squarespace images?

So out of the total 17,388,900 pixels in your image, about 10,048,900 pixels (almost 60%) of the image is "made up" data, which will definitely affect image size. So where did those extra 3170 pixels in each direction come from? Well, Photoshop made a best guess and put in the color it thought would work best. So your original 72 PPI image might be 1000 px by 1000 px whereas your 300 PPI image will be roughly 4170 px by 4170 px. Now let's say you save an image as both 72 PPI and as 300 PPI, what basically happens is that Photoshop will basically multiply the image resolution by roughly 4.17. Photoshop will try to fill in the new pixels with data but it makes a "best guess" of what should go there so the image quality suffers. Getting upsampled isn't a good thing though, it's like taking a small image and stretching it out. When you set a PPI of 300, if your image started off with a lower than 300 PPI, your image gets "upsampled". This is not correct for a few reasons and I'll try to explain why and then give you a visual demonstration.įirst off, PPI stands for "pixels per inch" so having more pixels per inch will generally result in a higher quality image. When you ask people what size image to use on Squarespace, you'll probably get responses like "1500 px maximum width, and 72 PPI or 300 PPI". So here's where it gets slightly complicated. Since computers don't use dots to display images (they use pixels which is different), DPI doesn't matter. So if someone was printing a photo, using a printer that can put more dots inside of an inch, would give you more quality. DPI is an acronym for "dots per inch" which is a unit of measure for printers. To answer why we simply have to look at what DPI stands for. Does PPI matter for web use? Let's find out! Does DPI matter for web use? A lot of people are confused between image size, PPI, DPI, and resolution for images they use on Squarespace.
