0:00
Hi everyone, welcome to K2 blogging and in this video I will show you how you can convert
0:04
your PNG or JPEG images to SVG images. So SVG is a scalable vector graphics that helps you keep the image quality while reducing
0:15
the image size. So let's check how we can use an SVG image in our WordPress website
0:21
So for this, we are going to convert our images to SVG first
0:26
So here I have designed a logo in Canva and I want to download it as PNG first
0:32
So what I can do is I will click on share here and click on download and let's keep
0:36
the transparent background and let me just increase the size a little bit
0:42
Now let me just download this PNG file. Okay, the PNG file is downloaded
0:49
So let's check on the information here and here the total image size is 62 KB
0:57
So let's convert it to SVG images so we can keep the quality while reducing the size
1:04
So what I can do is I will use a site called vectorizer.ai
1:09
So this website will allow us to convert our existing PNG images or JPEG images to vector images
1:16
So let me just upload that image and let me just select that PNG image
1:21
So earlier the size was 62 KB. So let's upload it here
1:27
So it will take some time to process the images and convert it to the SVG images
1:33
And as you can see that the detail has improved significantly. So let me just download it
1:41
And here I will use the SVG and let's click on download
1:48
Now let me just open it here and as you can see that the quality is significantly high
1:55
So let's upload the JPEG images to our website. So here the image size is just 11 KB
2:04
So we have reduced around 50 KB within our logo. So let's upload it to our website
2:12
So let me just create a new post here and let me just upload that SVG image
2:17
So let's upload here. But as you can see there it is saying that you are not allowed to upload SVG file
2:25
That's because by default WordPress doesn't allow us to upload SVG file
2:30
So for this we need to enable it first. So I have already made a video on how to enable SVG file in WordPress
2:36
So let me just show you. So I will go to plugins here and I can simply search for WP code
2:45
So this is a code manager plugin. So you can easily install custom PHP snippets to our WordPress website
2:52
So let's install this plugin. Okay, now the plugin is installed. Let me just go to the code snippets here and I will click on add new and I will click on
3:02
this option allow SVG file upload. So let's click on use snippets
3:07
And as you can see that it has already fetched the PHP code for allowing the SVG file
3:15
So let's click on active and let's click on update. Okay, now we have enabled SVG file upload in our website
3:23
So let's go to the post here. Let's click on add new. Now let me just upload the image again
3:30
So here is the SVG. So let's open it here. And as you can see that the SVG file is uploaded
3:37
Now you can increase the file size and the quality will not reduce while increasing the size
3:44
So in this way you can use vector graphics or you can convert your existing PNG images
3:50
to vector images and use it in your WordPress website without compromising the quality
3:55
This is an AI website. So it may not work for complicated images
4:00
Like if you have a hero images or if you have complicated images, then it can give problem
4:06
converting it to SVG. But if you have simple images like logo, then you can easily convert your PNG to SVG images
4:13
and you can easily take advantage of the quality that we get in SVG
4:18
So if you found this video helpful, then make sure to hit the like button
4:22
And if you have any doubt regarding this, then you can ask me in the comment section
4:26
I will see you in the next video. Thank you
