Trình tạo mã QR có kiểu miễn phí

Tạo QR code tùy chỉnh với màu sắc, kích thước và kiểu góc. Tải xuống dưới dạng PNG hoặc SVG.

Được tạo hoàn toàn trong trình duyệt của bạn
300 px
Bản xem trước sẽ xuất hiện ở đây

Về QR code

QR code (Quick Response) là mã vạch 2D có thể được quét bằng điện thoại thông minh và đầu đọc chuyên dụng. Chúng mã hóa văn bản, URL, thông tin liên hệ, thông tin đăng nhập WiFi và hơn thế nữa. Trình tạo này tạo QR code có kiểu cách với màu sắc và kích thước tùy chỉnh phù hợp cho marketing, bao bì và sử dụng kỹ thuật số.

Mức sửa lỗi

Câu hỏi thường gặp

Tôi có thể sử dụng màu tùy chỉnh trong QR code không?

Có! Hầu hết các trình quét QR hiện đại xử lý tốt màu sắc. Đảm bảo độ tương phản cao giữa tiền cảnh và nền để đọc đáng tin cậy. Kiểm tra với các trình quét mục tiêu của bạn.

Nên dùng kích thước nào?

QR code lớn hơn đọc nhanh hơn và đáng tin cậy hơn. Sử dụng ít nhất 100×100 px. Để in, sử dụng 300 px trở lên cho các ứng dụng in nhỏ.

PNG hay SVG · định dạng nào tốt hơn?

Sử dụng SVG cho vector có thể mở rộng (web, mở rộng để in). Sử dụng PNG cho hình ảnh raster (hiển thị web, chia sẻ nhanh). Cả hai đều hoạt động tốt như nhau cho việc đọc.

Trình tạo kiểu này thực sự làm gì, và lĩnh vực rộng lớn hơn đi đâu

Trang này hiển thị một tập hợp các điều khiển tạo kiểu được cố ý nhỏ: chọn màu phía trước (tối), màu nền (sáng), kích thước đầu ra giữa 100 và 1000 pixel, và mức sửa lỗi (L / M / Q / H). Sau đó nó render một mã QR tiêu chuẩn với các cài đặt đó, hoàn toàn trong trình duyệt của bạn, và cung cấp tải xuống PNG và SVG. Không có nhúng logo, không có hình dạng module được làm tròn, không có biến thể finder-pattern trang trí. Những tính năng này tồn tại trong hệ sinh thái QR-styled rộng lớn hơn và được mô tả bên dưới, đó là những gì hầu hết mọi người học về "mã QR được tạo kiểu" muốn hiểu, nhưng một công cụ cẩn thận trung thực về những gì nó vận chuyển.

Tại sao việc tạo kiểu hoạt động được, biên độ sửa lỗi

Mã QR sử dụng sửa lỗi Reed-Solomon (được giới thiệu bởi Irving S. Reed và Gustave Solomon vào năm 1960, cùng một sơ đồ mã hóa cho phép một CD chơi qua vết nhòe vân tay và tàu thăm dò Voyager gọi về nhà từ không gian liên sao). Mã được mã hóa dư thừa để một tỷ lệ phần trăm các module có thể bị thiếu hoặc đọc sai và dữ liệu gốc vẫn có thể được phục hồi. Bốn cấp độ được tiêu chuẩn hóa, theo chính lời của Denso Wave:

Hướng dẫn chính thức của Denso Wave: "Có thể chọn Mức Q hoặc H cho môi trường nhà máy nơi QR Code bị bẩn""Có thể chọn Mức L cho môi trường sạch với lượng dữ liệu lớn." Chọn mức thấp nhất có thể tồn tại với điều kiện quét trong thế giới thực của bạn, vì mỗi bước từ L đến H làm cho mã đậm hơn (nhiều module hơn mỗi bên) cho cùng một payload.

Đối với việc tạo kiểu, mối quan hệ là trực tiếp: biên độ sửa lỗi nhiều hơn tương đương với tự do hình ảnh nhiều hơn mà không phá vỡ việc quét. Một logo, một module được tô màu lại, một hình dạng module được làm tròn, ngay cả một sắc thái màu nhẹ của nền được cho là sáng, mỗi cái tiêu thụ một phần của ngân sách. Thêm quá nhiều và bộ giải mã Reed-Solomon của máy quét hết các sửa chữa. Công thức thực tế mà hầu hết các trình tạo kiểu tuân theo: nếu bạn đang thêm logo hoặc bất kỳ kiểu "designer" nào, nâng lên Mức H, và ngay cả khi đó, hãy thử nghiệm trên nhiều thiết bị trước khi in trên quy mô.

Các biến thể hình dạng module/chấm

Mã QR tiêu chuẩn trong đặc tả sử dụng các module vuông không có làm tròn. Các thư viện tạo kiểu hiện đại, và hệ sinh thái QR-styled rộng lớn hơn, thường hiển thị một tập hợp cố định các tùy chọn hình dạng module được đặt tên. Từ vựng thực tế, được thiết lập bởi thư viện qr-code-styling của Denys Kozak và bây giờ được sao chép bởi nhiều máy phát:

Thư viện coi các module cùng màu liền kề như một khối được kết nối trước khi áp dụng hình dạng, đó là lý do tại sao rounded và classy cho các nét chảy liên tục thay vì mỗi module trông cô lập. Máy quét đọc các trung tâm của các module, vì vậy miễn là độ tương phản trọng-tâm-đến-trọng-tâm tồn tại, camera hài lòng. Công cụ này hiện chỉ hiển thị các module vuông tiêu chuẩn, các hình dạng khác này cần một thư viện render khác để hỗ trợ.

Các biến thể mắt / finder-pattern

Mỗi mã QR có ba "mắt", các mẫu hình mắt bò lớn ở các góc trên-trái, trên-phải, và dưới-trái. Các mẫu finder này có tỷ lệ module cố định 1:1:3:1:1, một tỷ lệ nội bộ mà nhóm Masahiro Hara đã phân tích so với các tài liệu in vào thời điểm đó để tìm một chuỗi gần như không bao giờ xảy ra ngẫu nhiên, vì vậy máy quét có thể phát hiện chúng nhanh chóng.

Mỗi mẫu finder thực sự bao gồm hai phần: một hình vuông góc ngoài (một vòng module 7×7 với một vòng trong 5×5 màu ngược) và một chấm góc (trung tâm rắn 3×3). Các thư viện tạo kiểu xử lý hai phần này như có thể tùy chỉnh độc lập, đó là lý do tại sao bạn sẽ thấy các điều khiển "frame" và "ball" riêng biệt trong các công cụ như QRCode Monkey và QR TIGER. Cả hai đều có thể nhận bất kỳ tùy chọn hình dạng nào giống như các module dữ liệu: square, dot, rounded, extra-rounded, classy, classy-rounded.

Cảnh báo khả năng quét cho việc tạo kiểu mắt: các mẫu finder là cách máy quét tìm mã trước hết. Làm méo chúng quá mạnh (ví dụ: các chấm nhỏ nơi hình vuông rắn nên ở) có thể làm cho camera không khóa được, đặc biệt ở khoảng cách hoặc ở góc. Quy tắc an toàn: giữ ít nhất vòng hình vuông góc ngoài như một hình kín liên tục (square, rounded, extra-rounded, không phải "dots"), và bạn có thể phiêu lưu hơn với chấm trong.

Logo được nhúng

Đây là tính năng tạo kiểu QR được yêu cầu nhiều nhất vào năm 2026. Cơ chế đơn giản tàn nhẫn: mã QR được tạo bình thường, sau đó một hình ảnh logo (PNG, JPEG, SVG) được vẽ lên trên trung tâm, thay thế một số module dữ liệu. Sửa lỗi Reed-Solomon sau đó "điền vào" các module bị che ở thời điểm quét. Giới hạn thực tế:

Công cụ này không nhúng logo. Đó là một lựa chọn phạm vi có chủ ý, các lớp phủ logo cần một mô hình tương tác cẩn thận (tải lên, định vị, độ trong suốt, một khóa cấp EC) không phù hợp với công cụ "màu + kích thước". Đối với quy trình làm việc QR-với-logo, hãy xem QR Code Generator liên quan.

Tùy chỉnh màu, cái gì an toàn và cái gì không

Màu là cần gạt tạo kiểu duy nhất mà công cụ này thực sự hiển thị, vì vậy phần này có liên quan trực tiếp nhất. Quy tắc đầu tiên: tương phản. Máy quét QR xem mỗi module và quyết định "tối hay sáng?", và khoảng cách giữa hai cái càng lớn, nó càng quyết định nhanh và đáng tin cậy hơn. Con số làm việc được trích dẫn rộng rãi cho mã QR đặc biệt là tỷ lệ tương phản ít nhất 4:1 giữa phía trước và phía sau, với 4,5:1 hoặc cao hơn được ưu tiên cho độ tin cậy trong thế giới thực. Hướng dẫn chung của WCAG 2.x về đồ họa phi văn bản (tiêu chí 1.4.11) đặt mức tối thiểu 3:1; mã QR cần phải vượt qua thanh đó với biên độ thoải mái vì camera không có lý luận theo ngữ cảnh của con người để dựa vào.

Quy tắc thứ hai: không đảo ngược. Mã QR, theo đặc tả, là module tối trên nền sáng. Mã QR sáng-trên-tối ("đảo ngược") về mặt kỹ thuật là hợp lệ và máy quét thông minh nhất (iOS Camera hiện đại, Google Lens mới nhất) có thể lật và đọc chúng, nhưng một phần đáng kể điện thoại trên thực địa không thể. Các ứng dụng camera Android cũ hơn, ứng dụng máy quét bên thứ ba và hầu hết các máy quét mã vạch chuyên dụng giả định tối-trên-sáng và sẽ thất bại trên đảo ngược. Mẫu được khuyến nghị khi bạn có nền thương hiệu tối và muốn đặt QR trên nó: không đảo ngược, thay vào đó đặt một QR tối-trên-sáng tiêu chuẩn bên trong một "bảng" sáng tương phản hoặc hộp đóng khung trên bề mặt tối.

Quy tắc thứ ba: gradient và module nhiều màu tốn biên độ giải mã. Các thư viện tạo kiểu hỗ trợ gradient tuyến tính và xuyên tâm trên các module tối, nền, và thậm chí cả mắt độc lập, và chúng trông tuyệt đẹp trên màn hình. Nhưng mỗi chuyển đổi màu mượt mà làm cho quyết định tối/sáng theo từng module khó hơn cho máy quét, đặc biệt là trong ánh sáng yếu. Gradient an toàn nhất khi gradient ở lại trong một họ tối duy nhất (ví dụ: hải quân mờ thành tím đậm, cả hai rõ ràng "tối") hơn là vượt qua các tông giữa. Công cụ này hiện chỉ hiển thị các màu rắn, đó là điểm khởi đầu an toàn nhất.

PNG vs SVG, lựa chọn định dạng đầu ra

PNG là một định dạng raster. Mã QR được render vào một lưới pixel cố định. Ưu điểm: hoạt động ở mọi nơi, bao gồm các client email cũ hơn và bất kỳ bề mặt hiển thị hình ảnh nào. Nhược điểm: phóng to quá độ phân giải được render gây ra mờ và aliasing dọc theo các cạnh module, có thể làm tổn hại khả năng quét trên các bản in lớn. Đối với PNG 300px được sử dụng trên một poster 600×600 mm, các module sẽ trông mềm đáng chú ý.

SVG (Scalable Vector Graphics) là một định dạng vector. Mã QR được mô tả như một bộ đa giác và bộ render rasterize chúng ở bất kỳ độ phân giải nào mà thiết bị hiển thị hoặc in yêu cầu. Ưu điểm: có thể mở rộng vô hạn mà không mất chất lượng; kích thước tệp rất nhỏ (thường vài kB); có thể chỉnh sửa trong Illustrator, Affinity Designer, Inkscape; hoạt động nguyên bản trong các trình duyệt web hiện đại. Quy tắc thực tế: nếu nó vào màn hình, một trong hai định dạng đều ổn; nếu nó đi in, đặc biệt ở bất kỳ tỷ lệ nào trên kích thước bưu thiếp, hãy chọn SVG.

Tránh JPEG cho mã QR. Các tạo tác nén có mất của JPEG cụm xung quanh các cạnh có độ tương phản cao, chính xác là nơi mỗi ranh giới module QR, và ngay cả ở cài đặt chất lượng cao JPEG có thể giới thiệu vừa đủ mờ cạnh để phá vỡ giải mã trên các máy quét rẻ hơn. PNG là sự lựa chọn raster đúng.

Yêu cầu vùng yên tĩnh (thường bị quên)

ISO/IEC 18004 yêu cầu một vùng yên tĩnh, một biên của nền màu sáng, ít nhất rộng 4 module trên cả bốn cạnh của mã. Không có nó, máy quét có thể nhầm loại gần đó, viền hoặc hình ảnh nền là một phần của mã và hoặc không thể giải mã hoặc giải mã không chính xác. Theo cách thực tế: nếu một module đơn rộng 2 mm trên mã được in, vùng yên tĩnh cần ít nhất 8 mm ở mỗi cạnh. Các tải xuống PNG và SVG của công cụ này bao gồm biên vùng yên tĩnh tiêu chuẩn từ hộp. Nhiều xuất khẩu QR "được cắt xén" thân thiện với Instagram phá vỡ quy tắc và đó là nguyên nhân hàng đầu của sự thất vọng "tại sao mã của tôi không quét được?".

Một lưu ý về mã QR thanh toán

Một phần không tầm thường của lưu lượng mã QR thế giới là cho thanh toán, và các mã QR thanh toán này không chung chung. Mã QR EMV (đặc tả EMVCo, phiên bản hiện tại 1.1, cập nhật lần cuối 27 tháng 11 năm 2020) mã hóa một payload có cấu trúc của ID người bán, số tiền giao dịch, tiền tệ, MCC, mã quốc gia, và tổng kiểm tra CRC. Alipay và WeChat Pay (Trung Quốc), UPI (Ấn Độ), PromptPay (Thái Lan), PayNow (Singapore), PIX (Brazil) theo các payload do cơ quan quản lý xác định. Chúng trông giống như mã QR thông thường về mặt thị giác, nhưng một ứng dụng camera chung không thể thực sự thanh toán bất cứ điều gì với chúng, payload phải được phát hành bởi chính nền tảng thanh toán. Bạn không thể tạo một mã QR thanh toán hoạt động với công cụ này, không quan trọng việc tạo kiểu trực quan đáng tin cậy như thế nào. Sử dụng bảng điều khiển người bán của bộ xử lý thanh toán của bạn.

Sự bùng nổ của QR được tạo kiểu thương hiệu sau 2020, tại sao điều này quan trọng

Mã QR đã có sẵn về mặt kỹ thuật ở khắp mọi nơi kể từ khoảng năm 2010, nhưng việc áp dụng ở phương Tây vẫn nông cạn cho đến khi COVID-19 buộc một cú xoay không tiếp xúc. Tương tác mã QR tăng 94% từ 2018 đến 2020; lượt tải xuống được quy cho lần quét mã QR tăng 750% từ Q1 2020 đến Q4 2021. Khoảng 89 triệu người dùng điện thoại thông minh Mỹ đã quét mã QR vào năm 2022. Juniper Research dự đoán các khoản thanh toán mã QR sẽ vượt quá $8 nghìn tỷ chi tiêu hàng năm trên toàn cầu vào năm 2029, tăng từ $5,4 nghìn tỷ vào năm 2025. Nhà cung cấp QR có thương hiệu QR TIGER tuyên bố các mã QR được tạo kiểu/thương hiệu nhận được tới 70% số lần quét nhiều hơn so với các mã trắng đen thuần (xử lý con số chính xác như tuyên bố của nhà cung cấp, nhưng quan điểm chỉ hướng rằng tạo kiểu thương hiệu thúc đẩy quét được giữ rộng rãi).

Đến năm 2026, mã QR không còn là một mảnh cơ sở hạ tầng tiện ích kỳ lạ, đó là một bề mặt thương hiệu. Các công ty muốn nó cảm thấy đúng-thương-hiệu giống như cách họ muốn typography hoặc bao bì của họ đúng-thương-hiệu. Đó là lý do tại sao ý định tìm kiếm "styler" tồn tại và lý do tại sao các công cụ cạnh tranh đều hội tụ trên cùng một bộ điều khiển dot/eye/colour/logo.

Câu hỏi khác

Tôi có thể tạo mã QR thanh toán (Alipay, WeChat Pay, UPI) với công cụ này không?

Không. Mã QR thanh toán được phát hành bởi chính nền tảng thanh toán và nhúng một payload được ký bằng mật mã hoặc dành riêng cho nền tảng mà máy phát chung không thể tạo. Sử dụng bảng điều khiển người bán của bộ xử lý thanh toán hoặc tích hợp Alipay/WeChat/UPI chính thức cho quốc gia của bạn.

Tại sao mã QR màu của tôi không quét trên một số điện thoại?

Hầu như luôn luôn là vấn đề tương phản. Nhắm đến ít nhất tương phản 4,5:1 giữa phía trước và phía sau; sử dụng tối-trên-sáng (không đảo ngược); tránh đỏ thuần làm phía trước nếu bạn có thể được quét bởi đầu đọc công nghiệp. Nếu bạn nhúng logo ở nơi khác, nâng sửa lỗi lên Mức H. Nguyên nhân lớn nhất duy nhất của thất bại quét QR được tạo kiểu là các màu thương hiệu có ý tốt trông tuyệt vời trên một mẫu Pantone nhưng cho camera điện thoại quá ít để làm việc.

Tôi có thể thêm logo vào trung tâm mã QR của tôi ở đây không?

Không trong công cụ này, nó tập trung vào màu và kích thước. Các lớp phủ logo cần một mô hình tương tác cẩn thận (xử lý tải lên, định vị, độ trong suốt, một khóa cấp EC) không phù hợp với quy trình "tạo kiểu nhanh" này. Mẫu chính tắc là render QR ở Mức H, sau đó hợp thành logo của bạn lên trung tâm bằng cách sử dụng một trình chỉnh sửa hình ảnh, giữ độ phủ ở 20-25% diện tích module.

Kích thước phù hợp để in mã QR là bao nhiêu?

Một quy tắc thực tế: chiều dài cạnh của QR nên ít nhất một phần mười khoảng cách quét dự kiến. Một QR có nghĩa là được quét từ khoảng cách 1 m nên ít nhất 10 cm × 10 cm. Đối với một QR màn hình TV được quét qua phòng khách, bạn muốn nó lớn; đối với một QR danh thiếp được quét ở khoảng cách cánh tay, 1,5-2 cm hoạt động. Luôn luôn SVG cho in, không bao giờ JPEG, và giữ vùng yên tĩnh 4 module nguyên vẹn.

Công cụ liên quan