{"id":10503,"date":"2026-10-02T23:14:15","date_gmt":"2026-10-02T16:14:15","guid":{"rendered":"https:\/\/xuanthuy.net\/?page_id=10503"},"modified":"2026-10-04T14:22:28","modified_gmt":"2026-10-04T07:22:28","slug":"tao-ma-vach","status":"publish","type":"page","link":"https:\/\/xuanthuy.net\/en\/tao-ma-vach","title":{"rendered":"Create Barcodes Online for Free"},"content":{"rendered":"<div class=\"barcode-studio-root\"><a class=\"skip-link\" href=\"#main-content\">Skip to the main content<\/a>\n<div class=\"app\">\n  <header class=\"topbar\" role=\"banner\" style=\"display:none\">\n    <a class=\"brand\" href=\"https:\/\/xuanthuy.net\/en\/\" aria-label=\"Barcode Studio - Home\">\n      <span class=\"logo\" aria-hidden=\"true\"><span class=\"brand-logo-fallback\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><path d=\"M4 5v14M7 5v14M11 5v14M15 5v14M18 5v14M21 5v14\"\/><\/svg><\/span><\/span>\n      <span class=\"brand-copy\"><strong>Barcode Studio<\/strong><small>Online Barcode Generator<\/small><\/span>\n    <\/a>\n    <div class=\"top-actions\">\n      <button class=\"icon-btn\" id=\"themeBtn\" type=\"button\" title=\"Change the theme\" aria-label=\"Change the theme\">\u263e<\/button>\n    <\/div>\n  <\/header>\n\n  <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav>\n  <main id=\"main-content\" aria-labelledby=\"page-title\">\n    <section class=\"hero\" aria-labelledby=\"page-title\">\n      <div class=\"eyebrow\"><span class=\"dot\"><\/span> Ready to generate code<\/div>\n      <h1 id=\"page-title\">Create barcodes online for free<\/h1>\n      <p>Create barcodes online quickly and for free: enter your data, select a barcode standard, preview instantly, then download as a PNG or SVG file or print directly. No registration or software installation required.<\/p>\n      <nav aria-label=\"Content Navigation\" style=\"display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:12px\">\n        <a href=\"#about-title\">Introduction<\/a>\n        <span aria-hidden=\"true\">\u00b7<\/span>\n        <a href=\"#howto-title\">How to Create a Barcode<\/a>\n        <span aria-hidden=\"true\">\u00b7<\/span>\n        <a href=\"#types-title\">Types of Barcodes<\/a>\n        <span aria-hidden=\"true\">\u00b7<\/span>\n        <a href=\"#faq-title\">Frequently Asked Questions<\/a>\n      <\/nav>\n    <\/section>\n\n  <div id=\"barcode-generator\" class=\"workspace\" aria-label=\"Free Online Barcode Generator\">\n    <section class=\"card controls\" aria-labelledby=\"settings-title\">\n      <div class=\"settings-top\">\n        <div class=\"section-title\">\n          <h2 id=\"settings-title\">Set Up Barcodes<\/h2>\n          <span class=\"kicker\">Control<\/span>\n        <\/div>\n\n        <div class=\"field\" id=\"dataField\">\n        <div class=\"label-row\"><label class=\"label\" for=\"data\">Product Description \/ Product Code<\/label><\/div>\n        <div class=\"input-wrap\">\n          <input id=\"data\" class=\"input big\" autocomplete=\"off\" placeholder=\"Example: 8938505974012\" autofocus aria-describedby=\"dataError\">\n          <span class=\"char-count\" id=\"charCount\">0 characters<\/span>\n        <\/div>\n        <div class=\"error\" id=\"dataError\">The data is invalid for the selected code type.<\/div>\n      <\/div>\n\n        <div class=\"field\" id=\"formatField\">\n          <div class=\"label-row\"><label class=\"label\" for=\"format\">Code Type<\/label><span class=\"hint\" id=\"autoHint\">Self-identification<\/span><\/div>\n        <div class=\"select-wrap\">\n          <select id=\"format\" class=\"select\" data-default-format=\"CODE128\">\n            <option value=\"auto\">\u2728 Self-identification<\/option>\n            <option value=\"CODE128\">CODE 128 \u2014 versatile<\/option>\n            <option value=\"EAN13\">EAN-13 \u2014 retail<\/option>\n            <option value=\"EAN8\">EAN-8 \u2014 Short Retail<\/option>\n            <option value=\"UPC\">UPC \u2014 North America<\/option>\n            <option value=\"CODE39\">CODE 39 \u2014 Industrial<\/option>\n            <option value=\"ITF14\">ITF-14 \u2014 Logistics<\/option>\n            <option value=\"MSI\">MSI \u2014 Warehouse<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"smart-types\" aria-label=\"Common Code Types\">\n          <button class=\"type-chip\" type=\"button\" data-format=\"CODE128\">CODE 128<\/button>\n          <button class=\"type-chip\" type=\"button\" data-format=\"EAN13\">EAN-13<\/button>\n          <button class=\"type-chip\" type=\"button\" data-format=\"UPC\">UPC<\/button>\n        <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"settings-bottom\">\n        <div class=\"field\" id=\"sizeField\">\n          <div class=\"label-row\"><span class=\"label\">Dimensions<\/span><span class=\"hint\">Customize<\/span><\/div>\n        <div class=\"row\">\n          <div class=\"range-block\">\n            <div class=\"label-row\"><span class=\"hint\">Width<\/span><span class=\"range-value\"><span id=\"widthText\">2<\/span> px<\/span><\/div>\n            <input class=\"range\" id=\"width\" type=\"range\" min=\"1\" max=\"5\" step=\".5\" value=\"2\" aria-label=\"Width\">\n          <\/div>\n          <div class=\"range-block\">\n            <div class=\"label-row\"><span class=\"hint\">Height<\/span><span class=\"range-value\"><span id=\"heightText\">100<\/span> px<\/span><\/div>\n            <input class=\"range\" id=\"height\" type=\"range\" min=\"40\" max=\"180\" value=\"100\" aria-label=\"Height\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n        <div class=\"field\" id=\"displayField\">\n          <div class=\"label-row\"><span class=\"label\">Display<\/span><span class=\"hint\">Customize<\/span><\/div>\n        <div class=\"checks\">\n          <label class=\"check\"><input type=\"checkbox\" id=\"textOn\" checked> Display text<\/label>\n          <label class=\"check\"><input type=\"checkbox\" id=\"flat\"> Transparent background<\/label>\n        <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"actions\">\n        <button class=\"btn primary\" id=\"downloadPng\" type=\"button\">\u2193  Download PNG<\/button>\n        <button class=\"btn secondary\" id=\"downloadSvg\" type=\"button\">\u2193 SVG<\/button>\n        <button class=\"btn ghost\" id=\"print\" type=\"button\">\u25a3 Print code<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"card preview\" aria-labelledby=\"preview-title\">\n      <div class=\"preview-head\">\n        <div class=\"preview-title\"><h2 id=\"preview-title\">Preview<\/h2><\/div>\n        <span class=\"live\"><i><\/i> Live<\/span>\n      <\/div>\n      <div class=\"canvas-wrap\" id=\"canvasWrap\">\n        <div class=\"barcode-paper\" id=\"paper\">\n          <div class=\"empty\" id=\"emptyState\">\n            <div class=\"empty-icon\">\u25a5<\/div>\n            <div>Enter data to view the barcode<\/div>\n          <\/div>\n          <svg id=\"barcode\" aria-label=\"Barcode Preview\" style=\"display:none\"><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"meta\">\n        <span id=\"formatMeta\">Waiting for data<\/span>\n        <span class=\"status-pill\" id=\"sizeMeta\">\u2014<\/span>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <section class=\"card history\" id=\"historyBox\" style=\"display:none\" aria-labelledby=\"history-title\">\n    <div class=\"history-head\"><h2 id=\"history-title\">Recent codes<\/h2><button class=\"clear-btn\" id=\"clearHistory\" type=\"button\">Clear History<\/button><\/div>\n    <div class=\"history-list\" id=\"historyList\"><\/div>\n  <\/section>\n\n  <article class=\"card info-card\" aria-labelledby=\"about-title\">\n    <h2 id=\"about-title\">Create barcodes online for free with Barcode Studio<\/h2>\n    <p>Barcode Studio is a tool <strong>Create barcodes online<\/strong> Helps you create barcodes directly in your browser. Simply enter the product code or the data you want to encode, select the appropriate barcode standard, and see the results instantly. You can download the barcode as a PNG or SVG file and print it directly.<\/p>\n\n    <div class=\"info-grid\">\n      <div>\n        <h3>Supported Barcode Types<\/h3>\n        <p><strong>CODE 128<\/strong> suitable for general-purpose data; <strong>EAN-13<\/strong>, <strong>EAN-8<\/strong> and <strong>UPC<\/strong> commonly used in retail; <strong>CODE 39<\/strong> suitable for a wide range of industrial applications; <strong>ITF-14<\/strong> used for logistics; and <strong>MSI<\/strong> inventory management support.<\/p>\n      <\/div>\n      <div>\n        <h3>Create barcodes directly in your browser<\/h3>\n        <p>Tools for real-time preview, data validation, customizing width and height, showing or hiding the text below the code, downloading PNG\/SVG files, and printing. No software installation or account registration required.<\/p>\n      <\/div>\n      <div>\n        <h3>How to Create a Barcode Online<\/h3>\n        <p>Enter data into the content field, select a barcode type or let the tool automatically detect it, then review the preview. Once the barcode is valid, select <strong>Download PNG<\/strong>, <strong>Download SVG<\/strong> or <strong>Print code<\/strong>.<\/p>\n      <\/div>\n      <div>\n        <h3>Choose the Right Barcode Standard<\/h3>\n        <p>If you're not sure which standard to choose, you can use the <strong>Self-identification<\/strong>. Barcode Studio supports many popular formats, so you can choose the one that best suits your data type and needs.<\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"card info-card\" aria-labelledby=\"barcode-definition-title\">\n    <h2 id=\"barcode-definition-title\">What is a barcode?<\/h2>\n    <p>A barcode is a way of representing data using bars and spaces so that a scanner can read it quickly. <strong>Barcode Generator<\/strong> is a tool that generates barcodes from the data string you provide. Depending on your intended use, you can choose from CODE 128, EAN-13, EAN-8, UPC, CODE 39, ITF-14, or MSI.<\/p>\n    <div class=\"info-grid\">\n      <div><h3>Product barcode<\/h3><p>EAN-13, EAN-8, and UPC are commonly found on retail products. For commercial goods, the barcode numbers must comply with the system and requirements of the organization or partner using the codes.<\/p><\/div>\n      <div><h3>Barcodes for Warehousing and Logistics<\/h3><p>CODE 128, CODE 39, and ITF-14 may be suitable for internal codes, inventory management, shipping, or packaging units, depending on the business system.<\/p><\/div>\n      <div><h3>PNG or SVG?<\/h3><p>PNG is convenient for documents and quick to use. SVG is a vector graphics format, ideal for resizing label designs while maintaining sharp lines.<\/p><\/div>\n      <div><h3>Test scanning capability<\/h3><p>After creating the code, test it by scanning a printed copy or the actual display before using it in large quantities. Contrast, size, and the blank space around the code all affect its readability.<\/p><\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"card info-card\" aria-labelledby=\"howto-title\">\n    <h2 id=\"howto-title\">How to Create Barcodes Online for Free<\/h2>\n    <div class=\"info-grid\">\n      <div>\n        <h3>1. Enter data<\/h3>\n        <p>Enter the product code or the data you want to encode into the content field.<\/p>\n      <\/div>\n      <div>\n        <h3>2. Select the code type<\/h3>\n        <p>Select CODE 128, EAN-13, EAN-8, UPC, CODE 39, ITF-14, or MSI. You can also use auto-detection mode.<\/p>\n      <\/div>\n      <div>\n        <h3>3. Preview<\/h3>\n        <p>Barcodes are generated and displayed immediately so you can review them before exporting the file.<\/p>\n      <\/div>\n      <div>\n        <h3>4. Download or print<\/h3>\n        <p>Select PNG, SVG, or \"Generate Code\" to use the results as needed.<\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"card info-card\" aria-labelledby=\"types-title\">\n    <h2 id=\"types-title\">Common Types of Barcodes and When to Use Them<\/h2>\n    <p>Choosing the right barcode standard ensures that the data is suitable for its intended use. Barcode Studio supports common 1D barcode formats right in your browser.<\/p>\n    <div class=\"info-grid\">\n      <div>\n        <h3>EAN-13 and EAN-8<\/h3>\n        <p><strong>EAN-13<\/strong> commonly used for retail goods; <strong>EAN-8<\/strong> Suitable for products with small label areas. When using this for commercial products, use the codes assigned by the GS1 system instead of creating your own codes.<\/p>\n      <\/div>\n      <div>\n        <h3>CODE 128<\/h3>\n        <p><strong>CODE 128<\/strong> Suitable for a wide range of data applications, such as internal codes, inventory management, shipping documents, and logistics. This is a flexible option when you need to encode character strings.<\/p>\n      <\/div>\n      <div>\n        <h3>UPC<\/h3>\n        <p><strong>UPC<\/strong> Most commonly used in the U.S. and Canada. If a system or partner requires a UPC, select the correct standard rather than converting it arbitrarily.<\/p>\n      <\/div>\n      <div>\n        <h3>CODE 39 and ITF-14<\/h3>\n        <p><strong>CODE 39<\/strong> commonly found in industrial applications; <strong>ITF-14<\/strong> Suitable for cargo container identification, logistics, and packaging operations.<\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"card info-card\" aria-labelledby=\"guide-title\">\n    <h2 id=\"guide-title\">Guide to Creating Barcodes Online and Printing Them Correctly<\/h2>\n    <div class=\"info-grid\">\n      <div>\n        <h3>1. Enter the data correctly<\/h3>\n        <p>Enter a number or a string of characters into the content field. For standards with length requirements, such as EAN, UPC, or ITF-14, check the data before batch printing.<\/p>\n      <\/div>\n      <div>\n        <h3>2. Select a barcode standard<\/h3>\n        <p>Select EAN-13, EAN-8, UPC, Code 128, Code 39, or ITF-14 based on your intended use. If you're unsure, see the guide on selecting a standard on this page.<\/p>\n      <\/div>\n      <div>\n        <h3>3. Prioritize SVG when printing<\/h3>\n        <p>SVG is a vector format, so it\u2019s suitable for incorporating barcodes into label designs of various sizes. PNG is convenient for documents and general-purpose use.<\/p>\n      <\/div>\n      <div>\n        <h3>4. Check before printing in large quantities<\/h3>\n        <p>Always test-scan the actual print before printing in bulk. Make sure the bars are clear, the background has sufficient contrast, and there are no white spaces cut off on either side of the code.<\/p>\n      <\/div>\n    <\/div>\n    <p><strong>Note:<\/strong> A barcode generator does not guarantee that certain product codes will become valid or unique GS1 codes. If a product needs to be included in an official retail system, use the code assigned to your business as required by that system.<\/p>\n  <\/article>\n\n  <section class=\"card faq\" aria-labelledby=\"faq-title\">\n    <h2 id=\"faq-title\">Frequently Asked Questions About Barcodes<\/h2>\n    <details><summary>Is it possible to create barcodes online for free?<\/summary><p>Yes. Barcode Studio lets you create barcodes directly in your browser without having to sign up for an account.<\/p><\/details>\n    <details><summary>Which type of barcode should you choose?<\/summary><p>CODE 128 is suitable for general-purpose data; EAN-13, EAN-8, and UPC are commonly used in retail; ITF-14 is suitable for logistics; CODE 39 is suitable for many industrial applications.<\/p><\/details>\n    <details><summary>Can I download the barcode as a PNG or SVG?<\/summary><p>Yes. You can export the barcode as a PNG or SVG file, or print it directly.<\/p><\/details>\n    <details><summary>Is the barcode data sent to the server?<\/summary><p>Barcodes are generated in your browser. The data you enter does not need to be sent to the server to generate the barcode.<\/p><\/details>\n  <\/section>\n  <\/main>\n<\/div>\n<footer class=\"site-footer\" aria-label=\"Barcode Studio Information\" style=\"display:none\">\n  <p>Barcode Studio \u2014 a free online barcode generator.<\/p>\n  <nav class=\"footer-nav\" aria-label=\"Quick Links\"><a href=\"https:\/\/xuanthuy.net\/en\/\">Home<\/a><a href=\"#barcode-generator\">Code Generator<\/a><a href=\"#types-title\">Types of Barcodes<\/a><a href=\"#guide-title\">Instructions<\/a><a href=\"#faq-title\">FAQ<\/a><\/nav>\n<\/footer>\n\n<div class=\"mobile-download\" aria-label=\"Fast download on mobile\">\n  <button class=\"btn primary\" id=\"mobileDownload\" type=\"button\">\u2193  Download PNG<\/button>\n<\/div>\n<div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/no-wrapper.php","meta":{"footnotes":""},"class_list":["post-10503","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/pages\/10503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/comments?post=10503"}],"version-history":[{"count":3,"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/pages\/10503\/revisions"}],"predecessor-version":[{"id":10614,"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/pages\/10503\/revisions\/10614"}],"wp:attachment":[{"href":"https:\/\/xuanthuy.net\/en\/wp-json\/wp\/v2\/media?parent=10503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}