Hi, I wanted to give you a quick overview of how you can optimize images for your website that can help your SEO, and also your website load speed, as well as your overall usability of your website.
So there are a couple of different facets here. The image dimensions are the first facet. So that would be like when you get those huge files from our photographer or from your phone that are 3000 by 5000 pixels, those are far too large for your website, you want to shrink those down, you can save the original file and make a copy of the file in a smaller size.
Makes sure that the dimensions are the right size for the place, you’re putting on your website. Also, the file size is very important and so those huge files that you get from your phone or from our photographer, are going to be 10s of megabytes and what you want to do is get your web images down to, you know, kilobyte size.
So, in order to do that, you can use compression, you can also make sure that it’s set for web dpi, which is generally 72 or 90 dpi, which stands for dots per inch, or PPI pixels per inch. And then you can also use a tool like tinyPNG, which uses lossy compression to reduce the file size and strip out a lot of the background data. But leave the image quality, that’s my favorite tool. So tiny png.com is a really good tool.
You also want to make sure that you’re using the right file type. So you don’t want to be uploading an AI file or a dot psd file, you want to use a dot PNG or JPG and then and so these elements are really, for the file itself, you do all of these things before you even upload it into your website. You can also sell select a file name before you upload it to the website.
You can also rename your file once it’s in there. But you could use descriptive keywords in your file name and that’s going to help you stay organized it’s also going to give context to the search engines for what this image is, and what the other information around the image is about as well. image title follows the same type of rules. It’s another place to use applicable keywords.
But you want to also make sure that you’re not just stuffing a bunch of keywords in there. If you have different variations of keywords around a similar topic, I would recommend using those variations of those synonyms in these different places.
The final element is the image alt tag, which is now required by ADA laws and this helps describe the image to the user in the code and also if the user is using a screen reader. So you want to maximize the value of your alt tag by using keywords and you want to provide that extra service to those who might be visually impaired and can’t see the content of the image that you’ve provided.
So I hope that this has been helpful image optimization is so important and such a big factor in your website load speed. Many many people overlook their image optimization when creating their website and then don’t understand why their website is taking so long to load. These are very small tweaks you can make right up front before you even get anything onto your website. That’s going to give you a world of difference. So I hope this was helpful.
Please let me know if you have any questions. I’m Gwen Beren, CEO of Illuminous Marketing.