如何让WordPress网站的媒体库支持 SVG 图标的上传与预览

WordPress程序默认支持多种图片格式包括 .jpg，.jpeg，.png，和.gif。出于安全考虑不能上传可缩放矢量图形（SVG）。

SVG是最灵活的图像类型之一，是一种基于XML的矢量图像，网站可通常使用它来在其网站上显示徽标和图标。

SVG 越来越受欢迎的主要原因是可缩放的图像格式，通常文件大小较小（有时相当大），并且不会在视网膜屏幕上像素化，不会像 jpg，png 等图像格式那样容易模糊。

[ad]

如果想让WordPress网站媒体库支持SVG 图标的上传与预览，可以添加以下代码到 functions.php来实现：

让媒体库支持 SVG 上传

/*添加媒体库 SVG 图标支持*/
function salong_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'salong_mime_types');

在媒体库显示 SVG 图标

/*在媒体库显示 SVG 图标*/
function salong_admin_svg_css() {
    echo "<style>table.media .column-title .media-icon img[src*='.svg']{
        width: 100%;
        height: auto;
    }</style>";
}
add_action( 'admin_head', 'salong_admin_svg_css' );