Retina 图片优化器：@2x 与高 DPI 屏幕
为 Retina 和高 DPI 屏幕准备清晰的 @2x 和 @3x 图片：最大 3840×2160、画质 85，并按每个位置所需的精确宽度输出。
正在加载Retina 图片优化器（@2x、@3x）…
您的文件绝不离开您的设备
如何使用Retina 图片优化器（@2x、@3x）
- 1
在此页面打开Retina 图片优化器（@2x、@3x），它直接在浏览器中加载。
- 2
添加文件、文本或数值，并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
如何制作适配 Retina 的图片
Retina 和其他高 DPI 屏幕会在每个 CSS 像素中放入两到三个物理像素。在这类屏幕上显示宽度为 600 像素的图片，需要 1200 像素（@2x）或 1800 像素（@3x）的真实细节才能显得清晰；不够的话，文字和边缘会发软。然而尺寸翻倍会让像素数变为四倍，所以高密度图片必须仔细压缩，否则会成为页面上最慢的部分。
Retina 图片优化器允许最大 3840 × 2160 像素的图片（4K 显示器的分辨率），并以画质 85 压缩。之所以用更高的设置，是因为细节正是提供高分辨率图片的全部意义。默认不会放大较小的图片：放大无法增加真实细节，所以请从至少达到所需 @2x 尺寸的原图开始。
如何使用Retina 图片优化器（@2x、@3x）
- 把图片拖到上传区域、点击选择文件，或用 Ctrl+V 粘贴图片。本页支持 JPG、PNG、WebP、GIF 和 BMP 文件，可一次添加多张，每个文件最大 80 MB。
- 算出目标宽度：@2x 为显示宽度 × 2，@3x 为 × 3。打开 Resize，保持 Max 并输入该宽度，例如 600 像素的位置输入 1200。
- 在 More options 中把文件名设为 {name}@2x 或 {name}-{w}w，让每种密度都有清晰的名称；如果还需要标准版本，再用 @1x 宽度处理同一批图片。
- 用前后对比滑块检查结果：在预览上拖动分隔线，并在下方查看新的尺寸、文件大小、画质和节省的百分比。任何设置的改动都会自动重新处理所有图片。
- 下载单张图片，或用 Download all (ZIP) 打包下载整批图片。在 More options 中还可以设置 DPI 值，以及使用 {name}、{w}、{h} 的文件命名规则。
如何用好高 DPI 图片
- 同时提供两种密度。在 HTML 的 srcset 中用 1x、2x（或宽度）描述符列出文件，让普通屏幕下载较小的文件。
- @2x 下压缩痕迹不易察觉。Retina 屏幕上每个像素都很小，画质 75到80 往往看起来一样；用前后对比滑块确认是否真的需要 85。
- 选择现代格式。WebP 或 AVIF 能让较大的 @2x 文件保持可控；WebP 优化器 已为此预设。
- 知道何时不需要 2x。手机端的 手机图片优化器 已考虑高密度屏幕，普通页面图片则由 网站图片优化器 负责。
如果原图小于你计算出的 @2x 尺寸，结果会保持原图尺寸。这种情况下只把它作为标准图片使用，或先准备更大的原图。
私密、免费、快速
全部处理都在你的浏览器中完成：图片在你自己的设备上解码、调整尺寸并重新编码，不会上传到任何服务器。无需注册、没有水印、没有每日限制，每个结果中的位置和相机信息（EXIF）都会被移除。
功能
- 高分辨率上限 3840×2160（4K）
- 画质 85，细节清晰
- 自选精确的 @2x 或 @3x 宽度
- 默认不放大较小的原图
- {name}@2x 等文件名
- 支持 WebP 和 AVIF 输出
常见问题
什么是 @2x 图片？
像素宽高是显示尺寸两倍的图片，使其在设备像素比为 2 的屏幕（如 Retina 显示屏）上看起来清晰。
Retina 图片应该多大？
用显示的 CSS 尺寸乘以像素比：屏幕上 600 × 400，@2x 就是 1200 × 800，@3x 就是 1800 × 1200。
这个工具能把小图放大到 Retina 尺寸吗？
默认不会，因为放大不会增加真实细节。你可以取消勾选“Don't enlarge smaller images”，但对小原图来说 AI 放大工具效果更好。
Retina 图片文件会大很多吗？
@2x 的像素是四倍，但得益于压缩，文件通常远小于四倍。WebP 还能进一步缩小。
为什么上限是 3840 × 2160？
这是 4K UHD 分辨率，足以满足高 DPI 笔记本和 4K 显示器上的全屏图片。你可以在 Resize 区域调高或调低数值。
我的图片会上传到服务器吗？
不会。图片在浏览器本地处理，从不离开你的设备。关闭标签页后即被丢弃。