使用瀏覽器工具產生信紙時避免錯誤的關鍵,在於了解工具實際會驗證哪些輸入、僅設定邊界的輸入,以及完全交由使用者負責的部分。信紙產生器遵循一條嚴格的契約:它會修剪並驗證必填的公司名稱、接受最多三行非空白的地址、為每個選填欄位套用明確的字元限制、拒絕不允許的控制字元、要求完整六位數的 #RRGGBB 強調色,並在繪製固定 816 乘 1056 的 SVG 之前對所有使用者字串進行 XML 跳脫。你在預覽中看到的內容就是 Download 按鈕實際儲存的完整標記,因此畫面上任何拼字、換行或聯絡資訊的問題,也都會原封不動地出現在匯出的檔案中。大多數產生錯誤並不隱晦。第四行地址、類腳本輸入、五位數的十六進位色彩,或跳過預覽檢查,都是常見的犯錯原因。還有一小部分錯誤完全落在工具之外。品牌授權、法律許可、身分驗證,以及實體印表機的縮放,這些都仍是使用者的責任。把這些界線視為一份檢查清單,而非功能清單,正是今天就能寄出的信紙與需要重做之間的差別。

信紙產生器實際驗證的內容
每筆輸入在 SVG 繪製前都會經過三層過濾。第一層正規化空白字元,並強制執行必填與選填的區分。第二層套用明確的字元限制,因此較長的公司描述或冗長的地址會在邊界處被截斷,而不會悄悄溢出可見的頁首之外。第三層對每個字串進行跳脫處理,將 & 符號、角括號、引號與單引號轉為安全的文字實體,使類腳本輸入無法偽裝成 SVG 元素、連結、樣式區塊或外部內容。
| 欄位 | 驗證規則 | 違反規則時的結果 |
|---|---|---|
| 公司名稱 | 必填,最多 80 字元 | 產生作業被阻擋或予以截斷 |
| 標語 | 選填,有字元上限 | 在邊界處截斷 |
| 地址行數 | 最多三行非空白的內容 | 第四行會被拒絕,不會隱藏 |
| 電話、電子郵件、網站 | 選填,各有長度上限 | 在邊界處截斷 |
| 強調色 | 僅接受完整的 #RRGGBB 值 | 產生作業被阻擋 |
| 控制字元 | 所有字串中皆不允許 | 在序列化之前即遭拒絕 |
這些規則描述的是版面與效能上的界線,而非官方的格式規範。小工具並不會檢查你的電話號碼是否真實、網域是否可解析,或電子郵件是否可寄達。它只會確認字串符合長度、色彩格式正確,且最終 SVG 是單一且結構良好的文件,帶有一個根元素。
會中斷產生步驟的錯誤
大多數使用者錯誤都屬於少數幾種反覆出現的模式。在點擊 Generate 之前先辨識出來,可以省下一次重新下載的循環。
| 錯誤 | 你會看到的情況 | 修正方式 |
|---|---|---|
| 新增第四行地址 | 第四行會被拒絕,不會被悄悄隱藏 | 合併為三行或刪除一行 |
| 貼上帶有標記字元的類腳本文字 | 字元會以純文字形式顯示並被跳脫 | 移除標記並以可見文字重新輸入 |
| 輸入五位數或三位數的十六進位色碼 | 產生作業會被阻擋 | 使用色彩選擇器或寫出完整的 #RRGGBB 字串 |
| 略過預覽檢查 | 錯字會跟著下載的 SVG 一起出貨 | 務必把預覽當作最終檔案來閱讀 |
| 重複使用舊的下載連結 | 前一個預覽看似符合新輸入 | 編輯任何欄位都會清除舊預覽並撤銷其暫存物件 URL |
另一類相關的錯誤涉及工具本身不會更動的部分。頁面背景、內文字型,以及其他前景色彩,都是固定的中性值。一個對比不足、與白色頁面反差不佳的強調色並不會被標記出來,因為工具並不會計算品牌對比合規性,也不會聲稱你所選的強調色符合組織的無障礙政策。
如何無錯誤地產生信紙
按照工具預期的相同順序依序操作,可以避免幾乎所有的產生錯誤。
- 輸入公司名稱與選填的標語,並將公司名稱控制在 80 字元以內。
- 加入最多三行地址,加上你希望顯示的電話、電子郵件與網站;若不希望出現在頁面上,請將任何選填欄位留白。
- 使用色彩選擇器挑選六位數的 #RRGGBB 強調色,然後選擇 Generate letterhead。
- 在 SVG 預覽中仔細檢查每個可見細節,包括拼字、換行、聯絡資訊正確性、強調色對比,以及間距。
- 下載 SVG,將其放入你的文件流程中,並在使用前確認印表機縮放、邊界、品牌授權與無障礙性。
如果在產生之後編輯任何欄位,先前的預覽將會被清除,且其暫存物件 URL 也會被撤銷,因此 Download 按鈕永遠代表畫面上目前的輸入內容。
在下載前檢查預覽
預覽並非縮圖或模型,而是 Download SVG 將要儲存的字面字串,以瀏覽器實際渲染呈現。把預覽當作最終文件來閱讀,會比任何下載後的編輯更快抓到錯誤。檢查公司名稱是否有錯字、標語是否有不預期的斷行、地址中是否有隱藏門牌號的換行情形,以及靠右對齊的聯絡區塊是否有電子郵件被裁切到頁面邊緣。一份關於驗證、預覽與下載信紙的簡短指南,會逐步示範相同的檢查流程。
請特別注意強調色的規則。強調色會以水平頁首橫線的形式出現在公司名稱上方,並以頁尾分隔線的形式出現在下方。如果強調色在白色頁面上看不見,那條線其實仍在;只是對比不足。請挑選較深的顏色並重新產生,不要試圖在下游編輯器中修正。
下載之後:驗證印表機縮放與品牌使用
SVG 帶有固定的 816 乘 1056 viewBox,並搭配相符的寬度與高度屬性。這些數字是已揭露的產品版面選擇,提供直向工作區與可預期的座標。它們並非經校準的英吋、公釐、DPI、紙張尺寸或標準聲明。瀏覽器、向量編輯器、辦公室套件、PDF 轉換器或印表機皆可自由縮放 SVG,實際尺寸取決於下游應用程式的頁面設定與硬體。
在將信紙用於任何用途之前,請將 SVG 放入你實際的工作流程中——例如 Word 文件、Google Doc 頁首、Pages 版面、InDesign 主檔,或列印佇列——並列印或匯出單一測試頁。確認邊界、頁首位置、靠右對齊的聯絡區塊與頁尾分隔線。只有在完成這項實體檢查之後,才能將檔案視為可用於正式通訊。
工具無法替你抓出的錯誤
有幾類錯誤完全落在小工具之外。第一類是品牌授權。一份精美的信紙並不能證明其中所列的組織確實存在、你獲得授權代表其行事,也不能證明其名稱與配色是可供你使用的。這個工具不是商標查詢、企業登記、法律文具服務,也不是身分驗證系統。如果你需要這些查驗,請另外執行,並在第一封信寄出前,閱讀關於信紙是否能證明身分或授權的更廣泛討論。
第二類是內容正確性。工具不會驗證電話號碼、郵寄地址、電子郵件地址或網站網域。這些欄位中的任何錯字都會成為匯出 SVG 中永久的一部分,且選填欄位留白時並不會預留假內容來填空。第三類是無障礙性。SVG 帶有可存取的影像角色,以及根據跳脫後公司名稱產生的 aria-label,但工具並不會執行對比稽核、螢幕閱讀器逐步檢查,或根據你的品牌政策進行 WCAG 計算。這些檢查仍由你負責。
最後,這個工具完全在目前的瀐覽器分頁中執行。不會上傳、不會儲存到帳號、也不會傳送任何公司資訊到遠端渲染服務,這表示關閉分頁、清除快取或重新整理瀏覽器,都會抹除尚未下載的輸入內容。請在預覽看起來正確時,立刻儲存 SVG。