All right.
In this lecture we're gonna go ahead and convert our P and G files into j peg.
Now if we scroll down we noticed at the optimised images here that there is a lot of size to be reduced
still.
Now we're not going to earn in this much reduction because we are not using the full size of these thumbnails.
Right.
Remember these are full scale when they're uploaded.
By the way that we are using them for our products or for our courses.
We actually make them 300 by 300.
But needless to say there is still a lot of space that we can save so we're gonna go ahead and turn
our P and G files which are these three files into J pack because usually that can even make the size
about half.
So we really need that at this point because we want to go under one megabyte.
So I'm gonna go ahead and go to the P G to j peg dot com side.
This is in the resources of course and I'm gonna click on upload files and then I'm gonna choose my
file which is the Amazon the digital and the shopify ones click on choose and then I'm just gonna go
ahead and click on and download all.
Okay so I have added in the CIP file I'm just going to double click on it like that.
There we go.
And now I can remove the zip file and I'm gonna go ahead and grab these images put it in the same folder
down below here.
I'm gonna remove this folder and I am actually going to go ahead and remove these p n g images right
now because we don't need them here we have our new J.
Pagan if you have a look at them for example this one and this one I'm just gonna open them up you can
see that there is literally no loss of quality what so ever.
Now the only thing I'm noticing is actually there's some sort of difference if you look super closely
at the gold on the chip back there seems like something is going on when I'm changing so this is an
extreme minor especially considering we're gonna use this as 300 by 300.
So we don't need them.
We're gonna go ahead and remove the P and G ones Amazon and there we go.
They're gone.
Now I'm actually gonna put these through the compression once again because with the j peg we notice
that we can press them down even further in size so we're gonna go ahead and do that right now.
So I'm gonna go back to the image compressor or optimize Scylla as it also known as I love that name.
And I can upload files right here and then I'm gonna choose these which are now in j peg there and then
the shopify one.
Okay.
And then click on choose I'm going to scroll down and now we can lower the quality quite a bit already
so I'm gonna just try it out maybe click it on 25 we can see that there clearly is a loss of quality
but we have to remember this is gonna be 300 by 300 so there's gonna be a very very little change to
this.
So I am at twenty five and you can see the original turned down to 52 which is a huge difference I believe
the preview was at around 100.
So we have really lowered the size by making this into a JPEG and quality 25.
Now again you can actually see that there is a lot of quality going on.
There's no doubt about that but we're going to use this as a thumbnail.
So I believe that this will be just fine.
I'm actually gonna use this 25 click and apply going to do the same thing here we're gonna move it down
to 25 and see what happens.
Yes there's a loss of quality here as well but I'm gonna apply this because they will be so small.
Same thing here click on Apply and if it's just too bad if it's not working out Daniel's pool in the
original once again and redo the process now I'm gonna click on download all here's the zip file I'm
gonna double click on this CIP file right here and then we have the image compression right.
Can I remove this one.
I'm gonna pull these ones out put them in.
Let's put it in.
Down below here and I don't want to mix these up so I'm just gonna give them a new name quickly.
All right.
So now they all have a new name.
That's really nice.
I'm gonna go ahead and go back to the website.
I'm gonna go to our home here and I'm going to click on edit with Eliminator now.
Should also let you know that I took the liberty to use the previous background pictures and actually
compress them a little bit further.
I believe that I used in the beginning 70 or 75.
Now I went down and compressed them to 60 and still comparing the original with the compress which you
can always do.
There's still no loss of quality in any one of the pictures.
Not even actually this background that I thought had a loss it did not.
So that's great news.
So we're gonna go ahead and I'm going to click on this one in here and then click here click on upload
files select files.
Gonna be a little bit easier to find now because it has a new name right.
So now this one is actually 26 kilobytes that's super tiny and we can see that compress with Smush which
happens automatically it becomes 25 kilobytes and we can see the previous one I had a hundred and sixteen
right because it was a P and G.
So we have saved a lot of size by doing these guys a lot of size so I'm gonna go ahead and click on
insert media and as you can tell there's no loss of quality because it is so tiny I'm going to do the
very same thing here click on it upload file select file I'm gonna go to the shopify JPEG compressed
now this one is well it might become eleven nope it's still 12 and the previous one was 82 so huge difference
in size going on here and I'm gonna do the same one with this Amazon which is the last one upload find
the JPEG compress which is fourteen might become thirteen this is like a gamble you know just guessing
like this.
No it's still fourteen the previous one was seventy five huge size difference now fourteen seventy five
they're not big amounts but this kind of managing on a lot of images that's gonna save you a lot of
space if you think fourteen to seventy five now my math is not that impressive but I think that's saving
like four times or five times the size is a huge difference in that sense.
So as we can see there's no actual invisible loss of quality because they are so small.
I'm gonna go ahead and click on updates.
So this was our results.
The first time we did the test then we redid the test we had one point one megabyte.
Now we're gonna do the test one more time and compare it to the last one when we have optimized the
P G to J Peg.
I'm gonna go to uptime click on free tools go to speed test and I'm gonna write in our website
then start testing and remember we are mainly looking at the size right now and check this out guys
really really good news this size is absolutely incredible.
So we have now gone down to four hundred and sixty five killer bites while in before we were actually
at one point one megabyte.
So we did have a big reduction after all from turning them from P and G to j peg.
Even with the compression and everything going on.
So this saved us up a lot of space and we have optimize our entire front page right now and look at
the loading speed we're actually loading at one second.
That is half of the two second rule.
Now there's still a lot of good stuff to be done.
For example we still want to eliminate the render blocking javascript which we're gonna do in the next
lecture.
But even if we only did this right now we had a loading speed of one second and a total site of below
zero point five megabyte then that would be incredible once again looking at particular and his is bigger
but there is also more stuff on his website.
But this this is beyond incredible.
So even though he has a bigger size is still loading faster and that is because he has less requests
and he has taken good care of his website and we are doing the same thing.
So we're going to continue and further optimize our website.
But we managed to get the total size down by optimizing our images and by looking at your own right
now you might still have this one choices optimize images because there's still some work should we
wanted to be done for example we still have the the logo that we could comparison.
Interestingly it's still seeing that we can be saving some space on these images right on the people
the images even though it is so small it says we could be saving space on the digital on the Amazon
and on the shopify and that may be true we could probably compressed it further and further and further.
But honestly this is a really really good size.
Like I told you earlier on if you could get at zero point five megabyte that is going to be incredible.
This might be hard to keep if you continue to expand and add more things to your home page but it's
still a really really good size.
You want to be below 1 megabyte if you can go to zero point five megabyte that is incredible and you
don't want to go crazy on this either remember is all about the balance between the user interface and
the user experience and I think right now we have compressed them more than enough and I'm super happy.
So two things to remember.
1 turn your opinion GS 2 j peg and to compress them all.
If you have smushed.
This is gonna be easy smush.
The premium version that is but if you don't you might as well just use the tools and the resources
take takes a little bit more time but it is completely free.
So let's move on and solve the next problem see in the next lecture guys.