What to do before adding images to your Squarespace site
Images are an essential part of your website but are you doing the right thing to make sure that they are optimized for your website to load at its fastest speed? I’ll show you the trick of what you should do before uploading any images on your Squarespace website.
1. Name your images
Before uploading any images onto your Squarespace website, you want to make sure that you are naming your images. Don’t leave your image as IMG_482032.png name it accordingly. I usually name my images like so: launch-with-erika-squarespace-designer.png or something in that realm. Naming your images will also help search engines like Google identify the images in your website. That way if someone were to Google your name and click on images, they could easily find you there too because you’ve done your due diligence of naming your images.
2. Resize your images
Another useful tip is resizing images. Image size affects your website speed and search engines, like Google, evaluate how fast your website is which at the end of the day is for your web visitors. So, you want to make sure that your website is loading pretty fast for your web visitors. Website visitors expect to see your website load in about 2 to 3 seconds or else guess what they’re going to be doing? Yep, you guessed it, they’ll be leaving your website faster than they got there. Have I convinced you yet as to why you should be resizing your images?
So, how do you resize your images?
Well that’s simple if you’re using a Mac you can easily double click on the image to open up ‘Preview’. Then hit Tools > Adjust Size.
Be sure that you’re using pixels. Below should say ‘resulting size’ which tells you the size of your current image. You want to play around with the image size by using the width and the height until you’re at or around 500KB. 500KB is the standard image size for uploading images on your website.
3. Put images in a folder
This is not a must, but I definitely recommend it. It keeps your images organized and ready to go if you ever need them. I like to separate my images into folders for each web page that I have and putting that into a master folder and naming it ‘Website Photos.’ That way I know which images have been named, resized and are ready to be uploaded.