图卡狐编辑部

公众号长图怎么制作：长图素材，不是秀米排版

先说清：公众号长图有两条路

搜「公众号长图怎么制作」，排在前面的多是 Canva、稿定、创客贴和 135 编辑器。它们其实代表两种完全不同的做法，先分清楚，后面才不会白做：

  • HTML 排版图文：用秀米、135 这类编辑器写出带样式的富文本，读者看到的是可选中的文字。优点是文字可搜索、可复制，缺点是无法做跨屏的连续画面。
  • 图片长图：把内容做成一张（或拼接成的）长图，读者看到的是图片。适合条漫、一图流、时间线这类视觉连贯的表达。

这两种没有高下，只有适不适合。如果你要的是「读者截屏保存的一整张图」，那就是图片长图；如果只是想让文章排版好看，HTML 排版工具更合适。

长图、多图还是 HTML：先做选择

三条路解决的是不同问题，可以用三个问题快速分岔：

  1. 读者要不要复制或搜索文字？ 要，就走 HTML 排版；不要，才考虑图片。
  2. 内容是不是一条连续叙事？ 是（条漫、时间线、一图流），做长图；不是（清单、并列要点），做多图更好翻。
  3. 以后会不会频繁修改？ 会，选 HTML，改一个字不用重出整张图。

长图擅长「一口气讲完一个故事」，多图擅长「每屏一个要点」，HTML 擅长「可搜索、可维护」。先想清楚交付形态，再打开工具，能省掉大量返工。

图片长图的尺寸与体积限制

图片长图的难点不在设计，而在平台限制。135 编辑器一篇 2022 年的经验文《大号都在用的无缝长图该怎么做》记录了当时的做法：公众号里的长图也叫条漫或一图流，一般宽度在 1000 到 1200px，长度按内容增减；但公众号后台上传图片有体积上限（文中为 10M），且图片高度与宽度的像素乘积不得超过 600 万，单张超长图很容易被压缩，清晰度下降。

这是第三方经验而非微信官方规格页，数字也可能已经变化。可执行的结论是：不要把一张超长图直接硬传。先按宽度统一，再切分成若干张，用编辑器的无缝功能拼接，既绕开压缩，也方便读者分段阅读。发布前请以公众号后台当日的上传提示为准。

处理超限的常规顺序是：先统一宽度，再按 600 万像素乘积的约束估算单张最大高度，把长图切成若干段；拼接时让接缝落在段落之间，避免切到一行字。这样既绕开压缩，也降低了读者一次加载整张超大图的负担。

拼接长图的完整工作流

对知识型创作者来说，最省力的长图素材，往往是你已经排好的一套卡片。以「一张 1080px 宽的九步教程长图」为例：

  1. 定宽度：所有卡片统一到 1080px，长图的横向才不会错位。
  2. 定节奏：每个信息模块一组卡，模块之间留出明显的分隔，长图才不会糊成一片。
  3. 导出：批量导出 PNG，优先用无损格式，避免反复保存带来的劣化。
  4. 拼接：按顺序纵向拼接；若长度超出后台限制，就拆成上中下几段分别上传。
  5. 检查断行：拼好后检查标题和正文有没有难看的断行，方法见中文长文排版。
  6. 手机预览：在手机上看一遍，确认接缝处没有半行字被切开。

视觉连贯性的四个技巧

长图之所以难做，是因为它把很多页放进同一张画布，任何不一致都会被放大。四个技巧最有效：

  • 一条贯穿线：用竖线、色块或统一的页边距贯穿全图，给读者视觉锚点。
  • 固定标题位：每个模块的标题放在同一水平位置，眼睛不用重新找。
  • 颜色不超过三种：主色、辅助色、文字色即可，越多越散。
  • 模块之间留呼吸：用留白或淡淡的分隔条区分模块，而不是靠粗线硬切。

这些做法和卡片排版逻辑一致，可对照中文长文排版一起用。

这样做的另一个好处是复用：同一套卡片，多图发布适合信息流，拼成长图适合一次性讲完一个完整故事。这正是多平台内容适配想强调的——资产是同一份，交付形式按场景换。

什么时候不该用长图

长图很吸引眼球，但不万能。三种情况建议改用普通图文或 HTML 排版：

  • 内容需要搜索和复制：长图里的文字搜不到也复制不了，教程类尤其吃亏。
  • 内容会经常更新：改一个字就要重出整张图，维护成本高。
  • 内容很长且需要跳读：一图流适合一口气读完，不适合有多个入口的参考文档。

把长图当作一种「视觉连贯的叙事载体」，而不是「排版的替代品」，选择就清楚了。

在编辑器里把长图素材一次排好

在图卡狐编辑器里，先建好一组宽度统一的卡片，把标题层级和配色确定下来，再批量导出。要发多图就直接用，要做长图就拼接。结构与风格在编辑器里一次定好，比在多个工具之间来回导图省事得多。

图卡狐的定位是把想法整理成结构清楚的图文卡片，它不替代秀米式的 HTML 排版，而是帮你稳定产出「图片长图」这类素材。

参考资料与延伸阅读