我的截图分辨率是多少？

截图分辨率取决于显示器及其设备像素比。在标准 1080p 显示器上，全屏截图为 1920 × 1080 像素。在逻辑分辨率相同、像素比为 2 倍的 Retina 显示器上，截图为 3840 × 2160 像素，像素总数是前者的 4 倍。

为什么截图在其他屏幕上看起来模糊？

如果截图以 1 倍分辨率截取，却在 2 倍 Retina 屏幕上显示，浏览器或查看器会将其放大，画面就会模糊。以 2 倍分辨率截图，才能在高密度显示器上保持清晰。

较高分辨率意味着更多像素和更丰富的细节，但文件也会更大。如果截图在网页上只以很小的尺寸显示，额外分辨率只会增加文件体积，不会带来可见收益。应让分辨率与输出场景相匹配。

可以使用高 DPI 显示器、在浏览器开发者工具中提高设备像素比，或使用支持自定义截图分辨率的工具。有些工具允许独立于当前显示器指定输出尺寸或 DPR。

用于 Web 营销时，2 倍分辨率（显示尺寸的两倍）可以同时在普通屏幕和 Retina 屏幕上保持清晰。用于印刷营销时，应确保像素尺寸在目标印刷大小下至少达到 300 DPI。

截图分辨率是截图的像素尺寸，即以像素表示的宽度 × 高度，它决定图像的细节水平、清晰度和文件大小。

分辨率是衡量截图视觉质量最直接的指标。高分辨率截图包含更多像素，因此细节更丰富、文字更清晰、曲线更平滑。低分辨率截图的像素较少，损失也显而易见：文字边缘出现锯齿，细线消失，小型界面元素难以辨认。

两者的关系很直观：每单位可见内容包含的像素越多，记录的细节就越丰富。同一网页的 2880 × 1800 截图所含像素数据，是 1440 × 900 截图的 4 倍。两者以相同物理尺寸显示时，高分辨率版本明显更清晰。

截图用于文档、营销或印刷时，这一点尤其重要。读者可能放大查看，设计师可能裁出特定区域，印刷也要求足够的像素。以较高分辨率开始，可以为后续处理保留余地：图像随时可以缩小，却无法为低分辨率截图补回真实细节。

以下因素会影响截图的像素尺寸：

显示器分辨率——即显示器或屏幕的原生分辨率。4K 显示器的全屏截图最高可达 3840 × 2160 像素，1080p 显示器则最高为 1920 × 1080。
设备像素比（DPR）——高密度显示器的 DPR 为 2 倍或 3 倍，会相应放大逻辑视口尺寸。在 2 倍显示器上，宽度为 1440 像素的视口会生成宽度为 2880 像素的截图。
视口尺寸——在浏览器截图中，视口尺寸决定要截取的逻辑区域。视口越宽，截图也越宽。
截图工具设置——有些工具允许覆盖默认分辨率、指定自定义 DPR，或按独立于物理显示器的尺寸渲染。

在自动截图流程中，控制这些因素可以保证输出一致。工具采用固定 DPR 和视口尺寸后，无论在哪台机器上运行，都能得到统一结果，避免不同团队成员使用不同显示器所带来的差异。

分辨率与文件大小直接相关。截图的宽和高各增加一倍，像素总数就会增加到 4 倍，文件大小也会随之增长，不过具体比例取决于图像格式和压缩方式。

PNG 采用无损压缩，文件大小通常大致随像素数量增长。同样内容的 2880 × 1800 PNG 很容易达到 5–10 MB，而 1440 × 900 PNG 可能只有 1–2 MB。JPEG 和 WebP 采用有损压缩，会丢弃冗余数据，增长速度较慢，但图像越大，文件仍然越大。

在 Web 传输中必须考虑这种取舍。在着陆页加载 10 MB 的截图会拖慢速度。解决办法不是一开始就用低分辨率截图，而是先以高分辨率截取，再进行优化：使用合适的质量设置压缩，在支持的地方提供 WebP，并使用响应式图像标记为不同设备提供恰当尺寸。

在真实的内容流程中，截图分辨率应是事先规划的选择，而不是碰巧使用了某台显示器后产生的结果。团队如果提前确定目标视口、DPR 和导出格式，就能得到更便于内部对比的图像，发布时也会减少返工。

在高 DPI 显示器上以 1 倍分辨率截图。 有些工具默认使用逻辑像素，而不是物理像素，生成的截图分辨率低于显示器能力。应确认工具按显示器的原生 DPR 截取。
放大低分辨率截图。 把 1 倍截图放大到 2 倍尺寸不会增加细节，只会插值像素，产生模糊或涂抹感。应直接按目标分辨率截图，而不是事后放大。
所有场景都使用最高分辨率。 为宽度只有 200 像素的缩略图提供 3 倍截图，会浪费带宽和存储空间。应按照截图最大的显示尺寸选择分辨率，并为裁剪留出合理余量。
截图后不压缩。 高分辨率截图会生成大文件，分享或发布前不压缩，会浪费带宽和存储空间。应根据格式适当压缩：文字为主且要求无损时使用 PNG，摄影内容允许有损压缩时使用 WebP 或 JPEG。