PageSourceSearch

https://qr8r.org/_app/immutable/nodes/60.ChKcrN6M.js

js qr8r.org collected 2026-10-02 00:42:07 UTC 20,558 bytes, 124 lines download raw bytes

1import{s as oe,H as ee,d as c,_ as te,i as _,c as m,b as w,e as b,f as F,g as L,h as C,k as v,m as $,a as X,F as Y,j,t as B,n as le,$ as ce,a0 as de}from"../chunks/BtXusExp.js";import{S as re,i as ne,d as O,t as W,a as U,m as N,b as G,e as K,f as se}from"../chunks/B2Jw24lq.js";import"../chunks/bKwq7EWl.js";import{T as ue,a as me}from"../chunks/BbjU4tdB.js";import{T as ie}from"../chunks/B6aqiawb.js";import{S as pe}from"../chunks/ByPe6m_W.js";function he(o){let t,i,s,p=Z(o[3],o[1])+"",h,f,y,A,g,x,Q,R,q=Z(o[3],o[1])+"",z,d,H,T,u,k,V='<div class="col-span-3 row-span-3 border-4 border-white m-1 flex items-center justify-center"><div class="bg-black h-3/5 w-3/5"></div></div> <div class="col-start-5 col-span-3 row-span-3 border-4 border-white m-1 flex items-center justify-center"><div class="bg-black h-3/5 w-3/5"></div></div> <div class="col-span-3 row-start-5 row-span-3 border-4 border-white m-1 flex items-center justify-center"><div class="bg-black h-3/5 w-3/5"></div></div>',D,I,E="Visual representation (not to scale)",P,S,a=`<h5 class="font-medium mb-2">Important Notes:</h5> <ul class="list-disc pl-5 text-sm text-slate-600"><li>This is the minimum recommended size. For better
2                            scan reliability, consider making it slightly
3                            larger.</li> <li>Ensure your QR code has adequate quiet zones (white
4                            space) around it.</li> <li>Higher error correction levels may require slightly
5                            larger sizes.</li> <li>Test your QR code in real-world conditions before
6                            final production.</li></ul>`;return{c(){t=v("div"),i=v("div"),s=v("span"),h=B(p),f=$(),y=v("p"),A=B("For a scanning distance of "),g=B(o[0]),x=$(),Q=B(o[1]),R=B(", your QR code should be at least "),z=B(q),d=B(" in size (width and height)."),H=$(),T=v("div"),u=v("div"),k=v("div"),k.innerHTML=V,D=$(),I=v("p"),I.textContent=E,P=$(),S=v("div"),S.innerHTML=a,this.h()},l(n){t=b(n,"DIV",{class:!0});var r=F(t);i=b(r,"DIV",{class:!0});var e=F(i);s=b(e,"SPAN",{class:!0});var l=F(s);h=j(l,p),l.forEach(c),e.forEach(c),f=C(r),y=b(r,"P",{class:!0});var M=F(y);A=j(M,"For a scanning distance of "),g=j(M,o[0]),x=C(M),Q=j(M,o[1]),R=j(M,", your QR code should be at least "),z=j(M,q),d=j(M," in size (width and height)."),M.forEach(c),H=C(r),T=b(r,"DIV",{class:!0});var J=F(T);u=b(J,"DIV",{class:!0,style:!0});var ae=F(u);k=b(ae,"DIV",{class:!0,"data-svelte-h":!0}),L(k)!=="svelte-1ux39ut"&&(k.innerHTML=V),ae.forEach(c),D=C(J),I=b(J,"P",{class:!0,"data-svelte-h":!0}),L(I)!=="svelte-11rxue7"&&(I.textContent=E),J.forEach(c),P=C(r),S=b(r,"DIV",{class:!0,"data-svelte-h":!0}),L(S)!=="svelte-1ok32jb"&&(S.innerHTML=a),r.forEach(c),this.h()},h(){w(s,"class","text-4xl font-bold text-denim-600"),w(i,"class","mb-6"),w(y,"class","text-slate-600 mb-4"),w(k,"class","grid grid-cols-7 grid-rows-7 h-full w-full"),w(u,"class","bg-black"),Y(u,"width",Math.min(o[3]*10,200)+"px"),Y(u,"height",Math.min(o[3]*10,200)+"px"),Y(u,"max-width","200px"),Y(u,"max-height","200px"),w(I,"class","text-xs text-slate-500 mt-2"),w(T,"class","bg-white p-4 rounded-lg border border-slate-200 inline-block"),w(S,"class","mt-6 text-left"),w(t,"class","text-center p-4")},m(n,r){_(n,t,r),m(t,i),m(i,s),m(s,h),m(t,f),m(t,y),m(y,A),m(y,g),m(y,x),m(y,Q),m(y,R),m(y,z),m(y,d),m(t,H),m(t,T),m(T,u),m(u,k),m(T,D),m(T,I),m(t,P),m(t,S)},p(n,r){r&10&&p!==(p=Z(n[3],n[1])+"")&&X(h,p),r&1&&X(g,n[0]),r&2&&X(Q,n[1]),r&10&&q!==(q=Z(n[3],n[1])+"")&&X(z,q),r&8&&Y(u,"width",Math.min(n[3]*10,200)+"px"),r&8&&Y(u,"height",Math.min(n[3]*10,200)+"px")},d(n){n&&c(t)}}}function fe(o){let t,i,s,p="Input Parameters",h,f,y,A,g,x,Q,R,q,z,d,H,T,u,k;function V(a){o[7](a)}let D={label:"Use Case",type:"select",options:o[5],helperText:"Select a common use case or customize your own"};o[2]!==void 0&&(D.value=o[2]),f=new ie({props:D}),ee.push(()=>se(f,"value",V));function I(a){o[8](a)}let E={label:"Scanning Distance",type:"number",min:1,step:1,required:!0,helperText:"Expected distance between user and QR code"};o[0]!==void 0&&(E.value=o[0]),Q=new ie({props:E}),ee.push(()=>se(Q,"value",I));function P(a){o[9](a)}let S={label:"Unit",type:"select",options:[{value:"cm",label:"cm"},{value:"in",label:"inches"}]};return o[1]!==void 0&&(S.value=o[1]),d=new ie({props:S}
6),ee.push(()=>se(d,"value",P)),u=new me({props:{title:"Recommended QR Code Size",hasResults:o[4],$$slots:{default:[he]},$$scope:{ctx:o}}}),{c(){t=v("div"),i=v("div"),s=v("h4"),s.textContent=p,h=$(),K(f.$$.fragment),A=$(),g=v("div"),x=v("div"),K(Q.$$.fragment),q=$(),z=v("div"),K(d.$$.fragment),T=$(),K(u.$$.fragment),this.h()},l(a){t=b(a,"DIV",{class:!0});var n=F(t);i=b(n,"DIV",{});var r=F(i);s=b(r,"H4",{class:!0,"data-svelte-h":!0}),L(s)!=="svelte-h4888z"&&(s.textContent=p),h=C(r),G(f.$$.fragment,r),A=C(r),g=b(r,"DIV",{class:!0});var e=F(g);x=b(e,"DIV",{class:!0});var l=F(x);G(Q.$$.fragment,l),l.forEach(c),q=C(e),z=b(e,"DIV",{class:!0});var M=F(z);G(d.$$.fragment,M),M.forEach(c),e.forEach(c),r.forEach(c),T=C(n),G(u.$$.fragment,n),n.forEach(c),this.h()},h(){w(s,"class","text-sm font-medium text-slate-700 mb-4"),w(x,"class","flex-1"),w(z,"class","w-24"),w(g,"class","flex gap-4"),w(t,"class","grid grid-cols-1 md:grid-cols-2 gap-6")},m(a,n){_(a,t,n),m(t,i),m(i,s),m(i,h),N(f,i,null),m(i,A),m(i,g),m(g,x),N(Q,x,null),m(g,q),m(g,z),N(d,z,null),m(t,T),N(u,t,null),k=!0},p(a,n){const r={};!y&&n&4&&(y=!0,r.value=a[2],te(()=>y=!1)),f.$set(r);const e={};!R&&n&1&&(R=!0,e.value=a[0],te(()=>R=!1)),Q.$set(e);const l={};!H&&n&2&&(H=!0,l.value=a[1],te(()=>H=!1)),d.$set(l);const M={};n&16&&(M.hasResults=a[4]),n&4107&&(M.$$scope={dirty:n,ctx:a}),u.$set(M)},i(a){k||(U(f.$$.fragment,a),U(Q.$$.fragment,a),U(d.$$.fragment,a),U(u.$$.fragment,a),k=!0)},o(a){W(f.$$.fragment,a),W(Q.$$.fragment,a),W(d.$$.fragment,a),W(u.$$.fragment,a),k=!1},d(a){a&&c(t),O(f),O(Q),O(d),O(u)}}}function ge(o){let t,i;return t=new ue({props:{title:"QR Code Print Size Calculator",description:"Calculate the optimal size for your QR code based on scanning distance using the 10:1 ratio rule.",icon:"qrcode",$$slots:{default:[fe]},$$scope:{ctx:o}}}),{c(){K(t.$$.fragment)},l(s){G(t.$$.fragment,s)},m(s,p){N(t,s,p),i=!0},p(s,[p]){const h={};p&4127&&(h.$$scope={dirty:p,ctx:s}),t.$set(h)},i(s){i||(U(t.$$.fragment,s),i=!0)},o(s){W(t.$$.fragment,s),i=!1},d(s){O(t,s)}}}function Z(o,t){return t==="in"?`${(o/2.54).toFixed(2)} in`:`${o.toFixed(2)} cm`}function be(o,t,i){let s=100,p="cm",h="default",f=0,y=!1;const A=[{value:"default",label:"Custom"},{value:"business-card",label:"Business Card"},{value:"flyer",label:"Flyer/Brochure"},{value:"product-packaging",label:"Product Packaging"},{value:"poster",label:"Poster"},{value:"billboard",label:"Billboard"},{value:"tv-screen",label:"TV Screen/Display"}],g={"business-card":30,flyer:40,"product-packaging":20,poster:200,billboard:1e3,"tv-screen":300};let x="cm";function Q(){let d=s;p==="in"&&(d=s*2.54),i(3,f=d/10),i(4,y=!0)}function R(d){h=d,i(2,h)}function q(d){s=d,i(0,s),i(2,h),i(1,p),i(6,x)}function z(d){p=d,i(1,p)}return o.$$.update=()=>{o.$$.dirty&4&&h!=="default"&&g[h]&&(i(0,s=g[h]),i(6,x="cm")),o.$$.dirty&67&&p!==x&&(x==="cm"&&p==="in"?i(0,s=Math.round(s/2.54*100)/100):x==="in"&&p==="cm"&&i(0,s=Math.round(s*2.54*100)/100),i(6,x=p)),o.$$.dirty&3&&s>0&&Q()},[s,p,h,f,y,A,x,R,q,z]}class ve extends re{constructor(t){super(),ne(this,t,be,ge,oe,{})}}function ye(o){let t,i,s,p=`
7<script type="application/ld+json">
8{
9  "@context": "https://schema.org",
10  "@type": "SoftwareApplication",
11  "name": "QR Code Print Size Calculator",
12  "applicationCategory": "BusinessApplication",
13  "offers": {
14    "@type": "Offer",
15    "price": "0",
16    "priceCurrency": "USD"
17  },
18  "operatingSystem": "Web",
19  "description": "Calculate the optimal print size for QR codes based on scan distance and complexity."
20}
21<\/script>
22
23<script type="application/ld+json">
24{
25  "@context": "https://schema.org",
26  "@type": "FAQPage",
27  "mainEntity": [
28    {
29      "@type": "Question",
30      "name": "What is the minimum size for a QR code?",
31      "acceptedAnswer": {
32        "@type": "Answer",
33        "text": "The minimum recommended size for a QR code is 2 x 2 cm (0.8 x 0.8 inches) for close scanning. However, the optimal size depends on scanning distance, complexity of the QR code, and the printing medium."
34      }
35    },
36    {
37      "@type": "Question",
38      "name": "How does scanning distance affect QR code size?",
39      "acceptedAnswer": {
40        "@type": "Answer",
41        "text": "As a general rule, for every 10 feet (3 meters) of scanning distance, you should increase your QR code size by about 1 inch (2.54 cm). Our calculator provides precise measurements based on this principle."
42      }
43    },
44    {
45      "@type": "Question",
46      "name": "What is the best print size for QR codes on business cards?",
47      "acceptedAnswer": {
48        "@type": "Answer",
49        "text": "For business cards, a QR code should typically be 1.5 x 1.5 cm to 2 x 2 cm (0.6 x 0.6 to 0.8 x 0.8 inches). This size balances scanability with aesthetic considerations on standard business card dimensions."
50      }
51    },
52    {
53      "@type": "Question",
54      "name": "How does error correction level affect QR code size?",
55      "acceptedAnswer": {
56        "@type": "Answer",
57        "text": "Higher error correction levels (L, M, Q, H) make QR codes more tolerant to damage but increase complexity, requiring larger print sizes. For public displays or outdoor usage, higher error correction levels and consequently larger sizes are recommended."
58      }
59    },
60    {
61      "@type": "Question",
62      "name": "Can QR codes be too large?",
63      "acceptedAnswer": {
64        "@type": "Answer",
65        "text": "While there's no maximum size limit for QR codes, excessively large QR codes may be impractical and waste space. The optimal size is one that ensures reliable scanning while fitting well within your design constraints."
66      }
67    }
68  ]
69}
70<\/script>
71`,h,f,y=`<a href="/tools" class="text-denim-600 hover:text-denim-700 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"></path></svg>
72        Back to all tools</a>`,A,g,x=`<div class="flex items-center"><span class="text-2xl mr-3">📏</span> <div><h1 class="text-2xl font-medium">QR Code Print Size Calculator</h1> <p class="text-slate-600">Calculate the optimal print size for QR codes based on scan
73                distance and complexity.</p></div></div>`,Q,R,q=`<h2 class="text-xl font-medium mb-4">Why QR Code Size Matters</h2> <p class="mb-4">Printing QR codes at the correct size is crucial for successful scans
74        and effective marketing campaigns. A QR code that&#39;s too small may be
75        impossible to scan, while an unnecessarily large one wastes valuable
76        space on your marketing materials. Our free QR code print size
77        calculator helps you determine the perfect dimensions based on
78        scientific principles.</p> <h3 class="text-lg font-medium mb-2">Key Factors Affecting QR Code Size:</h3> <ul class="list-disc pl-6 mb-4 space-y-2"><li><strong>Scanning Distance:</strong> The further away users will scan
79            from, the larger your QR code needs to be.</li> <li><strong>QR Code Complexity:</strong> Codes with more data (longer URLs,
80            more text) have more modules and need larger print sizes.</li> <li><strong>Error Correction Level:</strong> Higher error correction (ability
81            to scan when partially damaged) requires larger sizes.</li> <li><strong>Print Medium:</strong> Different surfaces and printing methods
82            may require size adjustments for optimal scanning.</li></ul> <p class="mb-4">According to marketing studies, QR codes with optimal sizing show up to
83        30% higher scan rates compared to poorly sized codes. Use our calculator
84        below to ensure your QR codes perform at their best.</p>`,z,d,H,T,u,k=`<h2 class="text-xl font-medium mb-4">Best Practices for QR Code Sizing</h2> <p class="mb-4">Once you&#39;ve calculated the optimal print size for your QR code, consider
85        these professional tips to maximize scan rates:</p> <div class="grid md:grid-cols-2 gap-6 mb-6"><div class="border border-slate-200 rounded-lg p-4"><h3 class="font-medium mb-2">For Business Cards</h3> <p>Aim for 1.5-2cm size, positioned away from edges. Allow at least
86                0.5cm quiet zone (white space) around the code. Test with
87                multiple devices before printing.</p></div> <div class="border border-slate-200 rounded-lg p-4"><h3 class="font-medium mb-2">For Posters &amp; Billboards</h3> <p>Use our calculator for accurate sizing based on viewing
88                distance. For billboards, aim for 10% of the total height as a
89                minimum. Consider placement height relative to average person.</p></div> <div class="border border-slate-200 rounded-lg p-4"><h3 class="font-medium mb-2">For Product Packaging</h3> <p>Maintain minimum 2x2cm size when possible. Ensure high contrast
90                between QR modules and background. Avoid placing over seams or
91                folds in packaging.</p></div> <div class="border border-slate-200 rounded-lg p-4"><h3 class="font-medium mb-2">For Digital Display</h3> <p>Size QR codes in pixels rather than physical dimensions. Ensure
92                minimum 100x100 pixels for close scanning. Adapt to screen
93                resolution of display device.</p></div></div> <p class="mb-4">Remember that a QR code should have a &quot;quiet zone&quot; (margin) around it of
94        at least 4 modules (the small squares that make up the QR code). This
95        quiet zone should be included in your total size calculations.</p> <h3 class="text-lg font-medium mb-2">Testing Your QR Code</h3> <p class="mb-4">Always test your QR code after printing to ensure it scans properly from
96        the intended distance. Test with multiple devices and scanning apps for
97        best results. If your QR code fails to scan reliably, consider
98        increasing the size or improving the contrast.</p>`,V,D,I=`<h2 class="text-xl font-medium mb-6">Frequently Asked Questions About QR Code Sizing</h2> <div class="space-y-6"><div class="border-b border-slate-200 pb-4"><h3 class="font-medium text-lg mb-2">What is the minimum size for a QR code?</h3> <p>The minimum recommended size for a QR code is 2 x 2 cm (0.8 x
99                0.8 inches) for close scanning. However, the optimal size
100                depends on scanning distance, complexity of the QR code, and the
101                printing medium. Our calculator provides precise recommendations
102                based on your specific needs.</p></div> <div class="border-b border-slate-200 pb-4"><h3 class="font-medium text-lg mb-2">How does scanning distance affect QR code size?</h3> <p>As a general rule, for every 10 feet (3 meters) of scanning
103                distance, you should increase your QR code size by about 1 inch
104                (2.54 cm). For example, if users will scan from 20 feet away,
105                your QR code should be at least 2 inches in size. Our calculator
106                applies this principle with additional factors for more accurate
107                sizing.</p></div> <div class="border-b border-slate-200 pb-4"><h3 class="font-medium text-lg mb-2">What is the best print size for QR codes on business cards?</h3> <p>For business cards, a QR code should typically be 1.5 x 1.5 cm
108                to 2 x 2 cm (0.6 x 0.6 to 0.8 x 0.8 inches). This size balances
109                scanability with aesthetic considerations on standard business
110                card dimensions. Ensure there&#39;s adequate white space around the
111                code for reliable scanning.</p></div> <div class="border-b border-slate-200 pb-4"><h3 class="font-medium text-lg mb-2">How does error correction level affect QR code size?</h3> <p>Higher error correction levels (L, M, Q, H) make QR codes more
112                tolerant to damage but increase complexity, requiring larger
113                print sizes. For public displays or outdoor usage, higher error
114                correction levels and consequently larger sizes are recommended.
115                The calculator accounts for this when providing size
116                recommendations.</p></div> <div><h3 class="font-medium text-lg mb-2">Can QR codes be too large?</h3> <p>While there&#39;s no maximum size limit for QR codes, excessively
117                large QR codes may be impractical and waste space. The optimal
118                size is one that ensures reliable scanning while fitting well
119                within your design constraints. Focus on the minimum reliable
120                size for your scanning distance rather than making codes
121                unnecessarily large.</p></div></div>`,E,P,S,a,n=`<h2 class="text-xl font-medium mb-4">Related QR Code Tools</h2> <p class="mb-4">Enhance your QR code strategy with these complementary tools:</p> <div class="grid md:grid-cols-3 gap-4"><a href="/tools/scanability-tester" class="bg-white border border-slate-200 rounded-lg p-4 hover:border-denim-600 transition-colors"><span class="text-xl mr-3">🔍</span> <h3 class="font-medium mb-2">QR Code Scanability Tester</h3> <p class="text-sm text-slate-600">Test how scannable your QR code is based on color contrast and
122                complexity.</p></a> <a href="/tools/dpi-calculator" class="bg-white border border-slate-200 rounded-lg p-4 hover:border-denim-600 transition-colors"><span class="text-xl mr-3">🖨️</span> <h3 class="font-medium mb-2">QR Code DPI Calculator</h3> <p class="text-sm text-slate-600">Find the optimal resolution for printing QR codes across various
123                mediums.</p></a> <a href="/tools/print-template-generator" class="bg-white border border-slate-200 rounded-lg p-4 hover:border-denim-600 transition-colors"><span class="text-xl mr-3">📄</span> <h3 class="font-medium mb-2">QR Code Print Template Generator</h3> <p class="text-sm text-slate-600">Generate print-ready templates with multiple QR codes properly
124                sized and spaced.</p></a></div>`,r;return t=new pe({props:{data:o[0]}}),H=new ve({}),{c(){K(t.$$.fragment),i=$(),s=new de(!1),h=$(),f=v("div"),f.innerHTML=y,A=$(),g=v("div"),g.innerHTML=x,Q=$(),R=v("div"),R.innerHTML=q,z=$(),d=v("section"),K(H.$$.fragment),T=$(),u=v("div"),u.innerHTML=k,V=$(),D=v("div"),D.innerHTML=I,E=$(),P=v("hr"),S=$(),a=v("div"),a.innerHTML=n,this.h()},l(e){G(t.$$.fragment,e),i=C(e),s=ce(e,!1),h=C(e),f=b(e,"DIV",{class:!0,"data-svelte-h":!0}),L(f)!=="svelte-rnjhco"&&(f.innerHTML=y),A=C(e),g=b(e,"DIV",{class:!0,"data-svelte-h":!0}),L(g)!=="svelte-8rd0bo"&&(g.innerHTML=x),Q=C(e),R=b(e,"DIV",{class:!0,"data-svelte-h":!0}),L(R)!=="svelte-9d6ywg"&&(R.innerHTML=q),z=C(e),d=b(e,"SECTION",{class:!0});var l=F(d);G(H.$$.fragment,l),l.forEach(c),T=C(e),u=b(e,"DIV",{class:!0,"data-svelte-h":!0}),L(u)!=="svelte-1c4kbcv"&&(u.innerHTML=k),V=C(e),D=b(e,"DIV",{class:!0,"data-svelte-h":!0}),L(D)!=="svelte-330nfj"&&(D.innerHTML=I),E=C(e),P=b(e,"HR",{class:!0}),S=C(e),a=b(e,"DIV",{class:!0,"data-svelte-h":!0}),L(a)!=="svelte-13lipvb"&&(a.innerHTML=n),this.h()},h(){s.a=h,w(f,"class","mb-8"),w(g,"class","mb-6 bg-white rounded-lg shadow-sm p-4 border-l-4 border-denim-600"),w(R,"class","mb-8 bg-white rounded-lg shadow-sm p-6"),w(d,"class","bg-white rounded-lg shadow-sm p-6 mb-8"),w(u,"class","bg-white rounded-lg shadow-sm p-6 mb-8"),w(D,"class","bg-white rounded-lg shadow-sm p-6 mb-8"),w(P,"class","my-8"),w(a,"class","rounded-lg shadow-sm")},m(e,l){N(t,e,l),_(e,i,l),s.m(p,e,l),_(e,h,l),_(e,f,l),_(e,A,l),_(e,g,l),_(e,Q,l),_(e,R,l),_(e,z,l),_(e,d,l),N(H,d,null),_(e,T,l),_(e,u,l),_(e,V,l),_(e,D,l),_(e,E,l),_(e,P,l),_(e,S,l),_(e,a,l),r=!0},p:le,i(e){r||(U(t.$$.fragment,e),U(H.$$.fragment,e),r=!0)},o(e){W(t.$$.fragment,e),W(H.$$.fragment,e),r=!1},d(e){e&&(c(i),s.d(),c(h),c(f),c(A),c(g),c(Q),c(R),c(z),c(d),c(T),c(u),c(V),c(D),c(E),c(P),
124c(S),c(a)),O(t,e),O(H)}}}function we(o){return[{title:"QR Code Print Size Calculator | Optimal QR Code Sizing Tool",description:"Calculate the optimal QR code print size for your marketing materials based on scan distance and QR complexity. Free professional QR code size calculator tool.",keywords:"qr code size, qr code print size, qr code dimensions, qr code calculator, scan distance",ogType:"website"}]}class $e extends re{constructor(t){super(),ne(this,t,we,ye,oe,{})}}export{$e as component};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.