转眼之间已经3月份了,记录一下2019年以来这个小站的变化。
全部图片使用 WebP 格式
WebP是Google在2010年发布的一种新型图片格式,支持无损和有损压缩。在无损压缩方面,同质量的WebP图片比PNG的体积小26%,而在有损压缩方面,同质量的WebP图片比JPEG小25-34%。WebP在不降低图片质量的同时,减少了约三分之一的体积。
Chrome 系列的浏览器很早就支持 WebP 的格式。但是 Firefox 不支持,这个让我之前一直不太想变图片的格式。最近发现 Firefox 65 的更新内容恰好包括了 WebP 支持,感觉可以尝试一波更换。
目前这个小站的全部图片资源从 png/jpeg 等都转换成了 webp 格式。现有的图使用了 Python 的 Pillow 库写了个脚本进行批量的处理,以后新发布的图打算用腾讯家的智图平台处理。
实际测试下来,图片文件体积都大幅度减少,新格式还是挺棒的。兼容性方面,Safari 还不支持,Firefox 64 以下版本的也不支持。商业/生产环境慎用 WebP 格式,我这个小站就无所谓了。比较好点的解决方案是根据浏览器版本,返回不同的格式 or 请求不同的资源。不支持 webp 格式的返回 png 或者 jpg。知乎的图片现在有这个效果,不知道具体是用的那种方案,以后有空了研究下,在这里立一个 Flag。
主题进行了一些更新
去年 Fork 了 yilia 主题,自己改成 illya 维护,当时主要更新了 webpack 的配置和明显的错误。之后忙起来,这件事情就拉下了(咕咕咕)。最近又进行了一些更新,主要有:
- 标题样式修改,更加明显
- 最近修掉了一些JS的小错误,控制台不会报 error
- 一些引用资源地址的更新
Markdown 编写用上了 markdownlint
文章都是用 Markdown 写的,但是以前没有什么规范,能渲染出内容就OK。最近在 Visual Studio Code 里面安装了 markdownlint,用来检查语法错误和文件格式。以后新写的文件会遵循统一的标准,这样文章渲染出内容的样式、层级关系会更加统一,有更好的一致性。