创意

截图美化

内边距、圆角、柔和投影,再垫一层渐变。

创意

☞ 全程在你的浏览器中运行 —— 不会上传任何图片

把图片拖到这里

或点击浏览 —— PNG、JPG、WebP 或 GIF

外框才是重点

原始截图放进幻灯片就是不对劲

截图是一个戛然而止的矩形。把它放进幻灯片或者帖子里,它读起来就像个异物 —— 硬边缘直接撞上背后的任何东西,你截下来的那个界面和承载它的文档之间没有任何视觉间隙。解决它靠的不是滤镜,而是三样东西:图周围的留白、被软化的边角,以及某种让这个矩形浮在背景之上、而不是紧贴着它的东西。

也就是三个设置,而这三个在这里都是百分比而不是像素。20 像素的留白,放在 400 像素的缩略图周围很阔绰,放在 3000 像素的高清截图周围根本看不见;按短边的百分比算,同一套设置在两种尺度上都显得是有意为之。投影也是同一套量法,所以它始终按比例走,不会在大图上变成一道生硬的黑线。

三步

截图怎么美化

01

把截图拖进来

PNG、JPG、WebP、GIF 都行。在页面里解码,从不上传。

02

调内边距、圆角和投影

从默认值开始改就行。两个色块决定背景:颜色不同得到对角线渐变,相同则是纯色。

03

下载

PNG 让界面里的文字保持锐利 —— 那通常正是截图的意义所在。截的主要是照片时,JPEG 更小。

快速解答

截图美化常见问题

为什么内边距和圆角用百分比而不是像素?

因为像素值只在一个尺寸上成立。短边的 10% 在 400 像素和 3000 像素的截图上看起来是一样的,而 40 像素在前者上是宽边距、在后者上是一根发丝。需要对着规范填数时,换算出的像素值就显示在预览下方。

怎么要纯色底而不是渐变?

把两个色块设成同一个值。只有两者不同时才出现渐变;相同时背景就用那一个颜色铺满。

该导出 PNG 还是 JPEG?

含界面文字的一律 PNG。JPEG 压缩会在文字的硬边缘周围留下毛边,而截图恰恰就是由这种边缘构成的。只有截的主要是照片时,JPEG 才更划算。

投影能配透明背景吗?

这个工具永远会画底色,因为底色本身就是成品的一部分 —— 一张边缘透明的「美化截图」会把背后的东西透出来,等于白做。想要透明四角,请用「图片圆角」。

有体积上限吗?

文件 25MB 以内;加完留白之后如果超出浏览器画布能画的范围,导出会自动缩小到装得下。发生时预览里会写明,而不是给你一张空白图。

会上传吗?

不会。截图在你的浏览器里解码、绘制、重新编码。这一点在这个工具上比在别的工具上更要紧 —— 截图里往往恰好是你最不希望出现在别人服务器上的东西。