Softonic

截图样机生成器

步 1 / 3

原始截图虽能用，但略显平淡。当把它放入浏览器栏或 macOS 窗口边框中，配上柔和的阴影和彩色背景后，同一张截图就呈现出成品级的视觉效果。该工具将你已有的图像放入浏览器窗口、macOS 窗口或仅带圆角的简洁边框中，置于渐变背景之上，并可调节内边距、圆角半径和阴影，使成品适配幻灯片、社交媒体帖子和新闻资料。

如何制作截图样机

  1. 1

    上传你的截图

    任意 PNG、JPG 或 WebP 文件，最大 30 MB，任意分辨率均可。工具同时兼容 Retina 和标准分辨率图像。

  2. 2

    选择边框

    浏览器窗口（带红黄绿三色圆点和地址栏）、macOS 窗口（带红黄绿三色圆点），或仅带圆角的简洁边框。

  3. 3

    设置背景

    选择一种会过渡为暖色渐变的背景色。添加内边距，调整圆角半径，并开启或关闭阴影。

  4. 4

    导出

    将做好的样机下载为 PNG，用于社交帖子、幻灯片或新闻资料。

选择合适的边框和背景

边框的选择能传达语境。浏览器栏表示“网页应用“。macOS 窗口表示“桌面应用“。简洁边框则让注意力集中在本身已带外框的界面上。请选择与展示内容相符的边框。

边框指南

边框 最适合
浏览器窗口 SaaS 功能、着陆页、仪表板
macOS 窗口 桌面应用、编辑器、终端截图
简洁 本身已带外框的截图

建议的参考尺寸

工具会按你截图本身的分辨率导出。当你为特定渠道裁剪或缩放成品时，以下尺寸可作为实用参考。

用途 尺寸（像素）
推特 / X 卡片 1600 x 900
领英单图 1200 x 627
Instagram 动态（横向） 1080 x 566
Product Hunt 图库 1270 x 760
幻灯片（16:9） 1920 x 1080

样式提示

  • 让阴影保持柔和。 阴影把边框从背景中托起；想要立体感就保留，想要扁平简约就关闭。
  • 保持充足的内边距。 边框周围 60-120 像素能避免截图显得局促。
  • 选择贴合品牌的背景。 你所选的颜色会过渡为暖色渐变，因此接近品牌的色调能把素材与你的网站联系起来。
  • 让边框与内容相匹配。 桌面应用外套浏览器栏，或网页外套 macOS 窗口，都会显得不协调。拿不准时就用简洁边框。
  • 在导出前删除敏感数据（用户邮箱、真实姓名、账单信息）。模糊处理比承担法律后果更省事。

常见问题

三种：浏览器窗口（红黄绿三色圆点加地址栏）、macOS 窗口（红黄绿三色圆点，无地址栏），以及仅把截图四角变圆的简洁边框。这些边框为风格化设计，并非对特定产品的像素级复刻，因此在大多数地区可安全用于营销。

目前不能。样机是在由你所选背景色生成的渐变之上合成的，导出的 PNG 会带上这层背景。请选择接近品牌的颜色，若打算把图像放在纯色表面上，可选中性色调。

样机会以一个合适的工作宽度渲染，因此过大的截图会被缩放以适应边框。用 Retina（2 倍）拍摄可获得最清晰的效果，导出的 PNG 在高分辨率屏幕上依然锐利。

不会。合成在浏览器画布中完成，图像只有在你保存最终 PNG 时才会离开你的设备。

相关工具

材质设计颜色选择器

浏览Material Design色板，单击即可将任意色号（50至A700）以HEX、RGB或 HSL 格式复制。

ARW 转 JPG 转换器

将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom，即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。

报纸制作工具

使用你自己的标题和文章制作报纸风格的头版，然后复制、下载纯文本，或打开浏览器打印对话框。

旗帜制作器

在浏览器中使用六种布局、颜色、文字和符号设计简洁的自定义 3:2 旗帜。可下载 SVG 或 PNG，或打开浏览器打印对话框。

ICO到PNG格式转换器

查看 ICO 中的图像，选择一个尺寸，并在浏览器中按原始大小保存为透明 PNG。

在线白板

在浏览器中的私人白板上绘制想法，排列形状、便签和本地图片。支持撤销操作，并导出 PNG、JPEG、SVG 或可编辑的 JSON。

此工具还提供其他语言版本