如何從圖片中打開 QR 碼 iPhone(初學者指南)
您需要一個QR碼,該碼可連結至您的網站、分享您的聯絡資料或引導顧客至著陸頁面。 建立QR碼的最快捷方式,不需帳戶或軟體:打開Google Chrome或Microsoft Edge,導航至任何網頁,右鍵單擊頁面上的任意位置,然後選擇為此頁面建立QR碼。 您的瀏覽器會即時為該URL生成一個唯一的QR碼。 點擊下載按鈕,保存圖片,完成。
此瀏覽器技巧處理最簡單的情況。 當您需要用公司的標誌自定義設計、更換前景顏色、批量生成QR碼、在靜態QR碼與動態QR碼之間選擇或在印刷傳單中嵌入QR碼圖像時,您就需要比瀏覽器提供更多的控制。
本指南涵蓋了如何使用各種可靠的方法建立QR碼:使用瀏覽器、免費在線QR碼生成器工具、自定義QR碼建立的設計平台、WiFi和vCard的專用生成器,以及使用IronQR進行程式碼生成。 在此過程中,涵蓋了靜態和動態碼之間的區別、如何定制QR碼設計、列印QR碼前的最佳實踐,及如何掃描QR碼以確認它們有效。
什麼是QR碼及其工作原理
QR碼(quick response code的縮寫)是一種由黑白方塊組成的二維矩陣,以一種智能手機相機可立即讀取的模式儲存資訊。 Denso Wave,是一家日本汽車製造商,於1994年發明了QR碼,最初用於追蹤裝配線上的汽車部件。 今天,QR碼型別涵蓋URL、純文字、電子郵件地址、電話號碼、WiFi憑證、vCard、日曆事件等。
當有人將相機應用程式或QR掃碼器對準QR碼時,裝置就會讀取方塊的模式,解碼嵌入的資料,並執行相應的操作。 對於URL QR碼,手機會打開該連結。 對於WiFi QR碼,其他移動裝置會自動連接到網路。 對於vCard QR碼,聯繫人詳細資訊會直接保存到地址簿。
QR碼不會過期,並且QR碼只要其指向的連結或內容保持活動即保持有效。指向一個現有網站的靜態QR碼在生成多年後仍然可以正確掃描。 靜態和動態碼之間的區別在於可編輯性,而不是壽命。
靜態QR碼與動態QR碼
在生成QR碼之前了解QR碼型別有助於避免建立日後需要更換的QR碼。
靜態QR碼直接將資料編碼到方塊的模式中。 一旦生成,內容即為固定,不能更改。 如果連結失效,或需更新目的地,則必須生成和重新列印新的QR碼。 靜態QR碼非常適合永久內容,例如公司網站、產品手冊PDF或很少更改的聯繫人詳細資訊。 它們可以免費生成且沒有掃描限制。
動態QR碼在模式中儲存一個短重定向URL,而不是最終目標。 實際連結儲存在伺服器上,可以即時更新而不用更改列印的QR碼。 動態碼提供了額外的功能,如掃描資料跟踪、分析、A/B測試不同的著陸頁和定時重定向。 對於需要所有功能的團隊,包括實時編輯、掃描儀表板和活動報告,動態QR碼計劃非常值得訂閱費用。在移動營銷活動中,動態碼非常受歡迎,因為在這些活動中季節性變化的內容需求或知道特定傳單發生了多少次掃描是很有價值的。
動態碼需要在QR碼生成器服務上註冊帳戶,且通常需要訂閱費用。 對於一次性個人用途,靜態碼是更簡單且完全免費的選擇。
方法1:在您的瀏覽器中建立QR碼(不需要工具)
最簡單的方法是在瀏覽器中為網頁生成QR碼,而不需要安裝軟體或建立帳戶。 Microsoft Edge和Google Chrome都內建此功能。
在Google Chrome中:
- 導航至您要連結的網頁。
-
點擊地址欄中的三個點,然後懸停在"投射、儲存和分享"選項上。
-
從下拉選單中選擇建立QR碼。
- 一個QR碼圖像會出現。 點擊下載按鈕將其保存為PNG文件。
在Microsoft Edge中:
- 導航至網頁。
- 右鍵點擊頁面的任意位置。
- 選擇為此頁面建立QR碼。
- 用手機掃描預覽以確認其有效,然後點擊下載。
在以下截圖中,Chrome分享選單打開,建立QR碼選項被突出顯示,生成的QR碼出現在地址欄右側的小面板中,準備好供下載。

新增圖像替代文字

新增圖像替代文字
此方法最有效的情況: 臨時的URL QR碼,無需自定義。 生成的QR碼是標準的黑白,無標誌或顏色選項。 對於任何品牌或自定義,使用方法2或方法3。
方法2:使用免費的在線QR碼生成器
免費QR碼生成網站讓您可以為URL、文字、電子郵件、電話號碼、WiFi憑證和vCard建立QR碼,而無需任何軟體。 大多數允許您以PNG、JPEG、SVG文件或PDF格式下載QR碼。 您可以在生成器網站上直接搜索每種型別的範例,然後再確定設計。
QR Code Monkey (qrcode-monkey.com): 最受歡迎的免費QR碼生成工具之一。 它支持完整的顏色定制、標誌上傳、以及SVG文件輸出,與PNG一起。
- Go to qrcode-monkey.com.
- 從左側面板選擇您的QR碼型別:URL、文字、電子郵件、電話、WiFi等。
- 在輸入字段中輸入內容。 對於URL QR碼,粘貼完整的URL,包括https://。
- 在下面的面板中自定義顏色、新增標誌或調整設計。
- 點擊建立QR碼。
- 點擊下載按鈕,以您選擇的格式保存您的QR碼圖片。
QR Code Generator(qr-code-generator.com): 一個具有靜態和動態QR碼選項的免費QR碼生成器。 免費版本支持靜態QR碼與基本自定義。 動態碼和高級分析需要付費計劃。
GoQR(goqr.me): 一個快速、不花俏的免費QR碼生成器。 輸入您的URL或文字,下載QR碼圖像為PNG或SVG,完成即可。 免費版本不需要註冊。
在以下截圖中,QR Code Monkey在瀏覽器中打開,URL輸入字段和生成的QR碼在頁面右側預覽。

新增圖像替代文字
以正確格式下載: 一旦生成QR碼,可以以不同格式下載,如PNG、JPEG或PDF,方便共享和列印。 大多數生成器的QR碼下載選項還允許您在保存前選擇解析度。 大多數QR碼生成器支持數位使用的PNG格式和列印使用的SVG格式。 SVG文件是基於向量的,可縮放到任意大小而不降低清晰度,是在傳單、橫幅和包裝上列印QR碼的最佳選擇。 PNG適合在網站和簡報中用於數位用途。 高解析度生成的QR碼在其使用壽命期間能獲得更多的掃描,因為它在任何列印尺寸、任何材料和從任何合理的掃描距離下仍保持清晰。 對於商業用途,例如產品包裝或售點顯示器,始終導出最高可用解析度,並在最終確定之前在實際列印上驗證輸出。
方法3:建立帶有標誌和顏色的自定義QR碼
帶有您品牌顏色和公司標誌的自定義QR碼能提高顧客互動,因為它看起來更有意圖,而非通用。 對於程式化的方法,IronQR建立QR碼圖像指南展示了如何在C#中程式碼新增標誌和自定義顏色。 以下是如何使用生成器正確定制QR碼。
新增標誌:
- 在選擇的QR碼生成器中,尋找標誌或圖像上傳區域。
- 上傳您的標誌的PNG或SVG版本。 方形標誌效果最佳。
- 生成器將標誌放置在QR碼模式的中心。
- 新增標誌後,確認QR碼仍然可以正確掃描。 新增標誌會遮蓋部分模式,因此生成器使用糾錯功能來維持可讀性。
更換顏色: 為確保QR碼保持可掃描性,使用對比顏色作為前景和背景非常重要。 深色的前景搭配淺色的背景總是有效的。 淺色前景搭配深色背景也可以有效,但需要小心測試。 永遠不要使用亮度相近的前景和背景顏色,因為相機應用程式將難以分辨方塊。
選擇前景顏色: 保持前景顏色足夠深,以對比背景。 深藍色、深綠色、深紅色和黑色都能可靠地運作。 避免使用黃色、淺灰色或粉色調,因為這些會產生對比不足的QR碼,掃描不一致。
在以下截圖中,顯示了一個具有深海軍藍前景顏色和中心小公司標誌的自定義QR碼。 已通過智能手機相機應用掃描確認QR碼,目標URL正確顯示。

新增圖像替代文字
列印的最小尺寸: QR碼的最小尺寸至少應為0.4英吋乘0.4英吋,以確保它可以從短距離輕鬆掃描,對於傳單和海報等印刷品,理想尺寸在3到4英吋平方左右。
方法4:生成專用QR碼(WiFi、vCard、著陸頁)
專用網站可用於特定需求,如共享WiFi憑證、vCard或追踪掃描資料。 每種型別的QR碼以不同的方式編碼其內容。
WiFi QR碼: WiFi QR碼讓其他移動裝置可以通過掃描而非鍵入密碼來加入網路。 大多數免費QR碼生成網站支持此功能。
- 選擇WiFi作為內容型別。
- 輸入網路名稱(SSID)、密碼和安全型別(WPA/WPA2或WEP)。
- 生成並下載QR碼。
- 將其放置在路由器附近或歡迎卡上,這樣客人可以用手機掃描並連接。
vCard QR碼: 藉助智慧型手機可以直接導入到聯繫人應用程式的格式編碼您的聯繫人詳細資訊(姓名、電子郵件、電話、地址、網站)。
- 選擇vCard或聯絡人作為內容型別。
- 填寫您想分享的所有聯繫方式字段。
- 生成QR碼。 在任何現代智慧型手機上掃描可自動新增聯繫人。
著陆頁QR碼: 對於希望引導流量到特定著陆頁並跟踪掃描次數的活動,使用動態QR碼。 像Bitly和QR Code Generator Pro這樣的服務允許您建立一個指向著陆頁的動態QR碼並提供一個掃描儀表板。
在以下截圖中,WiFi QR碼顯示在用於生成它的網路名稱和密碼字段旁邊。 顯示了一部智慧型手機正在掃描它,並出現了"加入網路"提示

新增圖像替代文字
方法5:列印前測試
在列印之前始終用手機掃描您的QR碼以確保它有效。 這一步可以防止最常見且最昂貴的QR碼錯誤:印刷數千張有效的傳單,但QR碼卻無法工作。
如何測試:
- 打開您智慧型手機上的相機應用程式(或專用QR碼掃描應用)。
- 對準螢幕上的已生成QR碼。
- 等待連結或內容顯示為通知或覆蓋層。
- 點擊連結確認其打開正確的頁面。
在多個裝置上測試: 在iPhone上有效掃描的QR碼,有時在對比度過低或圖像過小的舊Android手機上可能會遇到困難。 在至少兩個不同行動裝置上測試,然後再印刷。
檢查URL: QR碼掃描後,確認出現的準確URL是否匹配您的目標目的地。 檢查URL中的錯誤或缺少https://的情況。 一個連結到http://example.com的QR碼和一個連結到https://example.com的QR碼是指向不同地址的不同碼。
先列印小批量測試: 在投入到全部印刷之前,先列印少量的傳單並在預定的照明條件下進行掃描。 光滑的紙張可能導致反射,降低掃描可靠性。 啞光紙通常更易於掃描。
QR碼建立的最佳實踐
對於列印,使用高解析度文件: 始終下載QR碼生成器提供的最高解析度版本。 對於列印,使用SVG格式(如果可用),或者最低300 DPI的PNG格式。
保持靜態區域: QR碼在所有四邊都需要一個白色邊框(稱為靜態區域)。 永遠不要裁剪邊框。 大多數生成器會自動加入靜態區域,但一些設計模板在將QR碼放入圖形時會去掉它。
保持足夠的對比: 深色模式在白色或非常淺色背景上。 永遠不要在QR碼的正後方使用背景圖片,因為這會消除對比度並使碼無法掃描。
給QR碼加標籤: 在QR碼下方新增一行短文字,如"掃描存取我們的網站"或"掃描獲取選單",可以提高掃描率。 當人們知道預期的結果時,更可能掃描QR碼。
考量掃描距離: 名片上的QR碼從幾英寸外掃描。 廣告牌上的QR碼從幾英尺之外掃描。 廣告牌上的QR碼需要列印得比最小尺寸大很多,並應使用更簡單的低密度圖案。
快速了解QR碼型別
|內容型別|最佳用途|靜態或動態| |—|—|—| |URL|網站、著陸頁、社交資料頁|二者| |純文字|說明、短消息| Static | |WiFi憑證|為客人分享網路| Static | |vCard|名片、聯繫人分享| Static | |電子郵件|預填電子郵件草稿| Static | |電話號碼|列印材料上的點擊呼叫| Static | |應用商店連結|傳單上的應用下載|動態(用於跟踪)| |活動跟踪|帶掃描分析的移動營銷|動態|
為開發人員:使用IronQR程式生成QR碼
如果您的應用程式需要自動生成QR碼,無論是為發票、票據、產品標籤還是使用者帳戶,通過網路生成器手動操作不具可擴展性。 IronQR是一個.NET程式庫,可以用C#單一方法調用生成和讀取QR碼。 只需安裝包裹無需任何編程,且無需Microsoft Office或外部依賴。
以下是在C#中使用IronQR生成基本QR碼和自定義QR碼的方法:
using IronQr;
using IronSoftware.Drawing;
// Generate a basicURLQR code and save as PNG
QrCode myQr = QrWriter.Write("https://ironsoftware.com/csharp/qr/");
AnyBitmap qrImage = myQr.Save();
qrImage.SaveAs("url-qr-code.png");
// Generate a QR code with custom styling
QrOptions options = new QrOptions(QrErrorCorrectionLevel.High);
QrCode customQr = QrWriter.Write("https://ironsoftware.com/", options);
QrStyleOptions style = new QrStyleOptions
{
Dimensions = 500, // 500x500 pixels
Color = Color.DarkBlue, // Dark blue foreground
BackgroundColor = Color.White,
Logo = new QrLogo // Add company logo to center
{
Bitmap = AnyBitmap.FromFile("company-logo.png"),
Width = 100,
Height = 100
}
};
AnyBitmap styledQr = customQr.Save(style);
styledQr.SaveAs("custom-branded-qr.png");
using IronQr;
using IronSoftware.Drawing;
// Generate a basicURLQR code and save as PNG
QrCode myQr = QrWriter.Write("https://ironsoftware.com/csharp/qr/");
AnyBitmap qrImage = myQr.Save();
qrImage.SaveAs("url-qr-code.png");
// Generate a QR code with custom styling
QrOptions options = new QrOptions(QrErrorCorrectionLevel.High);
QrCode customQr = QrWriter.Write("https://ironsoftware.com/", options);
QrStyleOptions style = new QrStyleOptions
{
Dimensions = 500, // 500x500 pixels
Color = Color.DarkBlue, // Dark blue foreground
BackgroundColor = Color.White,
Logo = new QrLogo // Add company logo to center
{
Bitmap = AnyBitmap.FromFile("company-logo.png"),
Width = 100,
Height = 100
}
};
AnyBitmap styledQr = customQr.Save(style);
styledQr.SaveAs("custom-branded-qr.png");
Imports IronQr
Imports IronSoftware.Drawing
' Generate a basic URL QR code and save as PNG
Dim myQr As QrCode = QrWriter.Write("https://ironsoftware.com/csharp/qr/")
Dim qrImage As AnyBitmap = myQr.Save()
qrImage.SaveAs("url-qr-code.png")
' Generate a QR code with custom styling
Dim options As New QrOptions(QrErrorCorrectionLevel.High)
Dim customQr As QrCode = QrWriter.Write("https://ironsoftware.com/", options)
Dim style As New QrStyleOptions With {
.Dimensions = 500, ' 500x500 pixels
.Color = Color.DarkBlue, ' Dark blue foreground
.BackgroundColor = Color.White,
.Logo = New QrLogo With { ' Add company logo to center
.Bitmap = AnyBitmap.FromFile("company-logo.png"),
.Width = 100,
.Height = 100
}
}
Dim styledQr As AnyBitmap = customQr.Save(style)
styledQr.SaveAs("custom-branded-qr.png")
QrWriter.Write()接受任何字串:URL、純文字、標準格式的WiFi憑證、vCard字串或您想編碼的任何其他內容。 QrErrorCorrectionLevel.High設置保證即使多達30%的圖案因標誌而被遮擋,QR碼仍可掃描。
IronQR還能從圖像中讀取QR碼,這對於需要以程式方式驗證生成的QR碼或處理使用者提交的QR碼圖像的應用程式非常有用。 有關完整API參考,請參看IronQR教程頁面和建立QR碼圖像指南。
入門:通過NuGet安裝Install-Package IronQR並開始您的免費試用以在您的環境中進行測試。 IronQR運行在.NET 6+上,相容Windows、Linux、macOS、Docker、Azure和AWS。
總結
建立QR碼不論您的技術水平如何都是一個簡單的過程。 對於一次性快速建立,您的瀏覽器可以在三下點擊中完成。 對於帶公司標誌和特定前景顏色的品牌自定義QR碼建立,使用像QR Code Monkey這樣的免費QR碼生成器需要幾分鐘的時間並生成高解析度的下載。 對於需要獲得掃描率反饋並更新目的地而不重新印刷的持續活動,專用平台的動態QR碼提供了這種靈活性。 對於需要在.NET應用程式內批量生成QR碼的開發人員,IronQR在單個程式庫中處理生成、自定義樣式和讀取。
無論您使用哪種方法,最重要的兩條規則:始終使用足夠的對比以便QR碼掃描器能可靠地讀取圖案,並且始終在任何實物列印之前在真實的手機上自我掃描QR碼。 無法掃描的QR碼比沒有QR碼更糟糕。 如果這兩點都能做好,您的QR碼就會在每次呈現在正確目標受眾面前時增加顧客參與。




