Up next in 10
How to Convert & Edit Images in Editor in VSCode IDE
2K views
Jul 5, 2025
Get the full source code of application here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video I'll show you a image
0:04
editor application or extension that you
0:07
can use directly inside VS code to edit
0:10
your images directly without leaving
0:12
your VS code. So if you go to the
0:14
extensions tab uh just type here image
0:16
editor the very first extension which
0:19
comes this is the extension Luna paint
0:22
it is called 273,000
0:25
installs are there. So simply click the
0:26
install button. It lets you allow to
0:29
edit images directly inside VS code. So
0:32
now if you have a series of images.
0:35
So you can in basically open this image
0:38
and now it comes with this full little
0:40
editor that you can use. You can have
0:44
quite a number of tools here on the left
0:46
hand side. You can apply some text on
0:48
top of this image.
0:53
You basically save that. Enter save
0:56
quality 80.
0:58
And here you can enter whatever text
1:01
that you want to.
1:07
You can even change the color as well.
1:11
So it has various layers as well. You
1:13
will see that various layers.
1:17
You can increase the phone size. You can
1:20
see that
1:26
you can change the alignment as well as
1:29
well. You can also change the phone
1:31
family in the drop-down
1:34
blend mode. All these things are there.
1:38
So after you do this, you can save your
1:42
image as well.
1:49
In the menu option you will see.
1:53
Just type here save.
2:02
You can even crop the image as well. So
2:04
if you want to crop this image only like
2:07
this, you can even do that as well.
2:10
Just a portion of this image simply.
2:14
So it will crop this image. And uh
2:21
so you have all these options available
2:22
to you. You can see that how easy it is
2:25
to edit your images. You can resize them
2:28
as well, rotate them as well, add,
2:30
delete, flip them as well. All these
2:33
things,
2:34
erase,
2:36
hand tool is also there, pencil tool,
2:39
shape tool, you can see zoom, zoom out.
2:48
So now you can see your image is
2:50
instantly edited. You can see now you
2:53
can it's automatically saved. You don't
2:55
need to save this image. So if you try
2:57
to open this image is automatically
3:00
saved and cropped as well. So in this
3:03
easy way you can select any image and do
3:06
the cropping here.
3:08
You can draw something or enter the save
3:12
quality as well.
3:16
So just search crop tool
3:21
crop this image. So very simply this is
3:23
extension uh which is Luna Paint. Just
3:26
install this extension and start using
3:28
it. And also check out my website
3:30
freemediattools.com
3:32
uh which contains thousands of tools.