为WordPress启用SVG支持，允许上传SVG图像

SVG作为一种通用的矢量图格式，已经被主流浏览器支持，截止本文发布日期，WordPress还没有内置SVG支持，用户无法直接上传SVG图像到WordPress文章或媒体库中，实在理解不了。虽然允许嵌入JavaScript代码会带来一些安全性问题，但也不是没有办法解决，如果仅仅因为这一点而不支持SVG，实在有点因噎废食。…

SVG作为一种通用的矢量图格式，已经被主流浏览器支持，截止本文发布日期，WordPress还没有内置SVG支持，用户无法直接上传SVG图像到WordPress文章或媒体库中，实在理解不了。虽然允许嵌入JavaScript代码会带来一些安全性问题，但也不是没有办法解决，如果仅仅因为这一点而不支持SVG，实在有点因噎废食。

WordPress上传附件支持哪些格式？

好在WordPress是一个开放的平台，虽然WordPress默认不支持上传SVG图像，但是我们可以通过一些办法来为我们的站点添加这个功能。

通过代码为WordPress添加SVG支持

下面是允许在WordPress中上传SVG图像的代码，简单的在主题functions.php文件中或者使用Code Snippets插件添加自定义代码，即可为WordPress启用SVG支持。

add_filter('wp_check_filetype_and_ext', function ($data, $file, $filename, $mimes){    global $wp_version;     if ($wp_version !== '4.7.1') {        return $data;    }     $filetype = wp_check_filetype($filename, $mimes);     return [        'ext'             => $filetype[ 'ext' ],        'type'            => $filetype[ 'type' ],        'proper_filename' => $data[ 'proper_filename' ],    ]; }, 10, 4);  add_filter('upload_mimes', function ($mimes){    $mimes[ 'svg' ] = 'image/svg+xml';     return $mimes;});  add_action('admin_head', function (){    echo '<style>        .attachment-266x266, .thumbnail img {             width: 100% !important;             height: auto !important;        }        </style>';});

通过插件为WordPress启用SVG支持

使用Safe SVG插件为WordPress添加SVG支持简单方法，推荐大家都使用这种方法来实现。这个插件除了能启用WordPress支持，还会对上传的SVG文件进行清理和验证，以阻止可能影响网站的SVG漏洞。

Safe SVG插件的安全处理功能是通过svg-sanitizer库实现的，如果您有代码洁癖，想在自己的主题或插件中集成SVG支持，可以参考Safe SVG插件实现安全处理功能。

还有一个File Upload Types插件，在WordPress上传.webp格式文件文章中提到过，这个插件也能实现SVG。

其他为WordPress启用SVG支持的方法

除此之外，流行的Elementor编辑器也内置了启用SVG支持的功能，不过貌似只能在Elementor编辑器中上传SVG、无法在默认的媒体库中上传。