自己做网站、开网店，图片不压缩为什么打开特别慢？

网页图片到底多大才合理

先建立数量级概念。一张网页正文配图实际显示宽度通常600–1200像素，文件100–400KB是健康区间；首页大横幅图宽1920像素，也应控制在500KB以内；商品列表缩略图则只要几十KB。反面例子是直接上传4000像素宽、4MB的原图——浏览器要先把4MB全下载下来，再缩小显示，慢且费流量。判断自己网站图片是否超标有个土办法：用手机关掉Wi-Fi、开流量打开自己的页面，超过3秒还没显示全，就是图片该压了。

批量压缩的标准参数

上架或发文前，把整批图拖进本站的 image-compressor 统一处理。参数按用途分两档：正文配图和商品主图，宽上限1600像素、质量80，兼顾大屏显示和体积；列表缩略图、花絮图，宽上限1000像素、质量75即可。如果你的平台支持WebP（WordPress新版本、多数建站工具都支持），同参数输出WebP还能再小25%–34%。处理完按内容重命名文件（英文关键词加连字符，如 red-dress-front.webp），对图片搜索收录也有帮助，这一步顺手就做了。

商品图和配图，压法不一样

在Etsy、eBay卖东西的卖家要注意：商品图是买家下单的依据，不能只求小。主图建议宽1600–2000像素、质量85，留出买家放大看细节的余地，平台一般会自己生成各档缩略图。细节图、瑕疵说明图可以压到质量80。而博客、社团网站的配图以氛围和说明为主，质量75–80、宽1200像素完全够。证件类、文字类的图（比如公告截图、价目表）不要压成JPG低质量，文字发糊会显得很不专业，这类图用PNG或WebP并只控制尺寸。

速度之外，Google也在看图片体积

页面加载速度是Google排名因素之一，官方的PageSpeed Insights报告里，「图片体积过大」几乎是中小网站最常见的扣分项。对靠自然搜索来客的华人商家和博主来说，图片从4MB压到300KB，可能比改标题、堆关键词的收益更实在。另外别忘了给图片写alt文字：一句简短的中文或英文说明，既帮助视障用户，也让搜索引擎理解图片内容。压缩工具解决体积，alt文字解决理解，两件事配合，图片才算真正为网站工作。

建立固定的上图流程

最后把流程固定下来，以后不用每次想：原图单独存档不上传；上传前批量压缩（正文图1600/80，缩略图1000/75）；文件名改成英文关键词；上传后写alt；发布后用手机流量实测打开速度。每批图多花五分钟，换来的是所有访客每次打开都快几秒。对小商家来说这几乎是免费的转化率优化——页面快了，跳出率降了，平台和Google也更愿意给你流量。坚持两个月，PageSpeed分数和后台的平均加载时间都会给你正反馈。

常见问题

商品图压到质量80，买家放大看会糊吗？

宽1600像素、质量80的商品图在平台页面放大查看足够清晰。主图想更稳妥可用质量85、宽2000像素，体积仍远小于原图。

WordPress会自动压缩图片，还需要手动压吗？

WordPress只生成几个固定尺寸的缩略图，原图本身仍然很大，部分主题和场景会直接调用原图。上传前手动压好是最可靠的，不要依赖平台兜底。

WebP都支持了吗？用它安全吗？

主流浏览器和建站平台都已支持WebP。如果你的访客里有大量老设备用户，可以正文用JPG、或让平台自动提供双格式；不确定时JPG仍是兼容性最稳的选择。

老文章里的旧图也要回头压吗？

优先处理访问量最大的页面：后台统计里打开最多的五篇文章、商品页，把它们的图片压一遍换上，收益最大。冷门旧文可以慢慢补，不必一次全站返工。

检查我的材料

→ 使用图片压缩。按需要继续使用下面的相关工具。

• 图片格式转换

官方来源与适用范围

本文为中文整理的生活指南，数字为估算或区间，具体以官方最新公布为准。

• web.dev：Learn Images 图片格式与压缩课程
• 维基百科：WebP
• MDN：图片文件类型与格式指南