WordPress 媒体库支持 SVG 图标的上传与预览

WordPress 默认支持多种图片格式包括 .jpg，.jpeg，.png，和.gif，出于安全考虑不能上传可缩放矢量图形（SVG）。SVG是最灵活的图像类型之一，是一种基于XML的矢量图像，网站可通常使用它来在其网站上显示徽标和图标。 SVG 越来越受欢迎的主要原因是可缩放的图像格式，通常文件大小较小（有时相当大），并且不会在视网膜屏幕上像素化，不会像 jpg，png 等图像格式那样容易模糊。

让媒体库支持 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' );

以上两段代码都添加到主题 functions.php 函数文件中即可。

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

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