v1.13.0：手機版說明文章與頁尾變短

手機版下方的說明與頁尾變短

v1.12.0 改版後，手機上說明文章的卡片一張一行堆得太長，頁尾的連結也一路排下去。這一版把它們收緊，說明的字與標題大綱都還在。

• 首頁：三步驟改成一排三張小卡；類型卡片排兩欄，小插圖放在標題左邊、說明句在下面；教學卡片所有寬度都先列三篇，其他收進「展開其他幾篇教學」。
• 類型頁（網址、WiFi、電子名片等）：使用步驟與延伸閱讀的插圖縮小，「其他類型與工具」在手機排兩欄。
• 批次頁：「印成 A4 標籤紙」那一段留標題與第一段，型號清單與「印之前先對位」收進可展開的區塊；在工具區選了「印成 A4 標籤紙」就會自動打開。英文批次頁同樣做法。
• 頁尾：本站的連結欄（QR Code 類型、其他工具、教學、關於）在手機改成點標題展開，桌機照舊全部展開。「回報問題」與隱私那一行放在外面，一直看得到。
• 重複的開頭引言拿掉：首頁與類型頁的說明文章開頭有一句引言，跟緊接著的段落講同一批賣點，這次刪掉（網址 QR Code 那一頁照留）。搜尋結果的標題與說明、網址、h1 都沒變。

收起來的段落用 <details>，字都在預渲染的 HTML 裡。

v1.12.0：口袋工具家族改版與搜尋結果標題整理

改版：換成口袋工具家族的樣子

• 頁首：站徽、站名，下面一行回口袋工具的連結；選單加上「批次」，語言切換改成地球圖示的按鈕。手機版的選單仍是可以橫向捲動的一排。
• 標題區：首頁加上水彩橫幅、一行小標籤與三個打勾（免費不用註冊、沒有浮水印、靜態 QR Code 永久有效），工具卡往上疊進橫幅；類型頁、掃描器、條碼與批次加上看得到的導覽路徑、圓底插圖與右邊的裝飾插圖。
• 工具卡：粗黑框加硬陰影改成細框加柔和陰影，三個區塊用橘色編號（輸入內容、外觀、預覽與下載），類型分頁與選項改成細框膠囊。
• 下載鈕：PNG 放大成整列寬的實心主按鈕，SVG、JPG、複製並排在下面一列；手機底部的預覽列同樣是 PNG 實心、複製外框。
• 說明文章：首頁的三步驟、類型卡片與教學卡片配上插圖，類型頁的使用步驟、延伸閱讀與其他類型改成有圖的卡片，WiFi 頁加一張桌卡概念圖。
• 英文版（/en/ 三頁）同一輪一起換。
• 插圖都是 alt="" 的裝飾圖，介面圖示仍是 Lucide；字型用系統字，不載 webfont。

搜尋結果的標題與說明

重新整理全站的 title 與 meta description（含英文版），h1 與網址不變。改動的標題：

頁面	新標題
首頁	免費 QR Code 產生器｜線上製作可加 LOGO、下載 SVG 向量檔
/scan/	QR Code 掃描器｜上傳圖片或截圖，線上讀取 QR Code 與條碼
/text/	純文字 QR Code 產生器｜文字轉 QR Code，掃描直接顯示文字（免費）
/faq/	QR Code 產生器常見問題：會過期嗎？商用與印刷說明｜QR Code 製造機
/guide/	QR Code 教學總覽：印刷尺寸、容錯與加 LOGO、電腦掃描｜QR Code 製造機
/en/	Free QR Code Generator with Logo: Download SVG or PNG
/en/barcode/	Free Barcode Generator: Code 128, EAN-13, Download SVG or PNG

改前的標題與基線記在 docs/seo-checklist.md 的「標題改動紀錄」。sitemap 的 lastmod 沒有變。

v1.9.0 英文版 QR Code Maker

QR Code 製造機 v1.9.0：英文版 QR Code Maker

這一版新增英文版，網址前綴是 /qrcode-studio/en/，先做三頁，跟繁中的同一頁成對：

• /en/：免費 QR Code 產生器（網址）。可以調顏色、加 LOGO，下載 PNG、SVG、JPG，也可以直接複製圖片。
• /en/batch/：Bulk QR code and barcode generator
  • 從 Excel、Google 試算表或 CSV 貼上清單、每行一筆，或設定連號，一次下載整包 ZIP。
  • 也可以印在美國 Letter 標籤紙上：內建跟 Avery 5160、5163、5167、22806 同規格的型號，格子位置照 Avery 官方範本。另有一個 A4 21 格與自訂尺寸。
  • 長度一律用英寸：型號尺寸、自訂尺寸、位移與 2 英吋的校正尺。
  • 字型可選 Arial、Verdana、Times New Roman；範本記號是 {id}。
• /en/barcode/：Barcode generator，支援 Code 128、EAN-13、EAN-8、Code 39、ITF-14，列印資訊附英寸與 mil。

英文頁的說明與常見問題是給美國使用者寫的（庫存、收納箱、財產標籤、搬家紙箱），頁尾有英文的 DENSO WAVE 商標聲明，三頁各有英文分享圖。

其他變更

• 頁首多了語言切換：連到另一個語言的同一頁，還沒有英文版的頁面連到英文首頁。
• 繁中的首頁、批次與條碼頁多了指向英文版的 hreflang。其他頁的網址、標題與說明都沒有變。
• 修正：窄螢幕的 Safari 在批次頁切換列印預覽時，不再報 ResizeObserver 錯誤。

Avery 是 Avery Products Corporation 的商標。本站跟 Avery 沒有合作關係，型號只用來說明標籤紙的版面相同。

1.8.0：批次產生 QR Code 與條碼、印成 A4 標籤紙

新增

• 批次產生 QR Code 與條碼（/batch/，#13）。把一份清單一次做成很多張 QR Code 或條碼，打包成 ZIP 下載，
  全部在瀏覽器裡完成，清單不會上傳。
  • 三種輸入：從 Excel 或 Google 試算表貼上（自動判斷第一列是不是欄名，再選內容欄與檔名欄；欄名是網址、條碼、EAN 的那一欄
    預設當內容欄，編號、貨號那一欄預設當檔名欄）、每行一筆、連號
    （前綴、起始值、數量或結束值、增量、補零位數、後綴，即時顯示前三筆與最後一筆）。
  • 內容範本：https://example.com/asset/{編號} 這種「固定網址＋編號」，Google 表單的預填連結也可以；
    代入的編號會自動轉成網址可用的寫法。
  • 碼制：QR Code、Code 128、EAN-13、EAN-8、Code 39、ITF-14。EAN 輸入 12 位自動補檢查碼、13 位會驗證，
    用連號產生的店內碼（20 到 29 開頭）每一筆的檢查碼都會算好。
  • 逐列檢查：內容太長、位數或檢查碼不對、不支援的字元、空白都會標紅並寫出原因，可以選「全部修好才產生」或
    「略過有問題的列」；內容重複只提醒。Code 39 的內容含 $ / + % 時也會提醒：有些掃描器會把它們跟下一個字合在一起讀，
    讀出來跟原本不一樣（跟條碼產生器同一條提醒，照樣可以產生）。
  • 下載 PNG（選圖片大小或清晰度）或 SVG，QR Code 四周留 4 格空白，條碼的留白與條碼產生器相同。
    檔名來自檔名欄、內容本身或流水號，不能用的字元換成底線，重名自動加 (2)、(3)。
  • 一次最多 2,000 筆，畫面顯示進度、隨時可以取消；做到一半記憶體不足時說明原因、下載鈕恢復可按，不會一直停在產生中。預覽只畫前 24 張。用鍵盤操作時，產生途中焦點在「取消」，
    結束後回到下載鈕。
• 印成 A4 標籤紙（批次產生的第二種輸出方式，#14）。清單直接排在 A4 標籤貼紙上，用瀏覽器列印，不必再用 Word 設定合併列印。
  • 內建鶴屋與龍德常見的型號，從 2 × 5 的 10 格到 7 × 16 的 112 格，全版切割與四邊留白的都有；格子的位置照兩家官網 Word 範本的設定，
    做到品牌＋型號（同樣格數的型號，邊界可能差到 2 mm）。找不到型號可以自訂欄數、列數、單格寬高、上與左邊界、欄距與列距。
  • 從第幾格開始印（用掉一半的標籤紙可以接著用，前面的格子留白），每筆可以連續印好幾份。
  • 每格是一個碼加一到三行字，字從貼上的欄位選（例如財產編號、品名、保管單位）；字依長度自動縮小，太長就截斷、以「…」結尾，
    畫面上列出是哪幾列。字型可選微軟正黑體、標楷體、新細明體，這台電腦沒有選的字型時會說明（Mac 下載了內附的標楷體也認得出來、照樣用它印）。
  • 全版切割或貼著紙邊的型號，最外圈格子裡的碼與字自動往內縮，避開印表機印不到的紙邊。
  • 一維條碼在格子裡太窄（例如 EAN-13 低於標準尺寸的 80%、Code 128 最細的線不到 0.19 mm）或太矮、QR Code 的小方塊太小時，
    說明原因並停用列印，那幾格也不會印出來，不輸出掃不到的標籤；偏細只提醒。
  • 對位測試頁：只印每一格的框線、格號與一把 5 公分校正尺，用白紙疊在標籤紙上對著光看。印出來整批偏了，用左右、上下位移微調（mm），
    可以選擇記住這台印表機的位移（只存兩個數字）。
  • 列印鈕旁一直提醒：紙張 A4、縮放選「實際大小（100%）」、邊界選「無」，不要選「符合頁面大小」。不產生 PDF 檔，要 PDF 可以在列印視窗另存。
• 首頁、條碼產生器與頁尾都連到批次產生；常見問題的「有數量或使用次數的限制嗎？」改成介紹批次產生
  （原本寫沒有批次產生的功能，現在先說使用次數沒有限制，再說批次每次有筆數上限）；隱私權政策補上批次產生的清單怎麼處理，
  以及印標籤紙時唯一會存在瀏覽器裡的位移數字；關於頁的說明（搜尋結果上的摘要）補上批次產生。

技術

• 批次的 QR Code 直接用 qrcode-generator 編碼（單張產生器的 qr-code-styling 內部用的同一套，改成本站直接宣告並精確鎖版），
  ZIP 是自己寫的零相依 STORE 格式；這些都只在批次頁才下載，不影響其他頁的載入。
• 條碼 PNG 的畫法改成條碼產生器與批次共用同一份，SVG 下載檔也是同一份；Code 39 的 $ / + % 判斷也共用同一份。
• 批次的 ZIP 下載後 40 秒才回收暫存的檔案網址（單張圖仍是 1 秒）：Safari 與 iOS 讀幾十 MB 的檔案比較慢，回收太早會下載不完整。
• 新增批次產物的回讀測試：每種碼制的 SVG 與 PNG 都用本站的掃描器讀回原本的內容；Code 39 含 $ / + % 的讀回值會變，
  也寫成測試鎖住提醒存在的理由。
• 使用統計只在下載成功或按下「列印標籤」時記一筆：大概的筆數級距、碼的種類與輸出方式（PNG、SVG 或 A4 標籤紙），
  不含清單內容、檔名、標籤紙型號與位移。
• 標籤紙列印的毫米數字集中在一個規格檔；型號資料是純資料加測試（每格都在 A4 裡、左右邊界對得上紙寬、下邊界用紙高反推）。
  碼是向量 SVG、字是系統字型；A4 與邊界 0 的列印設定只在標籤紙的列印區顯示時才加，其他頁照一般網頁列印。
• 新增標籤的回讀測試：照標籤實際的大小以 300 dpi 光柵化，再用本站的掃描器讀回原本的內容；最小的 7 × 16 格、全版切割內縮的角落格都包含在內。

v1.7.3：下載的 QR Code 留足四周空白

2026-10-12。下載的 QR Code 四周照規格留足空白（issue #10）。

修正

• 下載的 QR Code 四周留好規格要求的空白（靜區）。 QR Code 規格要求四邊各至少留 4 格小方塊寬的空白，
  以前下載的圖只有一圈很窄的白邊（例如 https://example.com 的 1000 像素圖，四周只有 12 像素，不到 1 格），
  要自己在排版時補。現在 PNG、SVG、JPG 四邊都至少留 4 格，整張圖的寬高仍然是「圖片大小」選的像素數，
  碼本身放在中間，大約小了兩成；印刷時請以碼本身的寬度估算掃描距離。
  • 預覽框與手機預覽列看到的就是下載的樣子。
  • 透明背景時這圈空白也是透明的，提醒加上：請放在白色或淺色的素面上。
  • 常見問題、「圖片大小」的說明與印刷教學跟著改。印刷教學的尺寸表照新的大小重算：
    要印 10 公分寬的碼，圖片大小請調到 1500 以上。

技術

• 留白改依 QR Code 實際的小方塊數計算，不再固定像素；圖片太小、連四周留白都放不下時會說明原因，
  下載與複製都停用（圖片大小的範圍內不會發生）。
• 預覽框的錯誤訊息（內容過長、圖片太小）出現時，螢幕閱讀器會直接念出來。
• 新增下載檔的產物測試：真的做出三種檔案，量四邊留白，再用本站的掃描器解回原本的內容，一個位元組都不差。

v1.7.1：iPhone 複製與預覽的修正

修正

• iPhone、iPad 上的「複製」會把 QR Code 圖片複製起來。 以前按預覽列或預覽框下的「複製」，
  什麼都沒複製，畫面上也沒有任何提示。現在可以直接貼進聊天或文件。
  • 複製成功時按鈕會暫時變成「已複製」；瀏覽器不允許複製圖片時，會說明改用下載 PNG，不會再按了沒反應。
    電腦與 Android 也一樣會顯示結果。
• 內容太長出現錯誤、再改短之後，完整的預覽框會畫回來。 以前底部預覽列的縮圖有圖，點「看大圖」
  卻捲到一個空白的框（下載仍然下載得到）。
• 先輸入了太長的內容、之後底部預覽列才出現時（例如手機轉回直向、把視窗拉窄），縮圖不再一直空白，
  內容改短就畫得出來。
• 分割畫面或把視窗拉矮之後，底部預覽列不會再一直不出現：打完字、游標還在欄位裡也一樣，
  鍵盤開著時進分割畫面、再把鍵盤收起來也會出現。只有虛擬鍵盤開著時才收起來；Android 上 App 內建的瀏覽器
  在分割畫面裡收起鍵盤時，要點一下欄位外面，預覽列才會回來。
• 往下捲的時候，預覽框不會再蓋住下面的下載與複製按鈕。手機上預覽框不再黏在畫面上方；
  電腦上下載按鈕跟著預覽框一起留在畫面上。
• 手機上打字比較順：預覽列收著的時候（打字中、鍵盤開著）縮圖不再跟著每個字重畫，預覽列出現時才更新。

技術

• 預覽框與縮圖改用同一段程式載入 QR Code 套件。新增一組照真的套件跑的測試，鎖住「超過容量再改短」
  「超過容量時才掛上」「容器換掉」與「收著時不重畫」。
• 複製的結果由預覽框下一條狀態列報讀（螢幕報讀器會唸），手機預覽列按的也一樣。
• 判斷虛擬鍵盤開著：只有看得到的範圍變矮、版面高度沒變，或是剛用手指點了欄位（滑鼠點的不算）、還沒打字就變矮，
  才算鍵盤。鍵盤開著時視窗變了，判斷的基準跟著版面高度一起移。
• 預覽列出現時，頁面下方替它留的捲動空間照預覽列實際的高度，不再寫死：複製失敗多一行說明時跟著加大，
  用鍵盤（Tab）或螢幕報讀器移到下方的欄位不會被它蓋住。

v1.7.0 手機輸入完就看得到 QR Code

新增

• 手機輸入完不用往下捲就看得到 QR Code（#11）。手機上完整的預覽與下載鈕在「外觀」設定下面，
  輸入內容後，畫面底部會先出現一條預覽列：QR Code 縮圖、「下載 PNG」與「複製」。點縮圖會捲到完整的預覽框，
  SVG、JPG 也在那裡。改顏色、漸層或 LOGO 時縮圖跟著變，可以邊調邊看。
  • 打字時（虛擬鍵盤開著）預覽列會先收起來，不會擋到正在輸入的欄位；捲到完整的預覽框、
    或往下看說明文章與頁尾時也不出現，不會蓋住頁面內容。
  • 下載與複製的就是預覽框那一份，內容與外觀跟縮圖一樣。輸入的內容一樣只在瀏覽器裡，不寫進網址或儲存空間。
• 手機上的下載與複製按鈕加高到 44px，比較好按。

電腦（寬度 768px 以上）的版面跟以前一模一樣。

技術

• 工具區的進場動畫結束後不再留著 transform，固定在視窗底部的預覽列才會貼齊視窗，而不是跟著工具區走。
• 縮圖用 SVG 畫，跟預覽框吃同一份設定，只差畫法；只有手機寬度才會建這一份，電腦不多花工。

v1.6.2 整頁打開不再清掉重畫

修正

• 整頁打開時不再把畫面清掉重畫。 預渲染好的頁面直接接上互動，不會多畫一次，工具區的進場動畫不會重播；
  從常見問題分類連結這類帶 #段落 的網址進來，會停在那一段。
• 產生器的「耐髒程度」選單打開時正確顯示「中：一般用途（建議）」。「使用漸層」勾選框與條碼類型的選擇，
  在瀏覽器重新整理還原上一次的選擇之後，畫面也會對回實際使用的設定。

技術

• 只有在網址就是那份 HTML 預渲染的頁面時才 hydrate；找不到的網址照舊整頁重畫。建置稽核檢查每頁都記著自己的路由、
  每個下拉選單恰好一個預設選項；預渲染 HTML 不再壓縮空白，避免 hydrate 時文字比對不上。

v1.6.0 全站用字白話化

用字改得更白話

工具裡的欄位名稱、選項、提示與錯誤訊息少用專有名詞：先寫聽得懂的說法，需要對照外面看到的名稱時，原詞放在括號裡。

• 產生器：「容錯等級」改成「耐髒程度（容錯等級）」，選項改用情境說明，例如「低：圖案最簡單（螢幕上用）」「最高：要加 LOGO」。
• 顏色：「前景色」「背景色」改成「方塊顏色」「背景顏色」，「透明」改成「透明背景」。
• 圖片大小：「尺寸：1000px」改成「圖片大小：1000 像素」。
• WiFi：「網路名稱 (SSID)」改成「WiFi 名稱」，加密方式的選項補上用途，例如「WPA/WPA2（大多數家用、店家）」。
• 掃描器：「解碼」改成「讀取」；結果裡的「通訊協定」「網站主機」改成「網址開頭」「會開到的網站」；按鈕改成「用這個內容再做一張」。
• 條碼：「半角」改成台灣慣用的「半形」；「PNG 解析度」改成「PNG 清晰度」，選項是網頁用、一般列印、高品質印刷；需要檢查碼的類型補一句檢查碼是什麼。

新的說明

• 「預覽與下載」旁多了一個「?」，一句話說明 PNG、SVG、JPG 各在什麼時候用。

說明文章與教學

• 常見問題、6 篇教學、掃描器與條碼的說明也改成白話，例如「小方塊（模組）」「四周留白（靜區）」「三個角落的大方框（定位圖形）」。
• 關於頁與隱私權政策以準確為優先，原本的名稱保留在括號裡。

頁面標題

• 條碼頁改叫「條碼產生器（EAN-13、Code 128）」，掃描器改成「QR Code 掃描器：用圖片或截圖讀取」。

沒有變的

• 網址不變，書籤與分享出去的連結照常可用。
• 選單的實際值沒有變，做出來的 QR Code 與條碼內容跟以前完全一樣，操作步驟也一樣。
• 產生、掃描與條碼一樣只在你的瀏覽器裡處理，內容不上傳。

v1.5.0 改名為 QR Code 製造機、新站徽

改名為「QR Code 製造機」

• QR Code Studio 改名為「QR Code 製造機」，英文名稱是 QR Code Maker。
• 網址 https://www.pocketool.app/qrcode-studio/ 不變，書籤與分享出去的連結照常可用。
• 產生器、掃描器、一維條碼與教學的功能都沒有改變，操作方式也一樣。

新站徽

• 新站徽是「口袋裡插著一張 QR 卡」，跟口袋工具其他工具屬於同一個家族。
• 瀏覽器分頁上的小圖示改用簡化的定位方塊版，縮到很小也認得出來。
• 站徽上的圖案只是示意，不是掃得出來的碼。

加入主畫面

• 新增手機「加入主畫面」用的圖示，iPhone 與 Android 都適用，加入後顯示的名稱是「QR Code 製造機」。
• 以前加過捷徑的話，舊圖示可能還留著。刪掉舊捷徑再重新加入一次，就會換成新圖示。

分享圖

• 首頁、掃描器與一維條碼的分享圖重畫，換上新名字與新站徽。
• 掃描器與一維條碼那兩張分享圖裡的 QR Code 與條碼是真的，可以拿來試掃。

商標聲明

• 頁尾與關於頁補上註冊商標聲明：QR Code 是 DENSO WAVE INCORPORATED 在日本及其他國家的註冊商標。

沒有變的

• 網址、首頁與 7 個類型頁的標題都沒有變；常見問題、教學總覽、隱私權政策與關於頁的標題換成新名字。
• 產生、掃描與條碼一樣只在你的瀏覽器裡處理，內容不上傳。