怎么处理网站图片很模糊的问题

怎么处理网站图片很模糊的问题,分享下我的经验。

我们一般习惯直接将图片上传到 WP 后台,然后通过“Image”这样的组件,将图片插入到页面上。

当然,由于速度优化的考虑,在上传图片之前,会习惯先用 TinyPNG 压缩,然后再上传,同时在 WP 的缓存插件里开启图片相关的优化。

这么一番操作后会导致一个非常明显的问题,即在页面上,图片显示得很模糊。

而产生这种现象的原因,可能就是压缩过度。

但是如果不压缩的话,又会拖慢网站的加载速度。

于是,便陷入了“图片显示质量”与“网站加载速度”,到底谁是重点的矛盾。

所以,这里便引入第三种解决方案,使用主站的子域名,搭建一个图床(我是用的是 Vercel)。

后续直接将图片上传到图床,生成链接后,直接插入到页面中去。

注意:务必要绑定一个主站的子域名,不然不利于图片 SEO 优化(在站点地图里不显示)。

怎么处理网站图片很模糊的问题怎么处理网站图片很模糊的问题

给TA打赏
共{{data.count}}人
人已打赏
CVV教学

通过 Vercel 搭建网站的技术方案

2024-10-13 23:41:31

CVV教学

如何使用 AI 来创建并填充图片的 Alt 信息

2024-10-13 23:43:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索