原始截图贴进推文、幻灯片或落地页时总显得干巴巴。这个工具把它放到漂亮的渐变（或纯色）背景上，加上留白、圆角，底部再落一层柔和阴影——就是你到处见到的产品截图那种精致感。可为社媒选个画面比例，或保持自动。
一切在浏览器的 canvas 上实时合成，导出 PNG。你那可能带隐私数据的截图，绝不上传。
使用方法
- 添加截图把要美化的图片拖进来。
- 设置边框选背景、留白、圆角和阴影；需要就选个画面比例。
- 下载 PNG保存精致的成图，直接用于社媒、文档或幻灯片。
把裸截图变成产品截图
截图美化工具把你的截图放到一个背景上，再加上让截图显得是「做过」而非「抓来」的三样东西：图四周的留白、截图本身的圆角、以及把它从台面托起来的柔和阴影。挑一个预设渐变、纯色，或透明背景，逐项调好，导出 PNG 之前就能看着预览实时变化。
整个拼图都在你浏览器的画布上完成，截图不会被上传。这一点很要紧：一张截图里可能有一条私信、一张发票、一个后台，或地址栏里的一段 token——加一层阴影，不该等于把这些送去服务器。不用注册，页面加载完之后离线也能用。
发到哪儿就配哪儿的形状
你发图的每个地方都有它偏爱的形状。把导出锁成 16:9 配 PPT 和宽版社交卡片，1:1 配朋友圈或领英的方图，3:4 是竖图、在手机屏上占更大一块，或者留在自动，让画框刚好裹住截图加留白。锁定比例后，留白会把画框其余部分补满，导出的图正好落进那个位置，不会被裁得别扭。
把背景设成透明，导出的 PNG 就把留白那圈留空——留白、圆角、阴影全保留，消失的只是阴影背后的填色。这个版本，就是你拿去 Figma、Keynote 或缩略图里，摆到自己背景上的那一张。
大家都用它来做什么
发布和更新日志图 — 让产品截图浮在柔和渐变上，发布帖或更新日志就显得是有意为之，而不是随手一截。
精致的推文和长帖 — 加留白、圆角和一层淡阴影，截图就不再跟周围的文字撞在一起。
PPT 演示 — 按 16:9 配干净背景导出，整套演示里的截图看着统一。
方图社交帖 — 锁定 1:1，宽截图也能塞进朋友圈或领英九宫格而不被裁。
Figma、Keynote 素材 — 用透明背景导出，保留圆角和阴影，再放到自己的排版里。
文档头图 — 把截图放到纯品牌色上，做文档或 wiki 里干净、贴品牌的头图。
一张裸截图,粘到哪里都显得寡淡
直接截下来的图,就是一块四边硬邦邦的像素。发个 bug 报告没问题。可一旦你把它放进一条推文、一页 PPT、落地页的头图、或者一篇 Notion 文档里,就总透着一股没做完的劲儿:它紧贴着周围的文字,四个直角又尖又廉价,图和背景之间没有一点分隔。那种精致的版本你其实见过无数次——一张产品截图浮在柔和的渐变色上,四周留着一圈空隙,圆角收得温柔,底下垫着一层很淡的阴影,让它从页面上微微浮起来。这个效果既不是什么滤镜,也不是套的模板,它就是三件小事叠在一起,而这个工具做的正好就是这三件事。
你把截图拖进画布,它就在你的浏览器里实时把成品拼出来。你挑一个背景——预设渐变、纯色、或者透明,调一下截图四周的留白,选圆角大小,再把阴影调深调浅。预览随手就变。觉得对了,导出 PNG。而这张截图——里面可能是一段邮件往来、一个后台面板、一段聊天记录、一串账号,什么都可能有——是直接画在 <canvas> 上的,从头到尾没出过这个标签页。不上传、不注册,页面加载完之后断网也照样能用。
留白、圆角、阴影、渐变各自在干什么
- 留白给截图让出边距,不至于四边挤满。正是这圈空隙,让它读起来像一件被有意摆上台面的东西,而不是一张随手抓下来的原图。
- 截图本身的圆角把四个硬直角收软。改动很小,但立刻就从"抓的图"变成了"做过的图"。
- 一层柔和的阴影把截图和背景分开,让它看着像是略微浮在台面上方,而不是平贴在上面。阴影要淡——够出立体感又不显笨重,靠的就是这个"淡"字。
- 渐变(或纯色)背景给留白填上颜色。那些新品发布、更新日志里的截图之所以显贵,最大的功臣就是一道柔和的双色渐变;想稳一点、贴品牌色,就换纯色。
这几样合起来就是所谓"产品截图"的样子,而工具的全部本事也就到这儿——不多也不少。
按用途选画幅
导出可以是自动(画框刚好裹住截图加留白),也可以锁定成 16:9、4:3、1:1、3:4。画幅之所以要紧,是因为你要发的每个地方都有它偏爱的形状:16:9 配 PPT 和宽版社交卡片,1:1 配 Instagram、朋友圈或领英的方图,3:4 是竖图、在手机屏上能占更大一块。锁定比例后,留白会把截图周围的画框补满,导出的图就能正好落进那个位置,不会被切得别扭。
透明背景,是给你留的一手
把背景设成透明,导出的 PNG 就把留白那圈留空,而不填颜色。当你打算把这张带圆角、带阴影的截图,再摆到自己在 Figma、Keynote 或缩略图里的背景上时,要的就是这个:留白、圆角、阴影都在,你只管把它放到手头已有的那块底子上。阴影会保留,消失的只是它背后的填色。
为什么"只在本地"在这儿格外重要
截图,其实是你会想分享的东西里最私密的一类。一张图就可能露出客户姓名、一张发票、一条私信、一个内部数据、地址栏里的一段 token。一个要把你的图传到服务器去"处理"的美化工具,等于是让你为了加一层阴影,把这些全交出去。而这里,拼图就是你自己浏览器里老老实实的 canvas 运算,没有东西要上传,也没有东西需要你去信。
关于范围,有句实话:它只加渐变、留白、阴影这套精致感,别的没有。它不会给截图套上浏览器外壳或手机边框那种 mockup,也不加箭头、马赛克或标注——就是美化这一件事,一次一张截图。
为什么选 IMG.DIY
渐变或纯色
预设渐变或任意纯色。
留白与圆角
呼吸空间加圆角。
柔和阴影
深浅可调，营造悬浮感。
隐私安全
本地合成，绝不上传。