EP01. “Photopea 入门与工作区”

首页 › PC 工具 › Graphic Design · Photopea · EP01

约 9 分钟· #EP01#Photopea

Photopea 是一款免费的网页版图像编辑器，能同时处理位图（raster）和向量图（vector）。这篇笔记讲它是什么、界面工作区怎么看、怎么开档和存档、怎么在画布上导览、以及怎么调整图片/画布尺寸。不需要前置知识，是 Photopea 系列的第一篇。

重点内容

Photopea 是一款进阶的图像编辑器，能同时处理位图和向量图形。用途从简单的调整图片大小，到网页设计、插画创作、照片编辑这类进阶工作都能胜任。支持多种色彩空间和位深（8-bit、16-bit、32-bit），足以应付专业级的工作需求。

访问方式：直接在浏览器打开 www.Photopea.com 即可，桌面、笔电、平板、手机都能用，但建议用屏幕较大、配鼠标/触控笔和键盘的设备，操作起来会更顺手。

📌 隐私与离线能力：Photopea 完全在你的设备本地运行——不会把你的任何文件上传到网络。开好网页之后甚至可以断网继续编辑，不用担心数据被传输出去。

💡 官方学习资料是循序渐进设计的，各章节会建立在前面学过的知识基础上，从基础到进阶逐步累积技能。

Photopea 界面由四大区块组成：

左侧工具栏（Toolbar）：所有可用工具都在这里，⚠️ 同一时间只能启用一个工具。带小箭头的工具代表这里藏了一组相关工具，点住不放就能看到其他选项。工具栏底部会显示前景色和背景色的调色板，可以互换或还原成默认的黑白。

右侧栏（Sidebar）：分成左右两个直排栏，可以收起或展开，里面放了 Layers（图层）、History（历史记录）这类辅助工作的面板。找不到某个面板的话，可以到 Window 菜单里找。

中间工作区（Working Area）：能同时打开多份文件（比如好几张 JPG 图片），顶部有文件分页栏可以切换或关闭个别文件。

顶部菜单（Top Menu）：分两层——上面是主菜单（File、Edit、Image 等），下面一栏会随你当前选中的工具变化，显示对应的参数（比如笔刷的透明度、文字大小）。

[截图：Photopea 工作区四大区块全貌，标出左侧工具栏、右侧栏、中间工作区、顶部菜单的位置]

开启文件的几种方式：

📌 把文件拖进已开启文件的工作区，会以 Smart Object 图层的形式插入；拖进文件分页栏则会以独立文件的方式打开。

存档的两种思路：

为了保留可编辑性：File → Save as PSD，保留完整的图层结构和后续编辑能力
为了对外发布：File → Export As，转成 JPG、PNG、SVG、PDF 这类适合网络发布的格式——导出窗口还能选输出格式、调整图片分辨率，等于顺便就能做到调整图片尺寸的功能

📌 支持的格式涵盖位图（PNG、JPG）、向量图形，原生格式是 PSD——所有打开的文件在编辑时内部都会先转成 PSD 格式处理，再导出成想要的发布格式。

[截图：Export As 导出窗口，显示格式选择和分辨率调整选项]

Zoom（缩放）工具：点图片能放大或缩小，按住 Alt 键能切换缩放方向。快捷方式：Ctrl+空格键 能临时启用缩放工具，不用整个切换过去。

Hand（手形）工具：能在画布上移动视角，点住拖拉就能导览到其他位置。快捷方式：按住空格键能临时切到 Hand 工具，放开后自动切回原本的工具。

Rotate View（旋转视图）工具：在 Hand 工具下面，点住拖拉能旋转整个文件的观看角度，有重置按钮能还原回 0 度。

鼠标滚轮：滚动能上下移动画面，按住 Alt 能改成缩放功能，加上 Ctrl 能变成水平滚动。

Ruler（尺规）：View → Rulers（或按 Ctrl+R）启用，帮助定位和估算物件尺寸。

History（历史记录）面板：编辑过程会形成一连串的操作记录，点任何一步能回到那个状态；Edit → Step Forward（Shift+Ctrl+Z）或 Edit → Step Backward（Alt+Ctrl+Z）能在历史记录里前后移动。

Image Size（图片尺寸）：Image → Image Size，能改变文件的整体分辨率，输入新的尺寸和 DPI 数值——改变分辨率的同时，内容会按新分辨率等比例缩放。

Canvas Size（画布尺寸）：Image → Canvas Size，这个功能会保留内容原本的分辨率和质量，只改变能看到内容的"窗口"大小——适合想扩大/缩小可视范围、但不想让内容本身跟着变形缩放的场景。

[截图：Image Size 和 Canvas Size 两个对话框的对比，标出参数输入项的差异]

Crop（裁切）工具：选取该工具后在文件上画一个矩形范围，能重新定位、拖拉角落调整大小、或在边缘附近拖拉做出带角度的裁切，设置好之后在顶部菜单确认或取消操作。

❌ 想调整图片可视范围却用了 Image Size——Image Size 会连带把内容等比例缩放，如果只想改变"看到多少内容"而不想让内容变形，该用 Canvas Size
❌ 把想插入成独立图层的文件拖进了文件分页栏——拖进文件分页栏会开成独立文件，想让它变成 Smart Object 图层插入到当前文件里，要拖进工作区的主画面
❌ 编辑完想保留继续修改的能力却导出成 JPG/PNG——这类格式会压平图层结构，之后没办法再单独调整——要保留完整图层结构和编辑能力，用 Save as PSD
💡 断网也能继续用 Photopea 编辑——因为它完全在本地设备运行，不会上传文件到网络，适合处理不想联网传输的敏感图片

官方文档：