fantasyFantasy  2026-02-08 09:48 苹果家园 隐藏边栏 |   抢沙发  63 
文章评分 3 次,平均分 5.0
导语: SkreenPro 是一款面向 macOS 的开源截图美化工具,只负责截图之后的事:把图片放进画布,套上背景、边框、圆角和投影,再按平台尺寸导出。用 Electron、React 和 Konva 写成,MIT 协议,免费下载。

SkreenPro 是 macOS 上的一款开源截图美化工具,用 Electron、React 和 Konva 写成。屏幕捕捉这活儿不归它管——它的位置在截图之后:把已经截好的图放进画布,套上背景、边框、圆角和投影,再按平台尺寸导出成图。源码在 GitHub 上以 MIT 协议开放,可以免费下载使用。

SkreenPro v1.0.1 启动后的空状态界面,顶部是应用标题与 Github 按钮,右侧是 Open Image 按钮,背景为一张内置照片
SkreenPro v1.0.1 启动后的界面,未载入图片时只有一枚「Open Image」按钮,背景用的是内置照片。图片来源:SkreenPro 应用界面

SkreenPro 是什么?

一句话说清楚:它是一款给截图「做包装」的工具。市面上同类软件大多把力气花在捕捉和标注上,本站介绍过的 Better Shot 走的是截图加标注的路线,ScrollSnap 解决的是滚动长截图,而 SkreenPro 只管一件事——让一张素颜截图在文档、博客或社交平台里看起来不那么干。

实现方式是把 Electron、React 和 Konva 组合起来:Electron 负责桌面窗口与系统文件对话框,React 管界面,Konva 在画布上实时渲染你调出来的效果。参数一动,右侧画布立刻跟着变,不需要点「应用」或重新导出。

项目的默认设置挺能说明它的取向——打开软件就是 8px 黑边、12px 圆角、40px 内边距,背景直接铺上内置的第一张照片。也就是说,什么都不用调,一张截图丢进去就已经是「带壳」的样子了。

打开一张图,改几个参数,导出一张图

整个流程只有三步,没有图层、没有工程文件的概念:

  1. 打开图片:点顶栏的 Open Image,走的是系统原生文件对话框,也支持把图片直接拖进窗口。
  2. 左侧调参数:侧栏固定 300px 宽,分成 IMAGE 和 BACKGROUND 两个标签页,前者管边框、圆角、投影,后者管内边距、画布比例和背景。
  3. 导出:右侧画布满意之后点 Export,生成 PNG 文件存到本地。

导出按钮上写的是「Export - 4K」,实现上是把画布按 2 倍像素比渲染成 PNG。对一张常规 Retina 截图来说,出来的是清晰的放大尺寸,放进文档或放大查看都不会糊。需要更精确的尺寸时,可以先用画布比例把构图定下来再导出。

能调的参数有哪些

可调项不多,但每项都给足了区间,风格能拉开差距:

参数 范围 说明
边框宽度 0 – 50 px 0 就是去掉边框
边框颜色 任意取色 用系统取色器选,默认纯黑
圆角 0 – 100 px 默认 12px,调到 100 近似胶囊形
画布内边距 0 – 100 px 截图与背景之间的留白,默认 40px
投影 开关 + 6 种预设 light、medium、heavy、soft、sharp、dramatic

投影默认是关的。打开之后可以在 6 组预设之间切换,从几乎看不见的 light 到边缘很硬的 sharp,跨度够用。这些数值来自官方仓库里的界面代码,跟实际软件里能拖到的范围一致。

SkreenPro 画布比例、社交尺寸与可调参数汇总图,列出 9 组比例、4 组社交预设以及四项参数范围
SkreenPro 的画布预设与控件范围,数据取自官方仓库源码。图表来源:本站根据 SkreenPro 官方仓库源码整理制作

背景:6 组纯色渐变,外加 12 张内置照片

背景是这个工具最容易出效果的地方。预设里给了透明、白、黑三种纯色,再加蓝、粉、绿三组渐变。透明背景导出的是带圆角和投影的 PNG,直接叠在别的画面上也不违和。

更能拉开差距的是 12 张内置照片,全是抽象风格的流体与光影素材,分辨率最高到 4096 像素,铺满画布不会出现糊掉的边缘。它们直接打包在安装包里,选的时候不用联网。目前还不能上传自己的背景图,这条列在项目的待办清单上。

SkreenPro 内置的 12 张背景照片缩略图网格,均为抽象流体与光影风格素材
SkreenPro 内置的 12 张背景照片,抽象流体与光影风格,最高 4096 像素。图片来源:SkreenPro 官方仓库素材

按尺寸出图:9 组比例加 4 组社交预设

画布比例给了自由、16:9、9:16、4:3、5:4、1:1、4:5、3:4、2:3 九组,另外单独抽了四组社交平台的常用尺寸:IG Post 对应 1:1,IG Portrait 对应 4:5,IG Story 对应 9:16,Tweet 对应 16:9。做公众号头图、小红书竖图或者产品文档插图,直接点对应的按钮就不用再算比例了。

这一块的设计意图很清楚:截图本身的长宽千奇百怪,先放进一个规范比例的画布里,再去配背景和留白,输出尺寸就统一了。

效果大概是什么样

把它自己的界面截图当成素材丢进去、套上内置背景和留白之后,出来是这样:

效果示意图:一张 Mac 应用界面截图被放在抽象蓝色背景上,带黑色细边框、圆角与投影
效果示意图——把一张界面截图放进 SkreenPro,套背景、加内边距、圆角与投影之后的样子。图片来源:本站制作,素材来自 SkreenPro 官方仓库

边框和投影的作用是让截图从背景里「浮」起来,跟文档里的正文拉开层次。内边距则决定截图在画面里占多大比重,40px 偏紧凑,调到 80 以上会更像一张卡片。

安装与下载

到 GitHub Releases 页下载 SkreenPro-1.0.1-arm64.dmg,打开后把应用拖进「应用程序」文件夹即可。也可以从官网首页进入下载入口。当前只有一个版本 1.0.1,安装包约 126MB。

因为安装包没有做代码签名,首次启动 macOS 会拦一下。这时候在「应用程序」里右键点击 SkreenPro,选「打开」,再确认一次就能正常启动,之后不再提示。

SkreenPro 官网首页横幅,居中为 SkreenPro 标识与「Screenshot Editing, Reimagined. Open Source. Free. Powerful.」标语
SkreenPro 官网首页,标语写着 Screenshot Editing, Reimagined。图片来源:SkreenPro 官网

官方入口:GitHub Releases 下载页GitHub 仓库官网

几个需要提前知道的地方

把源码翻过一遍之后,有几件事值得先说清楚,免得下载完才发现跟预期不符。

必须先登录才能用

软件启动后的第一屏是登录页,看不见编辑器。程序里有一行判断写得明明白白:没有登录用户就直接返回登录界面,只有 GitHub 和 Google 两种 OAuth 方式可选,走的是 Supabase 的认证服务。换句话说,这不是一个「装完离线就能用」的工具,账号是硬门槛。

目前没有标注工具

官网文案里提到用强大的工具做标注,但当前版本的编辑面板里只有背景、边框、圆角、投影、内边距这些样式项,找不到文本、箭头、形状或马赛克。项目待办清单里明确列着「更多编辑工具(文本、形状)」尚未完成。如果你的核心需求是截图后加个箭头指一下,这个工具现阶段替代不了 Better Shot 那类产品。

只有 Apple Silicon 版本

发布页里只有 arm64 的安装包,搭载 Intel 处理器的 Mac 暂时装不上。Windows 和 Linux 的支持也在待办清单里,尚未开始。

项目更新节奏偏慢

仓库最近一次代码推送停在 2025 年 12 月,距写作时已经有九个多月没有新提交;唯一一个正式版本 1.0.1 发布于 2025 年 12 月 16 日。截至 2026 年 9 月,项目累计 72 个 star、6 个 fork。功能能用,但如果期待它快速迭代,需要做好等待的心理准备。

两处小瑕疵

README 里把「把作品保存并同步到 Supabase 云端」列为特性,但当前编辑器界面上只有导出到本地的入口,没有看到上传或云同步的按钮。另外官网首页的社交分享图指向的是另一个域名下的图片,应用内顶栏的 Github 按钮链接指向的地址也与实际仓库地址对不上。都属于不影响使用的细节问题。

常见问题

SkreenPro 能截图吗?

不能。它没有全局快捷键,也不做屏幕捕捉,只能打开已经存在的图片文件。截图这一步仍然要靠系统自带的截图快捷键或者其他截图工具。

要不要付费?

不需要。项目以 MIT 协议开源,全部功能和参数都可以无限制使用。源码里虽然留了套餐和授权码的组件文件,但都处于注释掉的状态,标注为未来功能,当前版本没有任何付费入口。

能装到 Intel 的 Mac 上吗?

暂时不行。发布页只提供 arm64 安装包,Intel Mac 支持还在待办清单里。

跟带壳截图工具是什么关系?

思路接近。带壳截图是把截图塞进设备外框里,SkreenPro 换成了抽象照片和纯色背景,自由度更高一些,可以自己做 Mockup Screenshot 那种带壳效果的另一种版本——用边框、圆角和投影模拟出卡片的层次。

适合什么人用?

经常需要把截图发到文章、文档、社交平台,又懒得开设计软件的人。核心需求是加箭头的、要截长图的、或者需要批量处理几十张图的,建议看别的工具。

声明:本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

发表评论

表情 格式 链接 私密 签到

友情链接

    扫一扫二维码分享