部落格

QR 碼批次產生器升級:匯出更可靠,標誌即時更新

批次產生 QR 碼的流程全面改善:預覽穩定可靠、ZIP 匯出不再是空檔,可直接在頁面上選擇 SVG、PNG 或 JPG,調整設計後整批即時更新。

產品更新批次 QR 碼標誌

2026 年 11 月更新:批次產生器之後已全面改版。現在 QR 碼會隨著輸入即時出現(不必再按產生按鈕),預設格式為 PNG,按下「全部下載(.zip)」即可儲存整批 QR 碼。最新的操作方式請參考 QR 碼批次產生器。

今天,我們針對免費的 QR 碼批次產生器推出一次重點更新。目標很簡單:無論一次建立幾十個還是幾百個 QR 碼,每一張預覽、每一項設計選擇、每一個下載的檔案都必須可靠。

這次更新修正了舊版批次流程中的兩個嚴重問題,也讓自訂設計變得簡單許多。產生的 QR 碼現在會穩定顯示在結果表格中,ZIP 裡的 SVG 檔案也確實包含資料,而且可以直接在批次頁面上選擇格式。標誌選擇功能也經過重新打造,您選的圖片,就是每個 QR 碼中實際嵌入的圖片。

預覽與 ZIP 檔案穩定可靠

過去,按下批次產生 QR 碼後,結果表格有時仍是一片空白。即使還能下載 ZIP 檔,裡面的 SVG 檔案卻可能只有 0 位元組。這樣的組合特別令人困惑:介面看起來已經接受了請求,卻沒有任何可以檢查或列印的內容。

現在,批次產生器會以單一共用的資料模型建立每個 QR 碼,預覽表格與 ZIP 匯出功能都從同一個來源讀取資料,消除了過去導致畫面與下載檔案內容不一致的時間差。

我們也為匯出的圖片資料加上檢查機制,無效或空白的圖片不會再悄悄變成壓縮檔中的檔案。檔名會加上編號,即使輸入內容重複也不會互相覆蓋;隨附的 content.csv 對照表也同樣會列出每一行原始內容所對應的圖片。

不必離開頁面,就能選擇 SVG、PNG 或 JPG

在舊版流程中,想更改下載格式,就得回到主要的產生器頁面。對批次作業來說,這樣的設計並不合理。

現在,批次頁面的結果上方新增了清楚的格式選項:

  • SVG 最適合作為預設格式,適用於印刷、標籤,以及任何可能需要縮放的版面。
  • PNG 方便用於簡報、文件,以及需要點陣圖的工具。
  • JPG 適用於只接受常見相片格式的系統。

您選擇的格式會套用到 ZIP 中的每一張圖片,而且不論選擇哪種格式,QR 碼的內容與外觀設定都維持不變。

選了哪個標誌,就套用哪個標誌

舊版的標誌選擇器有兩組各自獨立的狀態:一組控制按鈕的選取顯示,另一組控制實際的 QR 碼設定。因此,標誌可能看起來已經選取,產生器卻從未收到。如果圖片轉換失敗,選擇器還可能卡住不動。

現在,選擇器只有單一的狀態來源,而且即時生效。選擇 Twitter、YouTube 或任何其他內建標誌,設定都會立刻套用。上傳的圖片在瀏覽器讀取檔案後,也會走同樣的流程。

內建標誌檔案現在會以圖片資料的形式,直接嵌入產生的 SVG 中。這點很重要,因為 QR 碼本身是以 SVG data URL 的形式顯示與下載。在這樣的檔案中,像 /logo/twitter.svg 這樣的相對路徑無法對應到可靠的文件位置;將圖片直接嵌入後,SVG 就不必依賴外部檔案,帶到哪裡都能正確顯示。

產生後也能調整設計

一批 QR 碼在定案前,通常需要先檢查一遍。您可能在產生 100 個 QR 碼後,才發現換另一個標誌看起來更清楚,想比較一下效果。如果還得再按一次按鈕,甚至可能讓新舊結果混在一起,只會徒增不必要的麻煩。

現在,整批 QR 碼產生之後,只要變更標誌、前景色、背景色、透明背景、外框或圖片尺寸,現有的結果就會自動重新產生。原始清單維持不變,畫面上的每個 QR 碼都會同步更新。

這次更新也解決了一個不易察覺的時序問題:如果您在前一次產生作業尚未完成時切換設計,較舊的非同步結果會被直接捨棄,不會覆蓋您最新的選擇。

更簡單的批次流程

改善後的流程如下:

  1. 每行貼上一個網址或一段文字。
  2. 設定尺寸、顏色、背景、標誌或外框。
  3. 按一次批次產生 QR 碼。
  4. 在結果表格中檢查整批 QR 碼。
  5. 視需要微調設計,整批 QR 碼會自動更新。
  6. 選擇 SVG、PNG 或 JPG,然後下載 ZIP 檔。

所有處理都在您的瀏覽器中完成。您貼上的清單與產生的 QR 碼都不會上傳到我們的伺服器。這些都是靜態 QR 碼,內容直接儲存在圖片中,不需要帳號,也不依賴任何代管的轉址服務。

我們如何驗證這次更新

我們新增了自動化測試,涵蓋以下情境:預先選好標誌再產生、變更標誌時更新既有批次、捨棄過時的非同步結果、嵌入內建圖片素材,以及產生非空的壓縮檔。我們也在瀏覽器中測試了完整流程,並檢查下載的 SVG 檔案,確認所選標誌的資料確實存在。

這是全新產品部落格的第一篇文章。未來的文章將持續說明重要的改進,以及使用 QR 碼時的實用考量,並秉持同樣的原則:運作方式清楚明確、輸出檔案隨處可用,掌控權始終在使用者手中。

更多文章