Photopea如何修改图片DPI？

Question

在使用Photopea编辑图像时，许多用户常遇到一个问题：如何准确修改图片的DPI（每英寸点数）以满足打印或出版要求？虽然Photopea界面类似Photoshop，但其DPI设置并不直接影响屏幕显示大小，仅用于打印尺寸计算。用户需通过“图像”菜单中的“画布大小”功能，在不改变像素尺寸的前提下调整DPI值。常见困惑在于，修改DPI后导出的图像像素尺寸不变，导致误解为操作无效。实际上，DPI仅影响物理打印尺寸和分辨率标注。正确理解像素尺寸与DPI的关系，是确保图像在不同输出场景下清晰呈现的关键。

Answer 1

一、DPI基础概念与图像输出的关系

DPI（Dots Per Inch）是指每英寸所包含的打印点数，是衡量图像打印分辨率的重要指标。在数字图像处理中，DPI并不直接影响图像的像素尺寸或屏幕显示效果，而主要用于定义图像在物理打印时的实际尺寸。例如，一张1920×1080像素的图像，在72 DPI下打印约为33.6英寸×18.9英寸，而在300 DPI下则缩小至6.4英寸×3.6英寸。

Photopea作为一款基于浏览器的图像编辑工具，其界面和功能设计高度模仿Adobe Photoshop，因此用户常误以为其DPI设置会改变图像质量或像素大小。实际上，修改DPI仅调整了图像的“元数据”中的打印尺寸信息，而不改变图像本身的像素矩阵。

• DPI ≠ 图像清晰度本身，而是清晰度与物理尺寸的比率
• 高DPI适合印刷出版，如杂志、画册通常要求300 DPI以上
• 屏幕显示一般以PPI（Pixels Per Inch）为参考，常用72–96 PPI
• 导出图像后像素不变，说明DPI未影响图像内容，仅影响打印解释

二、Photopea中修改DPI的技术路径分析

在Photopea中，用户需通过【图像】→【画布大小】（Canvas Size）功能来调整DPI值。此操作的关键在于理解“保持像素总数不变”的前提下，仅更改分辨率参数。

参数	原始值	修改后	是否影响像素尺寸？
宽度	1920 px	自动计算为6.4 in @ 300 DPI	否
高度	1080 px	自动计算为3.6 in @ 300 DPI	否
分辨率	72 DPI	300 DPI	仅影响打印尺寸
文件大小	2 MB	2 MB	无变化
颜色模式	RGB	RGB	无关

操作步骤如下：

1. 打开目标图像文件
2. 点击顶部菜单栏【图像】
3. 选择【画布大小】
4. 在弹出窗口中，确保“保持纵横比”未强制锁定
5. 将单位从“像素”切换为“英寸”或其他物理单位
6. 修改“分辨率”字段中的DPI数值（如从72改为300）
7. 确认“像素尺寸”部分未被重新采样（即未勾选重采样选项）
8. 点击“确定”应用设置
9. 导出图像为TIFF或PNG等支持嵌入DPI元数据的格式
10. 验证导出文件的DPI属性（可通过专业软件查看）

三、常见误区与深度解析

许多用户在修改DPI后发现导出图像的像素尺寸没有变化，便认为操作无效。这种误解源于对“分辨率”概念的混淆——将屏幕分辨率、图像像素分辨率与打印DPI混为一谈。

// 示例：JavaScript 中读取图像DPI（需借助第三方库）
function getImageDPI(imageUrl) {
  const img = new Image();
  img.onload = function() {
    const metadata = EXIFReader.read(img); // 假设使用EXIF.js
    console.log("X Resolution:", metadata['XResolution']);
    console.log("Y Resolution:", metadata['YResolution']);
  };
  img.src = imageUrl;
}

事实上，DPI是一个描述性元数据，用于告诉打印机“如何缩放图像”。若不进行重采样（resampling），像素阵列不会发生任何改变。这也是为何Web图像即使标注为300 DPI，在屏幕上仍按像素渲染的原因。

四、工作流整合与最佳实践建议

对于IT及设计相关从业者，尤其是在跨平台协作或自动化出版流程中，应建立标准化的DPI管理机制。以下为推荐的工作流模型：

graph TD A[导入原始图像] --> B{是否用于印刷?} B -- 是 --> C[设置DPI为300] B -- 否 --> D[保持72-150 DPI] C --> E[使用画布大小调整分辨率] D --> F[导出为Web优化格式] E --> G[导出TIFF/PDF并验证元数据] G --> H[交付印刷方确认打印尺寸] F --> I[部署至前端或移动端]

此外，建议在批量处理时结合脚本化工具（如Photopea支持部分PSD兼容脚本），或通过外部程序（如ImageMagick）统一注入DPI信息，避免手动操作误差。