教程長圖發出後看不清：拆圖、寬度與閱讀順序

開始前先確認

同一寬度的長圖只沿縱向切短，在相同寬度展示時，字不會因此自動變大。拆圖能改善單張長度、翻閱和全圖預覽，但若要擴大文字在頁面上的佔比，還需調整截圖範圍或重新排版。

先檢查三個環節的同一行小字

選擇一處按鈕名、數字或操作提示，分別在原截圖、本地拼接結果、接收端下載文件中查看。儘量採用一致的查看方式，另把接收端縮略圖單獨比較，避免把預覽縮放誤判成文件損壞。

如果接收端尺寸或文件大小改變了，這說明兩份文件不同，但不能僅憑變化就斷言某種具體編碼策略。沒有實際文件時，也不要虛構平臺“超過多少像素必壓縮”的規定。

用尺寸示例理解拆圖的邊界

示例：一張長圖爲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排版或重疊去重工具；分段與內容整理需先完成。