uh hello guys welcome to this uh live
stream of coding sixa so in this video I
will let you know a new tool that I
developed on my website freem mediat
tools.com and it's image Cropper and
resizer so this is actually the
interface of the application and it is
entirely coded inside vanilla JavaScript
HTML in CSS it works as a static app
inside browser so your images that you
isn't uploaded to server it basically
runs in the browser and this is actually
the interface so here you will select
your image file so whatever images that
you want to select let me select uh this
image so as you select your image these
are some of the controls and Sliders
which are there and basically you need
to if you want to increase the size of
the image like this if you want to
increase this you can make the slider up
and down you can see that now the image
is increasing and decreasing if you want
to make it not round oval shape you can
make this image round or oval shape by
actually adjusting the roundness
parameter right here if you want to zoom
in inside a specific portion you can
even do that as well and you can adjust
the horizontal position of the image if
you want to crop or the vertical
position as well so in this way you can
crop any portion of your image and now
if you are happy you can simply click
the download button and now your image
is successfully cropped into a
particular shape right here and it also
been resized and in this way these are
all the controls which are
there so you can take any extension of
the image PNG jpg webp all extensions
are supported so you can see you can
make your icon as well if you are a web
developer you can adjust your image and
convert this into a icon small little
icon these are the sliders you can
adjust the roundness of the
image you can make it full round and you
can basically zoom in you can adjust the
X Direction and the Y
Direction so now if you are happy you
can click on the download button so now
your basically image is resized you can
see that it has been converted into a
circle shaped image and perfectly
cropped and resized so you can take an
input image and convert this into this
so I just developed this using HTML CSS
and JavaScript this is the whole
application about
23 lines of code that I written from
scratch so the link is given in the
description you can go to my e-commerce
website proor store.com and purchase the
full source code you will actually get
the zip file after you purchase it from
Google Drive automatically then it
contains this index HTML and you can
deploy this
app by purchasing a domain name it's
very easy just a static app just index.
HTML which runs in the browser and it R
lets users uh select their input image
and uh you can adjust the size of the
image you can adjust the roundness you
can zoom in at a particular portion you
can adjust you can see that everything
you can
control if you want to zoom and at a
particular location in the image you can
see
that can increase the size decrease the
size every each and everything you can
control guys you will see that
so all these controls are there so once
you're done you can click the download
button so your image is resized and
cropped into a circular shape right here
so this is a really useful tool guys
useful application if you get this
source code you can modify as well you
will get full permission from me to
actually modify this and you will
actually see how I code it line by line
you will get to understand it so it's a
very good deal that I'm offering you the
link is given in the description the
link will redirect you to my e-commerce
website procore.com you can purchase
this project
and and at the checkout page I have
given the link where you can actually
try this tool before purchasing it by
visiting this uh link so it is deployed
on my website freem medat tools.com
image Cropper editor so before
purchasing it you can try this tool
before you buy this so this is the
overall tool guys it's a mini image
editor Cropper and resizer which lets
you do
this so if you are interested the link
is given in the description please hit
that like button subscribe the channel
as well and I will be seeing you guys in
the next one
h