让Typecho支持上传Webp格式的图片

阿七

2022 年 08 月 28 日

143 次浏览

暂无评论

1277字数

Typecho 网站开发

## 前言

本篇文章是为了下一篇关于优化博客网站加载速度的文章来做铺垫的
因为涉及到图片压缩后的 `Webp`格式，且暂时Typecho貌似还不支持 `Webp`格式的图片，所以有了这篇文章~

**注意：如果您没有十足的把握，十分建议您在更改之前现将主程序备份，防止不必要的麻烦！**

## 环境

该篇博文针对的程序版本号如下，若您 `Typecho`程序很旧可能不适用
Typecho：1.2.0(正式版)

## 方法

1.修改 `Rows.php`

找到你的 `网站根目录/var/Widget/Themes/`里面的 `Rows.php`文件
找到下面这行代码

```html
return preg_match("/screenshot\.(jpg|png|gif|bmp|jpeg)/i",$path);
```

在 `jpeg`后面添加一个 `webp`，比如下面这样

```html
return preg_match("/screenshot\.(jpg|png|gif|bmp|jpeg|webp)/i",$path);
```

改完保存退出

2.修改 `contents.php`

找到你的 `网站根目录/var/Widget/Base/`内的 `contents.php`
将 `557`行的这行代码：

```html
$value['attachment']->isImage = in_array($content['type'], ['jpg', 'jpeg', 'gif', 'png', 'tiff', 'bmp']);
```

在末尾添加 `webp`，比如下面这样

```html
$value['attachment']->isImage = in_array($content['type'], ['jpg', 'jpeg', 'gif', 'png', 'tiff', 'bmp', 'webp']);
```

改好后保存并退出~

3.修改 `Common.php`

还是先找到 `网站根目录/var/Typecho/`里面的 `common.php`
在 `1254`行，即 `bmp`相关内容的上方，添加下面这一行代码

```html
'bmp'      => 'image/x-ms-bmp',
```

改好后保存并退出

4.最后一步

这一步我们需要先去到网站的后台，找到 `设置`-`基本`
把 `允许上传类型`里的 `其他格式`打勾，并在后面加入 `webp`，如图所示

![webp](https://a7a7.oss-cn-beijing.aliyuncs.com/blog/2022/08/28/image.png)

最后

上述步骤完成后，现在去写文章并上传一个 `.webp`格式的图片来看看是否生效吧~

最后修改：2022 年 12 月 20 日

如果觉得我的文章对你有用，请随意赞赏

让Typecho支持上传Webp格式的图片

阿七 • 2022 年 08 月 28 日

让Typecho支持上传Webp格式的图片

发表评论取消回复

欢迎使用 Typecho

handsome主题美化

随机动漫图api源码

媛の碎碎恋

图片批量压缩小工具

实现手机端下方添加导航按钮

洛雪音乐助手

如何在WordPress文章顶端或者末尾插入固定内容？

分享一款单页网址导航源码

ES文件管理器3.2.4.1版本

让Typecho支持上传Webp格式的图片

发表评论 取消回复

让Typecho支持上传Webp格式的图片

发表评论取消回复