Once you are done making all the images of the same aspect ratio, you can upload them to Squarespace and they will display beautifully. Now while preparing the images, you can change all of them by the same amount. This is an aspect ratio of 3:2, similarly, you can imagine other aspect ratios to understand how it works. If you are having trouble perceiving them, let us imagine a picture of 3cm by 2cm. Other common aspect ratios are 3:4 for a vertical picture or 3:2 for a horizontal picture. A common way is to use aspect ratio 1:1, which is a square image. This means all the pictures should have the same width and height. It’s a good idea to make sure that all the images have the same aspect ratio. If you are going to be uploading multiple images on your website. When you are looking to use images for print, the resolution should be 300 dpi. Although this is not the same requirement for quality printing. If you will only use the image for your website, then a resolution of 72, 144, 150 dpi should be fine. The image is likely to get pixelated if it is less than 1500 pixels wide. If you provide a small image size, it can easily become blurry and ruin the picture. Squarespace will take your image and reformat it for you so that it’s ready for all screen sizes.ĭon’t use anything too small as they may need to stretch or resize the image to fit the website. When I upload a standard image, I personally like 1000 by 1500 pixels, and for banner image 2000 by 2500 pixels. In Squarespace, the preferred image size is 1500 by 2500 pixels. Image sizeĪlong with the file size, image size is also important. I’ll explain further on in the blog post how to change the image size but get familiar with checking the image details. It will display the details of the image. Click on Tools, then select show the inspector. If you are using Mac, to check the image size open the image in the preview. If you are a little bit over it’s fine but this is the recommended file size. What a drag!įor Squarespace, the ideal image size is 500 kb. I am sure you don't want them to load your page and wait for 30 seconds for an image. The Text will appear fast while visitors have to wait for the images to show up. That’s not going to do anything for your website speed but don’t worry you can still achieve the look of a high-quality image with a compressed file.īut basically, gigantic images slow down your website. If you are planning to upload an 8MG image to your website, think again. You can add keywords to the name to make sure that Google recognizes it but make sure it’s relevant to the image. The file name is a chance to promote SEO. So, you can easily recognize it and remember what this image was for. Keep the following points in mind while renaming the file ![]() Plus how will you ever find that file name again!Ī better example is “Brochure design for Off and On by Simply Whyte Design.” ![]() ![]() But Google is not familiar with it so that it won't be good for your SEO. To you, it may seem natural because that was the name set from your camera. Only hyphen and underscore are accepted.ĭo not upload a file with the name x_123-UdjadnseraA.jpg. Filling your filename with a whole bunch of random characters and numbers that no one can understand is a no, no. The most common file formats you will be using are gif, png, jpg files. This post will take you through the ideal steps to prepare your images to resize and upload to your Squarespace website. Although these steps may seem like small details, like I mentioned before doing this preparation overall can avoid website speed issues, be good for your SEO and save a whole load of time down the track.
0 Comments
Leave a Reply. |