Thankfully, it’s not as hard as it sounds. Next, we need to reduce the file size by scaling the image then compressing it. This helps Squarespace websites load faster BUT we still need to set our site up for success by reducing the file size.įirst, we must choose the correct file extension ( Chapter 1) and select the correct settings ( Chapter 2). Squarespace automatically displays the corresponding image on the user end depending on their browser size. One of the many reasons I love Squarespace is because the platform magically creates seven versions of every image we upload (except banner images), each with a different width: This is why keeping photo file sizes as small as possible, without compromising quality, is crucial. The more content you have, the more images you’ll need to use.
Having images is important in breaking up content and keeping readers engaged. A site that loads too slowly hurts your SEO and CTR (Click Through Rate). Page speed is a critical factor when it comes to ranking your website higher on Google’s search engine results. Even a one second delay in load time can cut conversions by 7 percent. On average, people wait around 3 seconds for a website to load before finding a faster one. If you don’t have a fast website people will bounce harder than a fat kid on a trampoline. Preferably smaller.ĬMYK color mode is only used for printing and will make your images look strange when viewed on a website so be sure to skip over this setting for your website images. They’re more focused on making sure the image stays 500KB or smaller. Squarespace isn’t too concerned with the PPI though. The standard image resolution size is 72 PPI. The more pixels there are, the higher the quality of the image. PPI is how many pixels there are per inch in an image on the web. DPI isn’t relevant when it comes to computers as they measure in pixels, not dots. If you use a printer that can fit more dots inside of an inch, the quality of the photo will be much higher. Hover over Mode, and from the options select RGB ColorĭPI is only used to measure the resolution of an image when it comes to printing. This is the standard method for getting the colors right on screens such as computer monitors and TVs, which means you’ll want to save all your photos in RGB.
0 kommentar(er)
