[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"glossary-en-vector-qr-code":3,"glossary-related-en-vector-qr-code":186},{"id":4,"title":5,"body":6,"category":173,"cta":174,"description":175,"extension":176,"meta":177,"navigation":178,"path":179,"related":180,"seo":183,"stem":184,"__hash__":185},"glossary\u002Fi18n\u002Fen\u002Fglossary\u002Fvector-qr-code.md","Vector QR Code (SVG)",{"type":7,"value":8,"toc":166},"minimark",[9,17,20,23,28,117,119,123,154,156,160,163],[10,11,12,13,16],"p",{},"A ",[14,15,5],"strong",{}," is a QR code saved in a vector graphics format—most commonly SVG (Scalable Vector Graphics), EPS, or PDF. Unlike raster formats (like PNG or JPEG) which are made of pixels, vector graphics are defined by mathematical formulas representing lines, points, and curves.",[10,18,19],{},"This distinction makes vector formats the industry standard for professional printing. A vector QR code can be scaled to the size of a giant billboard or reduced to a tiny business card without any blurriness or loss of detail, ensuring it remains fully scannable.",[21,22],"hr",{},[24,25,27],"h2",{"id":26},"vector-vs-raster-formats-for-qr-codes","Vector vs. Raster Formats for QR Codes",[29,30,31,48],"table",{},[32,33,34],"thead",{},[35,36,37,42,45],"tr",{},[38,39,41],"th",{"align":40},"left","Characteristic",[38,43,44],{"align":40},"Vector Format (SVG \u002F PDF \u002F EPS)",[38,46,47],{"align":40},"Raster Format (PNG \u002F JPG \u002F WebP)",[49,50,51,65,78,91,104],"tbody",{},[35,52,53,59,62],{},[54,55,56],"td",{"align":40},[14,57,58],{},"Scalability",[54,60,61],{"align":40},"Infinite (no loss of detail)",[54,63,64],{"align":40},"Limited (becomes pixelated)",[35,66,67,72,75],{},[54,68,69],{"align":40},[14,70,71],{},"Print Quality",[54,73,74],{"align":40},"Crisp, sharp edges",[54,76,77],{"align":40},"Can become blurry in print",[35,79,80,85,88],{},[54,81,82],{"align":40},[14,83,84],{},"File Editing",[54,86,87],{"align":40},"Fully editable in Illustrator",[54,89,90],{"align":40},"Hard to edit path structures",[35,92,93,98,101],{},[54,94,95],{"align":40},[14,96,97],{},"File Size",[54,99,100],{"align":40},"Small (text-based paths)",[54,102,103],{"align":40},"Larger for high resolutions",[35,105,106,111,114],{},[54,107,108],{"align":40},[14,109,110],{},"Best Used For",[54,112,113],{"align":40},"Packaging, billboards, design",[54,115,116],{"align":40},"Websites, emails, digital use",[21,118],{},[24,120,122],{"id":121},"why-vector-formats-are-crucial-for-printing","Why Vector Formats are Crucial for Printing",[124,125,126,133,139],"ul",{},[127,128,129,132],"li",{},[14,130,131],{},"Scannability Guarantee:"," QR code scanners rely on detecting clean, sharp contrast borders between dark and light modules. If a raster image is resized and becomes blurry or pixelated, the edges smudge, leading to scan failures.",[127,134,135,138],{},[14,136,137],{},"Design Flexibility:"," Design agencies and print shops can import SVG QR codes directly into layout software (like Adobe Illustrator or Figma) to adjust colors, align branding elements, and incorporate custom frames.",[127,140,141,144,145,149,150,153],{},[14,142,143],{},"Small File Footprint:"," Because SVG files are written in XML code (e.g., ",[146,147,148],"code",{},"\u003Crect>"," and ",[146,151,152],{},"\u003Cpath>","), they take up only a fraction of the storage space required by high-resolution PNGs.",[21,155],{},[24,157,159],{"id":158},"download-print-ready-vector-qr-codes","Download Print-Ready Vector QR Codes",[10,161,162],{},"Create a dynamic QR code on QR Zam to export your codes in high-resolution, print-ready SVG and PDF vector formats.",[164,165],"dynamic-cta",{},{"title":167,"searchDepth":168,"depth":168,"links":169},"",2,[170,171,172],{"id":26,"depth":168,"text":27},{"id":121,"depth":168,"text":122},{"id":158,"depth":168,"text":159},"Design & Customization","Generate Vector QR Codes","A Vector QR Code (SVG) is a resolution-independent QR code format that can be scaled infinitely without losing quality, making it ideal for high-quality printing.","md",{},true,"\u002Fi18n\u002Fen\u002Fglossary\u002Fvector-qr-code",[181,182],"qr-code-frame","api-qr-code-generation",{"title":5,"description":175},"i18n\u002Fen\u002Fglossary\u002Fvector-qr-code","HNlxEvwEhzHalrGhddHXsYVNvOuAxPjNoiq04e4ONMw",[187,458],{"id":188,"title":189,"body":190,"category":447,"cta":448,"description":449,"extension":176,"meta":450,"navigation":178,"path":451,"related":452,"seo":455,"stem":456,"__hash__":457},"glossary\u002Fi18n\u002Fen\u002Fglossary\u002Fapi-qr-code-generation.md","API QR Code Generation",{"type":7,"value":191,"toc":442},[192,197,200,202,206,209,214,331,336,395,397,401,427,429,433,436,438],[10,193,194,196],{},[14,195,189],{}," is the method of creating static or dynamic QR codes programmatically using web services (typically RESTful APIs). Instead of manually building codes using a dashboard generator, developers send HTTP requests containing target data, branding, and color parameters, and receive print-ready images or short links instantly.",[10,198,199],{},"Automated QR code generation is essential for platforms handling inventory, ticket bookings, personalized direct mail campaigns, and automated invoice billing.",[21,201],{},[24,203,205],{"id":204},"example-api-request-and-response","Example API Request and Response",[10,207,208],{},"To generate a QR code programmatically, developers typically send a POST request with a JSON payload to the API server:",[10,210,211],{},[14,212,213],{},"Request Payload:",[215,216,220],"pre",{"className":217,"code":218,"language":219,"meta":167,"style":167},"language-json shiki shiki-themes github-light github-dark","{\n    \"name\": \"Order QR Code\",\n    \"type\": \"dynamic\",\n    \"destination_url\": \"https:\u002F\u002Fexample.com\u002Forders\u002F9876\",\n    \"design\": {\n        \"foreground_color\": \"#1e293b\",\n        \"frame\": \"scan-me\",\n        \"logo_url\": \"https:\u002F\u002Fexample.com\u002Fassets\u002Flogo.png\"\n    }\n}\n","json",[146,221,222,231,247,260,273,282,295,308,319,325],{"__ignoreMap":167},[223,224,227],"span",{"class":225,"line":226},"line",1,[223,228,230],{"class":229},"sVt8B","{\n",[223,232,233,237,240,244],{"class":225,"line":168},[223,234,236],{"class":235},"sj4cs","    \"name\"",[223,238,239],{"class":229},": ",[223,241,243],{"class":242},"sZZnC","\"Order QR Code\"",[223,245,246],{"class":229},",\n",[223,248,250,253,255,258],{"class":225,"line":249},3,[223,251,252],{"class":235},"    \"type\"",[223,254,239],{"class":229},[223,256,257],{"class":242},"\"dynamic\"",[223,259,246],{"class":229},[223,261,263,266,268,271],{"class":225,"line":262},4,[223,264,265],{"class":235},"    \"destination_url\"",[223,267,239],{"class":229},[223,269,270],{"class":242},"\"https:\u002F\u002Fexample.com\u002Forders\u002F9876\"",[223,272,246],{"class":229},[223,274,276,279],{"class":225,"line":275},5,[223,277,278],{"class":235},"    \"design\"",[223,280,281],{"class":229},": {\n",[223,283,285,288,290,293],{"class":225,"line":284},6,[223,286,287],{"class":235},"        \"foreground_color\"",[223,289,239],{"class":229},[223,291,292],{"class":242},"\"#1e293b\"",[223,294,246],{"class":229},[223,296,298,301,303,306],{"class":225,"line":297},7,[223,299,300],{"class":235},"        \"frame\"",[223,302,239],{"class":229},[223,304,305],{"class":242},"\"scan-me\"",[223,307,246],{"class":229},[223,309,311,314,316],{"class":225,"line":310},8,[223,312,313],{"class":235},"        \"logo_url\"",[223,315,239],{"class":229},[223,317,318],{"class":242},"\"https:\u002F\u002Fexample.com\u002Fassets\u002Flogo.png\"\n",[223,320,322],{"class":225,"line":321},9,[223,323,324],{"class":229},"    }\n",[223,326,328],{"class":225,"line":327},10,[223,329,330],{"class":229},"}\n",[10,332,333],{},[14,334,335],{},"Response Payload:",[215,337,339],{"className":217,"code":338,"language":219,"meta":167,"style":167},"{\n    \"id\": \"qr_019ec1ac\",\n    \"short_url\": \"https:\u002F\u002Fqrz.am\u002Ft3y12\",\n    \"qr_image_url\": \"https:\u002F\u002Fcdn.qrzam.com\u002Fcodes\u002Fqr_019ec1ac.png\",\n    \"vector_url\": \"https:\u002F\u002Fcdn.qrzam.com\u002Fcodes\u002Fqr_019ec1ac.svg\"\n}\n",[146,340,341,345,357,369,381,391],{"__ignoreMap":167},[223,342,343],{"class":225,"line":226},[223,344,230],{"class":229},[223,346,347,350,352,355],{"class":225,"line":168},[223,348,349],{"class":235},"    \"id\"",[223,351,239],{"class":229},[223,353,354],{"class":242},"\"qr_019ec1ac\"",[223,356,246],{"class":229},[223,358,359,362,364,367],{"class":225,"line":249},[223,360,361],{"class":235},"    \"short_url\"",[223,363,239],{"class":229},[223,365,366],{"class":242},"\"https:\u002F\u002Fqrz.am\u002Ft3y12\"",[223,368,246],{"class":229},[223,370,371,374,376,379],{"class":225,"line":262},[223,372,373],{"class":235},"    \"qr_image_url\"",[223,375,239],{"class":229},[223,377,378],{"class":242},"\"https:\u002F\u002Fcdn.qrzam.com\u002Fcodes\u002Fqr_019ec1ac.png\"",[223,380,246],{"class":229},[223,382,383,386,388],{"class":225,"line":275},[223,384,385],{"class":235},"    \"vector_url\"",[223,387,239],{"class":229},[223,389,390],{"class":242},"\"https:\u002F\u002Fcdn.qrzam.com\u002Fcodes\u002Fqr_019ec1ac.svg\"\n",[223,392,393],{"class":225,"line":284},[223,394,330],{"class":229},[21,396],{},[24,398,400],{"id":399},"key-benefits-of-api-based-generation","Key Benefits of API-Based Generation",[124,402,403,409,415,421],{},[127,404,405,408],{},[14,406,407],{},"Mass Scale:"," Generate thousands of unique QR codes per minute for tickets, shipping labels, or transactions automatically.",[127,410,411,414],{},[14,412,413],{},"Workflow Automation:"," Integrate QR generation directly into CRM systems, e-commerce checkouts, and shipping platforms.",[127,416,417,420],{},[14,418,419],{},"Dynamic Link Provisioning:"," Programmatically create dynamic links, allowing your application to update the destination URL of a code automatically in response to database changes.",[127,422,423,426],{},[14,424,425],{},"Design Consistency:"," Standardize QR code design across your entire organization by enforcing brand colors, quiet zones, and logo layouts in the API schema.",[21,428],{},[24,430,432],{"id":431},"integrate-qr-zam-developer-api","Integrate QR Zam Developer API",[10,434,435],{},"Read our API documentation, retrieve your secure API keys, and start generating dynamic, customized QR codes at scale within your applications.",[164,437],{},[439,440,441],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":167,"searchDepth":168,"depth":168,"links":443},[444,445,446],{"id":204,"depth":168,"text":205},{"id":399,"depth":168,"text":400},{"id":431,"depth":168,"text":432},"Developer Tools","Integrate QR Code API","API QR Code Generation is the programmatic creation of QR codes via developer endpoints, enabling businesses to generate customized codes at scale within their own apps.",{},"\u002Fi18n\u002Fen\u002Fglossary\u002Fapi-qr-code-generation",[453,454],"dynamic-qr-code","vector-qr-code",{"title":189,"description":449},"i18n\u002Fen\u002Fglossary\u002Fapi-qr-code-generation","_FIgoeJFjafk3qbn-VSKQkJP6kAV6UXmNQf0E2tAAsw",{"id":459,"title":460,"body":461,"category":173,"cta":552,"description":553,"extension":176,"meta":554,"navigation":178,"path":555,"related":556,"seo":558,"stem":559,"__hash__":560},"glossary\u002Fi18n\u002Fen\u002Fglossary\u002Fqr-code-frame.md","QR Code Frame",{"type":7,"value":462,"toc":547},[463,468,471,473,477,503,505,509,536,538,542,545],[10,464,12,465,467],{},[14,466,460],{}," is a visual border, background, or overlay surrounding a QR code that is used to give context to scanners and prompt action. Frames typically feature a clear Call to Action (CTA) such as \"Scan Me\", \"View Menu\", or \"Scan to Register\".",[10,469,470],{},"Adding a frame to a QR code is one of the most effective ways to increase scan rates. Unframed QR codes look like plain, abstract black-and-white grids, leaving users guessing what will happen if they scan them. A frame bridges this gap by providing immediate visual cues and instructions.",[21,472],{},[24,474,476],{"id":475},"why-qr-code-frames-are-essential","Why QR Code Frames are Essential",[124,478,479,485,491,497],{},[127,480,481,484],{},[14,482,483],{},"Drive Action (CTA):"," The primary purpose of a frame is to communicate what the user will get. A clear text like \"Scan to Join Free Wi-Fi\" sets immediate expectations.",[127,486,487,490],{},[14,488,489],{},"Brand Alignment:"," Custom frames allow businesses to apply their brand colors, logo, and overall design aesthetic to the QR code, turning a technical barcode into a branded marketing asset.",[127,492,493,496],{},[14,494,495],{},"Improved Scannability:"," Professional frames maintain the required quiet zone (empty white space around the QR code matrix) to ensure scanners can quickly isolate and read the code.",[127,498,499,502],{},[14,500,501],{},"Visual Callout:"," In printed materials like flyers, posters, and product packaging, a frame highlights the QR code, drawing the eye of potential customers.",[21,504],{},[24,506,508],{"id":507},"best-practices-for-designing-frames","Best Practices for Designing Frames",[510,511,512,518,524,530],"ol",{},[127,513,514,517],{},[14,515,516],{},"High Contrast:"," Ensure there is high contrast between the QR code pattern and the frame background so scanning apps can easily read the code.",[127,519,520,523],{},[14,521,522],{},"Keep the Quiet Zone:"," Never let frame borders or text overlap with the QR code modules (the small squares). Maintain a clear boundary around the code.",[127,525,526,529],{},[14,527,528],{},"Use Vector Formats:"," Design frames in SVG or high-resolution PDF format to prevent pixelation when printed in large sizes.",[127,531,532,535],{},[14,533,534],{},"Context-Specific CTAs:"," Match the CTA text directly to the user benefit (e.g., use \"Scan to View Map\" rather than a generic \"Scan Me\" for event locations).",[21,537],{},[24,539,541],{"id":540},"create-a-custom-qr-code-with-frames","Create a Custom QR Code with Frames",[10,543,544],{},"To customize your QR codes, add branded frames, and download high-resolution vector formats, generate a dynamic QR code on the QR Zam dashboard.",[164,546],{},{"title":167,"searchDepth":168,"depth":168,"links":548},[549,550,551],{"id":475,"depth":168,"text":476},{"id":507,"depth":168,"text":508},{"id":540,"depth":168,"text":541},"Design a Custom QR Code","A QR Code Frame is a custom border or design layer around a QR code that incorporates a Call to Action (CTA) like 'Scan Me' or 'Scan to Pay' to attract scans.",{},"\u002Fi18n\u002Fen\u002Fglossary\u002Fqr-code-frame",[453,557,454],"static-qr-code",{"title":460,"description":553},"i18n\u002Fen\u002Fglossary\u002Fqr-code-frame","RbFPlqdkfGwh7MiZ5JvMd02vYUftVSDaCOCQvpgbjnk"]