Okay, so now that we saved our image from Photoshop, I will show you how it looks like inside of the folder. So here it is. And if we take a look decides is right, so 1920 by 932. And the file size is one point 14 megabytes. You might be thinking, well, that's not so bad, but it really is. So you can always reduce the size further and further, but not to go too far, because then you will end up with a really good file size, but really terrible image quality.

So it's really important to find the balance. So I can quickly show you what you can do. You can use these free image optimization tools. So for Windows, it's this one, right? It's really good. We are using it for years.

And from format it's image, opt in. So for both of them, you can download them for free right here it says pricing, but it's for the advanced option. Really for Mac, you can search inside of the App Store, you can find hundreds of these apps, all of them are doing exactly the same job all of them. Just be sure to download the free ones to test them out. And if you're happy with them, and they have some advanced options, by no means just purchase them, but you have literally hundreds of free options inside of the App Store. But for Windows and because I'm using a Windows right here, we are using REITs.

So you can quickly read right here what is right how it works, the logic behind it, the technology behind behind it, you can click quickly, click right here, where it says about, you can read about the founder and so on, but you can download it from here or from here. When you open the write up, here is how it looks like. So it's a really simple and easy to navigate interface. Again, on the Mac apps, it can be exactly the same or a bit different. You can open one image at a time where you can open batch images. So this option is useful if, as I mentioned in a previous video, you're using a photographer and they send you like hundreds of images.

They don't optimize them before they send them to you. So you can click here and optimize them yourself all at the same time. Right below here, you can choose the format of your image, so JPEG, PNG or GIF, or GIF, but I'll click Open. And let's open our image up. It will say right here that the file is the high resolution Do you want to resize it for Now resizing it, you'll see what it means it's not changing the dimensions of your image. So when I click Yes, it will show us this 1920 by 932 pixels.

So that's fine. You can see original size right here at the top resampling filter, I'll say just leave it as it is because it's really the best option. So just click OK. Now what happened here, as you can see, initial image file size is 1.14 megabytes, but now it's resized to 182 kilobytes. So as you can see, it's a huge improvement and huge savings of space. You can see right here at the top, it retains the same dimensions so we're good to go there. And 24 bits JPEG is just a resampling filter.

They are used In this example, so what happened here, you can increase or decrease the quality of your image. So this optimized image is at the 80% of the original quality, which is still very good. All of these options really don't need to interest you. But all of them are technical, you can click right here at the metadata image adjustments and just go into this a lot more if you want to, but you really don't need to, you can just simply open, click OK. And then let's do it. I think it will resample an image and just click Save. You can replace it, or you can rename it and just click Yes.

So if I minimize this, go back, we have an image which is 1920 by 932, which is what we want and 182 kilobytes, which is a lot better. So yeah. If you do your math, you can upload roughly seven or eight images for the same file size, the original image head. But I have here some other images that I want to show you. So for example, this one. If I click right here, it's a six, five, that's good.

But check this one out 5760 in width by 3840 in height and 13 megabytes in file size. So do your mat. If we can upload roughly seven images for one megabyte, like this, just imagine how many can we upload in 13 megabytes? This one is 11.2. This one is 11.5. So let's open this one just for fun and see how can it reduce its file size.

So go back to right click Open. It's this one double Click, it will give you the same window again, just click Yes. As you can see 5760 by 3840. Now, before opening, you obviously want to resize it inside of the Photoshop or inside of whatever program you're using, and then optimize it further. But let's do it like this. So click OK. And as you can see here 13.1 megabytes was the original file size, it reduced it down to three.

As you can see, it's the 80% of the original file size. So that's a huge savings of space. Huge, hugely faster, upload time for you hugely faster downloads time for your visitors, as your image will load faster inside the roof of your blog or website. And it will give them a better user experience. So as you can see, this Riot tool is a huge time saver, huge Lee, useful app. And I really recommend that you download and use them on every single image that you upload because it can really help you down the line.

So when I hit save, click Yes, close the rights. And if I click here, you can now see it's three megabytes in size with exactly the same dimensions. And as I mentioned before, you can go inside of Photoshop or whichever app or program you're using, and reduce the dimensions to the required dimensions of your website template or CMS. Now one last thing I want to I want to mention is if I go right here, and go to the image, image size, you can see that the resolution 72 pixels per inch. Now, this is exactly what you need for the web. And if it's for the print, this can say 300, or 600.

And so just be sure to check this resolution. Because when you open some images up, depending on of how the camera was set up when it was shot, it can say 90, or it can say, I don't know 130 or 300, or whatever. And I will just show you what that means. So this resolution is for the web. It's great for the web, it's meant for the web, so just be sure to use 72 pixels per inch. But if you encounter some bigger number right here, just keep an eye of what it does to the width and height.

So if I type 300 for example, just see How much it increases the size of this image in both width and height. So just use 72. And just that tip will reduce the file size a lot without really losing too much of the quality. Just make sure to find your own workflow, what it works for you and just go from there. Image optimization is really important thing that you need to be doing for your website. And just make sure to take it seriously because it can really help you down the line.

It can really increase your website's speed and your customer satisfaction which at the end of the day is the most important thing.