Please confirm below. Social networks do not support – twitter, Facebook and other social networks do not support SVG, so it is not suitable for recommending images, etc. To use in this way, you must upload a dedicated pixel version through yoast SEO or similar plug-ins. It is up to you to decide whether it is worth the trouble. Scalable vector graphics offer advantages and challenges, so many websites use a hybrid approach. That is, logos, background patterns, icons, and other simple items use SVG, while more complex items such as blog post thumbnails use pixel based images. The
As we mentioned in the last section, one of the problems of SVG is generation, that is, how to create scalable vector graphics for WordPress websites. Unlike other images, the production is more complex. For example, anyone can use a camera to create images for their own site. Besides, in the era of instagram and Youtube image editing applications, most people can do basic trimming. However, to create scalable vector graphics, you must understand more complex software, such as Adobe Illustrator or Inkscape (free and open source, btw). Web based solutions such as vectr and SVG edit (the latter produced by Google). The
Of course, you can, but unless you are a graphic designer with this experience, you need a steep learning curve to make your own SVG logo and icon. So it’s good to work with experts. However, there are several alternatives. For example, if you already have a pixel version of the logo, you can convert it to a vector using tools such as vector magic. Patternico also makes it easy to create able SVG background patterns. Also, don’t forget the free set of vector icons available on the website: The
Dry icon evil icon plane icon jenericon does not need to create SVG directly, but the site can continue to use image format. What to do? Let’s talk about the next step. Just as WordPress has mentioned how to use SVG safely, WordPress does not support SVG by default. But don’t despair. There are several ways to make changes manually or through plug-ins. But as you can see from the title of this section, we are looking for the safest way to use SVG in WordPress. Remember the fact that it might contain malicious code? The
Because I don’t want to help anyone hack into our website, I need a way to delete the uploaded SVG. This means cleaning up file code to eliminate injections, code conflicts, and errors. Now, let’s take a look at this method, starting with the plug-in path. Method 1: enable SVG support in word press through plug-ins. One of the easiest ways to support SVG is to use plug-ins. There are several options, including the most popular SVG support and SVG (scalable vector graphics). The
But we will use a secure SVG. During the upload process, the only SVG file explicitly deleted is the list. In addition, the image format of WordPress will be activated and support for the media library will be added. Easy to set. Just install and activate it in the same way as other plug-ins. When it’s done, it’s over. No additional settings are required. The plug-in comes with the pro version. Contains important options, such as restricting SVG uploads to the administrator account. This is especially true when there are large editorial teams with different technical knowledge.
Applicable to t. The
But I think the high-end version is quite expensive. Svg supports uploading by user group by default. Therefore, if this is an important setting, it might be better to use the plug-in. Method 2: WordPress manually sets SVG support to activate the support of extensible vector graphics. The second method is functions. Use PHP. Unfortunately, this approach does not include file cleanup and allows indiscriminate uploading of SVG, making it less secure than using the plug-ins mentioned above. The
To continue using this path, use functions in the folder of the active topic. Browse the PHP file. and edit and add the following code: Function enable_svg_upload ($upload_mimes){
$upload_mimes[\
$upload_mimes[\
Return $upload\u mimes.
}The
Add\u filter (‘upload\u mime’,’enable\u svg\u upload’, 10, 1); Now save your changes and upload the file again. Done. As I mentioned, this is not the safest option, but in order to complete it, I want to include it here. Svg support testing is the last time. It’s time to make sure everything works properly. Now, you can upload SVG files, whether using plug-ins or manual methods. To test it, get a free SVG icon or something like that from one of the sources mentioned above. Then log in to the site and navigate to the media. Upload the new SVG file here. If all goes well, you will see: Congratulations! Well done. WordPress scalable vector graphics – summary SVG is an interesting web design resource with many advantages. Small, scalable, supported in browsers and search engines for animation. However, the disadvantage of this file type is not the greatest potential security risk. In this article, you learned how to create your own SVG file. We also learned how to safely use and activate uploads in WordPress. Therefore, even if WordPress does not support it by default, websites can already use this file format. It leaves problems. Can SVG support be the core? Until there is a way to solve the security problem, there seems to be no such possibility. However, with the popularity of scalable vector graphics in web design, the community will find a solution sooner or later. Until then, you can use a similar tutorial. How do I process SVG files on the WordPress site? Any additional tips? Please let us know in the comments section below!
