教程长图发出后看不清：拆图、宽度与阅读顺序

开始前先确认

同一宽度的长图只沿纵向切短，在相同宽度展示时，字不会因此自动变大。拆图能改善单张长度、翻阅和全图预览，但若要扩大文字在页面上的占比，还需调整截图范围或重新排版。

先检查三个环节的同一行小字

选择一处按钮名、数字或操作提示，分别在原截图、本地拼接结果、接收端下载文件中查看。尽量采用一致的查看方式，另把接收端缩略图单独比较，避免把预览缩放误判成文件损坏。

如果接收端尺寸或文件大小改变了，这说明两份文件不同，但不能仅凭变化就断言某种具体编码策略。没有实际文件时，也不要虚构平台“超过多少像素必压缩”的规定。

用尺寸示例理解拆图的边界

示例：一张长图为1200×6000图像像素，其中某行字约高36图像像素。把它分成三张1200×2000，只改变了各张的高度；只要没有重新缩放，那行字仍约高36图像像素。

假设网页把整图和分段图都按600 CSS像素宽展示，横向比例均为600÷1200＝0.5，字的几何显示高度约为18 CSS像素。两种情况没有因切短而产生字号差异。这里的CSS像素是网页布局单位，不是屏幕物理像素；设备像素比和页面缩放也会影响最终显示。

如果查看器要求把整张图放进一屏，它可能因长图高度而继续缩小。切成短图后，单张全图预览可能更容易看。这是展示方式变化带来的好处，不是切图恢复了图像细节。

要让关键内容更大，减少无关画面

若按钮只占整张截图的一小角，保留完整窗口可能让读者看不清。可以先给一张全局图说明入口，再给局部图展示该按钮和必要上下文。局部图以同样展示宽度出现时，关键区域会占据更多空间。

这与只沿纵向分段不同：局部裁剪减少了横向无关范围。不过，裁剪不能补回缺失细节；若原区域本来就模糊，应回源页面放大内容后重新截图，并核对界面是否发生换行或遮挡。

不要把整个窗口里的所有小字都当成必须读懂的内容。把必要按钮名、路径或命令写成图片旁的正文，可以减少读者反复放大，也方便复制。图中用于定位的线索仍应保留，避免只剩一枚不知道在哪的按钮。

按操作边界拆，不按固定高度硬切

一张分段图最好承载一个能说明白的动作，至少不要把标题、操作按钮和对应结果拆得互相找不到。若一条提示跨越切口，应调整分段位置，不能让读者猜被截断的句子。

拆分前列出步骤顺序，再给图加清楚的编号或在正文逐张说明。文件可命名为01、02、03，导入后仍要核对列表顺序，不能假定每个软件都会按同一种规则排列。

相邻两张若需要保留少量重复区域帮助定位，应让读者知道这是衔接，不是要再执行一次。重复的浏览器栏、聊天头像或无关导航则可在保留必要上下文的前提下移除。不要指望拼接工具自动理解这些内容。

拼接前先做一组阅读检查

把将要合在一起的截图并排查看，注意宽度差异和文字占比。小图被放大不一定更清楚，大图被缩小也可能丢失关键细节；应该优先回到清晰的源截图，避免反复转存旧结果。

先用一组包含最小文字和最复杂步骤的素材生成候选。下载后看连接处、开头和末尾，再按实际阅读顺序走一遍。通用操作可参考多张图片拼接指南。

本地能读后，再在获准的目标场景检查实际展示。如果仍需压缩，应重新检查小字与符号，而不是只追求KB更少。PNG的无损编码也不能恢复拼接前已经缩小或模糊的文字；格式特点可查MDN图片格式指南。

发出前确认顺序和可读性

至少检查步骤是否齐全、编号是否连续、图文指代是否一致、关键内容是否完整。接着核对最终文件的宽高和大小，保留源截图以及分段稿，方便之后改字或调整顺序。

超长图生成失败时，可以减少一次拼接的张数，先分组处理。不能因为压缩文件只有几MB，就认定浏览器处理时占用也很小；大尺寸图解码后的内存需求是另一回事。本文不提供所有设备通用的安全尺寸上限。

需要把已整理好的步骤图合成几组时，可打开AI Lab图片拼接。公开资料支持横向、纵向拼接和间距设置，27积分解锁后当前账号长期有效。它不是已核验的自动切图、OCR排版或重叠去重工具；分段与内容整理需先完成。