0:00
Uh hello guys. In this video I'll show
0:02
you I built out a bulk PNG image
0:04
compressor and optimizer editor in HTML,
0:08
CSS and JavaScript. So this is actually
0:11
the application. It's entirely built in
0:12
HTML, CSS and JavaScript. So this is a
0:15
single file. You basically run this file
0:18
in VS code. It will directly open it
0:20
locally here. And the interface looks
0:23
quite simple. You have a interface here.
0:25
You drag and drop your PNG files that
0:27
you want to compress. After selecting
0:29
these files one by one it will compress
0:32
the files here. It will show you the
0:34
size difference here from 500 kilobytes
0:37
it has reduced to 94.
0:41
uh if you're interested in this
0:42
purchasing the source code the link is
0:44
given you can directly purchase it.
0:46
After that you will be redirected to
0:47
Google drive where you can purchase the
0:49
source code. And for building this we
0:51
are using this open-source library here
0:54
which is UPNG.js JS which is kind of a
0:58
encoder and decoder library for
1:00
JavaScript for especially decoding the
1:02
PNG files. So this is completely open
1:05
source. We are using this library for
1:08
actually compressing the PNG files
1:10
directly in the browser and I have also
1:13
deployed this as well. So before
1:15
purchasing it, you can try out the live
1:17
demo. The link is given in the
1:20
So again you repeat the process. You
1:22
select your PNG images. You can select
1:25
up to unlimited images, 100, 200 images.
1:29
And one by one, it will compress,
1:31
optimize and shrink out all those
1:33
images. And it at last, it will show you
1:40
And using this slider, you can adjust
1:42
how much reduction compression you want.
1:46
And automatically in real time, it will
1:49
update the numbers for you. It will
1:51
compress the images for you. And at last
1:55
if you want to download the output image
1:57
you click just a save button to actually
2:00
save the output image or you can click
2:01
on save all which will actually download
2:05
all the images in a zip file.
2:09
So this is an ultimate offlinebased PNG
2:13
image compressor editor and if you're
2:15
interested in this the link is given in
2:17
the description you can directly