网站图片优化器:让页面更快
为网页准备图片:缩放到 1920×1080 以内,以画质 78 压缩,并可改为 WebP,让页面更快、Core Web Vitals 更好。
正在加载网站图片优化器…
您的文件绝不离开您的设备
如何使用网站图片优化器
- 1
在此页面打开网站图片优化器,它直接在浏览器中加载。
- 2
添加文件、文本或数值,并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
如何为网站优化图片
图片通常是网页中最重的部分,而首屏中最大的那张图往往决定了 Largest Contentful Paint(LCP),它是 Google Core Web Vitals 的指标之一。直接来自相机或图库网站的 5 MB 照片,比任何屏幕需要的都大好几倍。网站图片优化器同时解决两个原因:尺寸过大和多余的字节。
默认情况下,每张图片都会按比例缩放到 1920 × 1080 像素以内,较小的图片绝不会被放大,然后以画质 78 压缩;这一设置在全宽主视觉图上依然干净,同时大幅减小文件。除非你选择其他格式,否则保留原格式;对大多数网站来说,改用 WebP 是最简单的额外节省。
如何使用网站图片优化器
- 把图片拖到上传区域、点击选择文件,或用 Ctrl+V 粘贴图片。本页支持 JPG、PNG、WebP、GIF 和 BMP 文件,可一次添加多张,每个文件最大 80 MB。
- 检查 Resize 区域:Max 1920 × 1080 适合全宽主视觉和背景图。文章栏内的图片可把宽度降到约 1200 或 800 像素。竖向长图会受 1080 像素高度限制,需要更高的图片时请调高。
- 打开 Format,选择 WebP(所有现代浏览器都支持)或 AVIF 获得最小文件;如果你的 CMS 要求 JPG 或 PNG,则保留原格式。
- 用前后对比滑块检查结果:在预览上拖动分隔线,并在下方查看新的尺寸、文件大小、画质和节省的百分比。任何设置的改动都会自动重新处理所有图片。
- 下载单张图片,或用 Download all (ZIP) 打包下载整批图片。在 More options 中还可以设置 DPI 值,以及使用 {name}、{w}、{h} 的文件命名规则。
网页性能小贴士
- 按显示位置确定尺寸。显示宽度 800 像素的图片不需要 4000 像素宽;让尺寸匹配版面,通常比任何画质设置都更省。
- 先处理 LCP 图片。优化主视觉或横幅图,并且不要对它懒加载;懒加载用于页面下方的图片,详见 懒加载图片生成器 页面。
- 在 HTML 中写明 width 和 height。After 一行显示准确的输出尺寸,把它复制到 width 和 height 属性中,可避免布局偏移(CLS)。
- 整文件夹批量处理。一次拖入某个页面或主题的所有图片,打包 ZIP 下载。WebP 优化器 预设为 WebP 输出,精确尺寸可用 调整为 1920×1080。
浏览器编码器会把动态 GIF 保存为静态图片,因此请不要把动图放进这一批。
私密、免费、快速
全部处理都在你的浏览器中完成:图片在你自己的设备上解码、调整尺寸并重新编码,不会上传到任何服务器。无需注册、没有水印、没有每日限制,每个结果中的位置和相机信息(EXIF)都会被移除。
功能
- 默认缩放到 1920×1080 以内
- 画质 78,专为全宽网页图片调校
- 从不放大较小的图片
- 可选 WebP 或 AVIF 输出
- 提供用于 width 和 height 的精确输出尺寸
- 批量处理并打包 ZIP 下载
常见问题
网站图片的最佳尺寸是多少?
全宽主视觉图很少需要超过 1920 像素宽;内容栏中的图片通常 800到1200 像素即可。请让宽度与图片实际显示的最大尺寸一致。
优化图片如何改善 Core Web Vitals?
更小的图片文件下载更快,当图片是屏幕上最大的元素时,会直接缩短 Largest Contentful Paint。设置 width 和 height 还能防止布局偏移。
网站应该用 WebP 吗?
大多数情况下应该。所有现代浏览器都支持 WebP,在相似观感下通常明显小于 JPG。AVIF 可能更小,但在这里生成需要 Chrome 或 Edge。
网站图片的文件应该多大?
经验上,大型主视觉图约 100到300 KB,内容图片远低于 100 KB。Target size 模式可以设定精确上限。
这个工具会生成渐进式 JPEG 吗?
不会。JPG 输出来自浏览器自带的编码器,生成的是标准(baseline)JPEG。节省来自调整尺寸和压缩。
我的图片会上传到服务器吗?
不会。图片在浏览器本地处理,从不离开你的设备。关闭标签页后即被丢弃。
