跳到主要内容
ConvertOwl

Facebook 帖子模型:发布之前先看一眼

看看一条帖子在 Facebook 信息流里究竟长什么样:主页名称和时间那一行、带“查看更多”折叠的正文、以正确比例显示的图片或视频,以及下方的互动栏。切到快拍或 Reels 检查竖版裁切,试试深色模式,再导出 PNG。

Loading mockup studio…

如何使用此工具

  1. 选择信息流、快拍或 Reels

    信息流卡片、全屏快拍和 Reels 会绘制不同的界面,套用不同的文字预算。选你真正要发布的那一个。

  2. 拖入素材

    加入 PNG、JPG、WebP、GIF 或 AVIF 图片,也可以是 MP4、MOV 或 WebM 视频。Facebook 信息流接受方形、竖版、横版和 1.91:1 素材,比例按钮可以在它们之间切换。

  3. 写帖子

    填入主页名称和正文。计数器会标出 Facebook 把其余内容折进“查看更多”的位置,预览也在同一处折叠,让你看清哪一句话活了下来。

  4. 检查深色模式

    相当一部分人是在深色模式下刷 Facebook 的,白底素材在那里会变成一块刺眼的亮块。打开开关,先看清结果再做决定。

  5. 下载模型

    导出二倍分辨率的 PNG,或者复制到剪贴板,用于提案、邮件或与客户确认。

常见问题

“查看更多”之前能看到多少内容?

在桌面端,Facebook 大约在 250 个字符处折叠一条信息流帖子,窄屏手机上更早,其余内容收进“查看更多”。多数人只读第一行,所以这个工具把折叠位置画在原处,并在你输入时按它统计字数。

Facebook 帖子用什么图片尺寸最好?

信息流里最稳妥的默认值是 1080 × 1080 的方形。4:5 竖版占据更多纵向空间,1.91:1 则与链接预览一致。快拍和 Reels 是 1080 × 1920。在模型里切换比例,就能看到同一张素材在每种裁切下的样子。

模型能显示深色模式吗?

可以,而且值得一看。Facebook 的深色界面接近纯黑卡片,白底素材在上面像一块亮斑,白底上的浅灰文字甚至可能完全消失。这个深色开关与本站自身的主题互不影响。

可以用它做客户确认吗?

PNG 导出正是为此而生。下载模型的二倍图,放进提案或邮件,客户看到的就是处在真实语境里的帖子,而不是一张孤零零的图配上另起一段的文案。

你们会保存我预览的图片吗?

不会。你的文件从不离开浏览器标签页。它保存为一个本地地址,绘制到页面上,关闭标签页时就被丢弃。PNG 同样在你的浏览器里生成,所以什么都不会传输,我们这边也不会存下任何东西。

有问题吗? 报告问题