怎么处理网站图片很模糊的问题,分享下我的经验。
我们一般习惯直接将图片上传到 WP 后台,然后通过“Image”这样的组件,将图片插入到页面上。
当然,由于速度优化的考虑,在上传图片之前,会习惯先用 TinyPNG 压缩,然后再上传,同时在 WP 的缓存插件里开启图片相关的优化。
这么一番操作后会导致一个非常明显的问题,即在页面上,图片显示得很模糊。
而产生这种现象的原因,可能就是压缩过度。
但是如果不压缩的话,又会拖慢网站的加载速度。
于是,便陷入了“图片显示质量”与“网站加载速度”,到底谁是重点的矛盾。
所以,这里便引入第三种解决方案,使用主站的子域名,搭建一个图床(我是用的是 Vercel)。
后续直接将图片上传到图床,生成链接后,直接插入到页面中去。
注意:务必要绑定一个主站的子域名,不然不利于图片 SEO 优化(在站点地图里不显示)。