5 sätt att skapa streckkoder

Skapa streckkod med verktyg online
Gör en egen webbsida som kan skapa streckkoder
Skapa streckkoder automatiskt när dina dokument eller etiketter skrivs ut
Skapa ett streckkods-Api med javascript
Installera en streckkodsfont

1. Skapa streckkoder med verktyg online

Det finns en mängd olika tjänster på nätet för att skapa streckkoder helt gratis och spara ner dem som en bildfil. Man kan sedan använda dem för att ha i dokument, e-postutskick osv. men kanske inte lämpar sig att använda den typen av tjänst om man skall skriva ut olika streckkoder varje gång.

Klicka på denna länken: http://bwip-js.metafloor.com/demo/demo.html
(Länken går till en sida utanför grafokett.se och är endast till för test & demonstration. Demo-sidan använder samma komponent i grunden som vårt exempel nedan)

Ytterligare en tjänst som kan skapa streckkoder gratis: https://www.barcodefactory.com/code128-barcode-generator

2. Gör en egen webbsida som kan skapa streckkoder

Skapa en enkel generator med html och JSbarcode

Copy to Clipboard

<!DOCTYPE html>
<html>
<head>
  <title>Code128 Barcode Generator</title>
  <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.grafokett.se/wp-content/cache/min/1/jsbarcode/3.3.20/JsBarcode.all.min.js?ver=1725286445"></script>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">#menu-wrap a.trigger,#menu-wrap a.trigger:hover,#menu-wrap a.trigger:visited{--wpr-bg-b4614b96-00f3-4128-b6bb-f5b6fdc555f4: url('https://www.grafokett.se/wp-content/plugins/wpml-cms-nav/res/img/cms-nav-dark-s.gif');}.sib-country-block .sib-toggle .sib-cflags{--wpr-bg-083f8367-8779-4b33-985f-3b5cf3b9d3fd: url('https://www.grafokett.se/wp-content/plugins/mailin/img/flags/fr.png');}.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag{--wpr-bg-406c6f72-e179-45ce-a429-e49ef055a13d: url('https://www.grafokett.se/wp-content/plugins/mailin/img/flags/ad.png');}.ilightbox-loader.metro-white div{--wpr-bg-6a6148a0-d948-4869-ac09-2d8b3da94278: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/preloader.gif');}.ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption{--wpr-bg-03b97ef9-da1d-4fd4-8b3a-4852ffb1cc82: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/caption-bg.png');}.ilightbox-holder.metro-white .ilightbox-container .ilightbox-social{--wpr-bg-48ea65ea-af81-421b-a501-f044bb2acb33: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/social-bg.png');}.ilightbox-holder.metro-white .ilightbox-alert{--wpr-bg-8b14a8aa-6b0e-4083-b74c-b332e8820352: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/alert.png');}.ilightbox-toolbar.metro-white a{--wpr-bg-f8d1f10d-4f16-4985-bc91-a1af191c1e22: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/buttons.png');}.ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video{--wpr-bg-db91b84a-95af-4fad-9395-0e057d2a920a: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/thumb-overlay-play.png');}.ilightbox-button.ilightbox-next-button.metro-white,.ilightbox-button.ilightbox-prev-button.metro-white{--wpr-bg-aeb57968-a7ab-437a-9da0-1c93a732a5a9: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrows_vertical.png');}.fusion-audio.fusion-audio.dark-controls .mejs-button>button{--wpr-bg-8f77a9ad-cc2b-4163-b8d8-55feb39d5dec: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/mejs-controls-dark.svg');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen{--wpr-bg-c8d161d7-189d-4663-9cc2-6f8e74c8301d: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/fullscreen-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover{--wpr-bg-9bfdc72b-044d-480f-8b2e-262d29405f27: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/fullscreen-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-close{--wpr-bg-0e67005d-f550-4043-a05e-3c8b2d0e8a76: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/x-mark-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover{--wpr-bg-5b87348a-dd1e-4a8b-a26c-e153c3e82976: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/x-mark-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button{--wpr-bg-152f6257-3ee8-4e55-99ec-388bbc6267b8: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-next-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover{--wpr-bg-6824fd6b-f494-44ba-9cfb-cf6253139af3: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-next-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled{--wpr-bg-93fd8638-a632-45bc-a688-d0128dab54bc: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-next-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button{--wpr-bg-e663c79f-0f4f-4698-b946-7eb8c301eed9: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-prev-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover{--wpr-bg-27a04332-9d6c-4710-9c5d-9d59757ff3ef: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-prev-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled{--wpr-bg-f4183046-4396-4c1b-9738-5d89581e4607: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-prev-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-play{--wpr-bg-1a0eab89-f0b5-4b73-85b0-df282efded4d: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/play-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover{--wpr-bg-b8976663-e90c-46c1-a1dd-84ab42ab8515: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/play-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause{--wpr-bg-0563ccf8-3209-4e32-b279-09b8f3d17297: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/pause-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover{--wpr-bg-60fd169c-75dd-4a25-8455-5e60482ad085: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/pause-hover-icon-64.png');}.ilightbox-button.ilightbox-next-button.metro-white.horizontal,.ilightbox-button.ilightbox-prev-button.metro-white.horizontal{--wpr-bg-4dcdf2bb-d546-44ea-9c9c-1e94bc1837b4: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrows_horizontal.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":"#menu-wrap a.trigger","style":"#menu-wrap a.trigger,#menu-wrap a.trigger:hover,#menu-wrap a.trigger:visited{--wpr-bg-b4614b96-00f3-4128-b6bb-f5b6fdc555f4: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/wpml-cms-nav\/res\/img\/cms-nav-dark-s.gif');}","hash":"b4614b96-00f3-4128-b6bb-f5b6fdc555f4","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/wpml-cms-nav\/res\/img\/cms-nav-dark-s.gif"},{"selector":".sib-country-block .sib-toggle .sib-cflags","style":".sib-country-block .sib-toggle .sib-cflags{--wpr-bg-083f8367-8779-4b33-985f-3b5cf3b9d3fd: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/mailin\/img\/flags\/fr.png');}","hash":"083f8367-8779-4b33-985f-3b5cf3b9d3fd","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/mailin\/img\/flags\/fr.png"},{"selector":".sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag","style":".sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag{--wpr-bg-406c6f72-e179-45ce-a429-e49ef055a13d: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/mailin\/img\/flags\/ad.png');}","hash":"406c6f72-e179-45ce-a429-e49ef055a13d","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/mailin\/img\/flags\/ad.png"},{"selector":".ilightbox-loader.metro-white div","style":".ilightbox-loader.metro-white div{--wpr-bg-6a6148a0-d948-4869-ac09-2d8b3da94278: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/preloader.gif');}","hash":"6a6148a0-d948-4869-ac09-2d8b3da94278","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/preloader.gif"},{"selector":".ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption","style":".ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption{--wpr-bg-03b97ef9-da1d-4fd4-8b3a-4852ffb1cc82: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/caption-bg.png');}","hash":"03b97ef9-da1d-4fd4-8b3a-4852ffb1cc82","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/caption-bg.png"},{"selector":".ilightbox-holder.metro-white .ilightbox-container .ilightbox-social","style":".ilightbox-holder.metro-white .ilightbox-container .ilightbox-social{--wpr-bg-48ea65ea-af81-421b-a501-f044bb2acb33: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/social-bg.png');}","hash":"48ea65ea-af81-421b-a501-f044bb2acb33","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/social-bg.png"},{"selector":".ilightbox-holder.metro-white .ilightbox-alert","style":".ilightbox-holder.metro-white .ilightbox-alert{--wpr-bg-8b14a8aa-6b0e-4083-b74c-b332e8820352: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/alert.png');}","hash":"8b14a8aa-6b0e-4083-b74c-b332e8820352","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/alert.png"},{"selector":".ilightbox-toolbar.metro-white a","style":".ilightbox-toolbar.metro-white a{--wpr-bg-f8d1f10d-4f16-4985-bc91-a1af191c1e22: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/buttons.png');}","hash":"f8d1f10d-4f16-4985-bc91-a1af191c1e22","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/buttons.png"},{"selector":".ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video","style":".ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video{--wpr-bg-db91b84a-95af-4fad-9395-0e057d2a920a: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/thumb-overlay-play.png');}","hash":"db91b84a-95af-4fad-9395-0e057d2a920a","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/thumb-overlay-play.png"},{"selector":".ilightbox-button.ilightbox-next-button.metro-white,.ilightbox-button.ilightbox-prev-button.metro-white","style":".ilightbox-button.ilightbox-next-button.metro-white,.ilightbox-button.ilightbox-prev-button.metro-white{--wpr-bg-aeb57968-a7ab-437a-9da0-1c93a732a5a9: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrows_vertical.png');}","hash":"aeb57968-a7ab-437a-9da0-1c93a732a5a9","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrows_vertical.png"},{"selector":".fusion-audio.fusion-audio.dark-controls .mejs-button>button","style":".fusion-audio.fusion-audio.dark-controls .mejs-button>button{--wpr-bg-8f77a9ad-cc2b-4163-b8d8-55feb39d5dec: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/mejs-controls-dark.svg');}","hash":"8f77a9ad-cc2b-4163-b8d8-55feb39d5dec","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/mejs-controls-dark.svg"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen{--wpr-bg-c8d161d7-189d-4663-9cc2-6f8e74c8301d: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/fullscreen-icon-64.png');}","hash":"c8d161d7-189d-4663-9cc2-6f8e74c8301d","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/fullscreen-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover{--wpr-bg-9bfdc72b-044d-480f-8b2e-262d29405f27: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/fullscreen-hover-icon-64.png');}","hash":"9bfdc72b-044d-480f-8b2e-262d29405f27","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/fullscreen-hover-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-close","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-close{--wpr-bg-0e67005d-f550-4043-a05e-3c8b2d0e8a76: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/x-mark-icon-64.png');}","hash":"0e67005d-f550-4043-a05e-3c8b2d0e8a76","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/x-mark-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-close","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover{--wpr-bg-5b87348a-dd1e-4a8b-a26c-e153c3e82976: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/x-mark-hover-icon-64.png');}","hash":"5b87348a-dd1e-4a8b-a26c-e153c3e82976","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/x-mark-hover-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button{--wpr-bg-152f6257-3ee8-4e55-99ec-388bbc6267b8: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-next-icon-64.png');}","hash":"152f6257-3ee8-4e55-99ec-388bbc6267b8","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-next-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover{--wpr-bg-6824fd6b-f494-44ba-9cfb-cf6253139af3: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-next-hover-icon-64.png');}","hash":"6824fd6b-f494-44ba-9cfb-cf6253139af3","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-next-hover-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled{--wpr-bg-93fd8638-a632-45bc-a688-d0128dab54bc: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-next-icon-64.png');}","hash":"93fd8638-a632-45bc-a688-d0128dab54bc","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-next-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button{--wpr-bg-e663c79f-0f4f-4698-b946-7eb8c301eed9: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-prev-icon-64.png');}","hash":"e663c79f-0f4f-4698-b946-7eb8c301eed9","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-prev-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover{--wpr-bg-27a04332-9d6c-4710-9c5d-9d59757ff3ef: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-prev-hover-icon-64.png');}","hash":"27a04332-9d6c-4710-9c5d-9d59757ff3ef","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-prev-hover-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled{--wpr-bg-f4183046-4396-4c1b-9738-5d89581e4607: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-prev-icon-64.png');}","hash":"f4183046-4396-4c1b-9738-5d89581e4607","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrow-prev-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-play","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-play{--wpr-bg-1a0eab89-f0b5-4b73-85b0-df282efded4d: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/play-icon-64.png');}","hash":"1a0eab89-f0b5-4b73-85b0-df282efded4d","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/play-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-play","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover{--wpr-bg-b8976663-e90c-46c1-a1dd-84ab42ab8515: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/play-hover-icon-64.png');}","hash":"b8976663-e90c-46c1-a1dd-84ab42ab8515","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/play-hover-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause{--wpr-bg-0563ccf8-3209-4e32-b279-09b8f3d17297: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/pause-icon-64.png');}","hash":"0563ccf8-3209-4e32-b279-09b8f3d17297","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/pause-icon-64.png"},{"selector":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause","style":".isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover{--wpr-bg-60fd169c-75dd-4a25-8455-5e60482ad085: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/pause-hover-icon-64.png');}","hash":"60fd169c-75dd-4a25-8455-5e60482ad085","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/pause-hover-icon-64.png"},{"selector":".ilightbox-button.ilightbox-next-button.metro-white.horizontal,.ilightbox-button.ilightbox-prev-button.metro-white.horizontal","style":".ilightbox-button.ilightbox-next-button.metro-white.horizontal,.ilightbox-button.ilightbox-prev-button.metro-white.horizontal{--wpr-bg-4dcdf2bb-d546-44ea-9c9c-1e94bc1837b4: url('https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrows_horizontal.png');}","hash":"4dcdf2bb-d546-44ea-9c9c-1e94bc1837b4","url":"https:\/\/www.grafokett.se\/wp-content\/plugins\/fusion-builder\/assets\/images\/iLightbox\/metro-white-skin\/arrows_horizontal.png"}]; const rocket_excluded_pairs = [];</script></head>
<style>
    container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

button {  
        display: flex;
      border-radius: 5px;
      border-color: #ffffff;
      background-color: #f5910a;
      padding: 20px;
      width: 200px;
      color: #ffffff;
      text-align: center;
    }
  </style>
<body>
  <button onclick="generateBarcode()">Generera streckkod</button>
    
  <svg id="code128"></svg>
  
  <script type="rocketlazyloadscript">
    function generateBarcode() {
      var barcodeContainer = document.getElementById('code128');
      barcodeContainer.innerHTML = '';

JsBarcode("#code128", "123456789", {
        format: "code128",
        displayValue: true
      });
    }
    
  </script>
</body>
</html>

Väljer du JSBarcode kommer du snabbt igång med att skapa streckkoder men du är begränsad till att skapa 1D-koder. Kodtyperna Code128, EAN13, EAN8, EAN5, EAN2, UPC(A), UPC(E),Code39,ITF, ITF-14, MSI10, MSI11, MSI1010, MSI1110, Pharmacode och Codabar

Testa den här

Vi har skapat en enkel generator som skapar streckkoder i Code128-format som genererar en bild i svg.

Code128 Barcode Generator

#menu-wrap a.trigger,#menu-wrap a.trigger:hover,#menu-wrap a.trigger:visited{--wpr-bg-b4614b96-00f3-4128-b6bb-f5b6fdc555f4: url('https://www.grafokett.se/wp-content/plugins/wpml-cms-nav/res/img/cms-nav-dark-s.gif');}.sib-country-block .sib-toggle .sib-cflags{--wpr-bg-083f8367-8779-4b33-985f-3b5cf3b9d3fd: url('https://www.grafokett.se/wp-content/plugins/mailin/img/flags/fr.png');}.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag{--wpr-bg-406c6f72-e179-45ce-a429-e49ef055a13d: url('https://www.grafokett.se/wp-content/plugins/mailin/img/flags/ad.png');}.ilightbox-loader.metro-white div{--wpr-bg-6a6148a0-d948-4869-ac09-2d8b3da94278: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/preloader.gif');}.ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption{--wpr-bg-03b97ef9-da1d-4fd4-8b3a-4852ffb1cc82: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/caption-bg.png');}.ilightbox-holder.metro-white .ilightbox-container .ilightbox-social{--wpr-bg-48ea65ea-af81-421b-a501-f044bb2acb33: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/social-bg.png');}.ilightbox-holder.metro-white .ilightbox-alert{--wpr-bg-8b14a8aa-6b0e-4083-b74c-b332e8820352: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/alert.png');}.ilightbox-toolbar.metro-white a{--wpr-bg-f8d1f10d-4f16-4985-bc91-a1af191c1e22: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/buttons.png');}.ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video{--wpr-bg-db91b84a-95af-4fad-9395-0e057d2a920a: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/thumb-overlay-play.png');}.ilightbox-button.ilightbox-next-button.metro-white,.ilightbox-button.ilightbox-prev-button.metro-white{--wpr-bg-aeb57968-a7ab-437a-9da0-1c93a732a5a9: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrows_vertical.png');}.fusion-audio.fusion-audio.dark-controls .mejs-button>button{--wpr-bg-8f77a9ad-cc2b-4163-b8d8-55feb39d5dec: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/mejs-controls-dark.svg');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen{--wpr-bg-c8d161d7-189d-4663-9cc2-6f8e74c8301d: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/fullscreen-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover{--wpr-bg-9bfdc72b-044d-480f-8b2e-262d29405f27: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/fullscreen-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-close{--wpr-bg-0e67005d-f550-4043-a05e-3c8b2d0e8a76: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/x-mark-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover{--wpr-bg-5b87348a-dd1e-4a8b-a26c-e153c3e82976: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/x-mark-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button{--wpr-bg-152f6257-3ee8-4e55-99ec-388bbc6267b8: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-next-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover{--wpr-bg-6824fd6b-f494-44ba-9cfb-cf6253139af3: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-next-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled{--wpr-bg-93fd8638-a632-45bc-a688-d0128dab54bc: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-next-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button{--wpr-bg-e663c79f-0f4f-4698-b946-7eb8c301eed9: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-prev-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover{--wpr-bg-27a04332-9d6c-4710-9c5d-9d59757ff3ef: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-prev-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled{--wpr-bg-f4183046-4396-4c1b-9738-5d89581e4607: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrow-prev-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-play{--wpr-bg-1a0eab89-f0b5-4b73-85b0-df282efded4d: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/play-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover{--wpr-bg-b8976663-e90c-46c1-a1dd-84ab42ab8515: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/play-hover-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause{--wpr-bg-0563ccf8-3209-4e32-b279-09b8f3d17297: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/pause-icon-64.png');}.isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover{--wpr-bg-60fd169c-75dd-4a25-8455-5e60482ad085: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/pause-hover-icon-64.png');}.ilightbox-button.ilightbox-next-button.metro-white.horizontal,.ilightbox-button.ilightbox-prev-button.metro-white.horizontal{--wpr-bg-4dcdf2bb-d546-44ea-9c9c-1e94bc1837b4: url('https://www.grafokett.se/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/arrows_horizontal.png');}

Streckkodsdata:

3. Skapa streckkoder automatiskt när dina dokument eller etiketter skrivs ut

En vanlig lösning man använder är att skriva ut etiketter som fästs på produkten, emballage och dokument. Låt ert system skapa streckkoderna per automatik för att alltid ha er variabla data i rätt format utan att manuellt skapa varje streckkod.

Alltid tillgängligt
Skalbart och enkelt
Behöver inte lära dig något om streckkoder
Onboardingen med etikettdesign ingår

Läs mer

Från desktop app till molnet
Flexibelt designverktyg
Vi har kursen för att komma igång
Skapa dina egna etiketter

Läs mer

4. Skapa ett streckkods-Api med javascript

Här är en exempelkod i JavaScript som använder en tredjepartsbibliotek för att generera en Code 128-streckkod och returnera den som en PNG-bild. För att använda den här koden måste du ha installerat bwip-js-biblioteket.

Copy to Clipboard

const bwipjs = require('bwip-js'); // Kräver att bwip-js är installerat

function generateCode128Barcode(text) {
  return new Promise((resolve, reject) => {
    // Konfigurera inställningar för streckkoden
    const opts = {
      bcid: 'code128', // Streckkodstyp
      text, // Texten att koda
      scale: 3, // Skalningsfaktor för streckkoden
      height: 10, // Höjd på streckkoden
      includetext: true, // Inkludera texten under streckkoden
      textxalign: 'center', // Textens horisontella placering
    };

// Generera streckkoden som en PNG-bild
    bwipjs.toBuffer(opts, (err, png) => {
      if (err) {
        reject(err);
      } else {
        resolve(png);
      }
    });
  });
}

// Användningsexempel:
const barcodeText = 'ABC123'; // Texten att koda
generateCode128Barcode(barcodeText)
  .then((png) => {
    // `png` innehåller den genererade PNG-bilden
    // Du kan göra vad du vill med den här, till exempel spara den till en fil
    console.log('Barcode generated successfully!');
  })
  .catch((err) => {
    console.error('Failed to generate barcode:', err);
  });

5. Använd en streckkodsfont

Kanske det billigaste sättet att skapa streckkoder men det finns några saker att ta hänsyn till.

Ett av de 5 sätt att skapa streckkoder som är kanske också det billigaste sättet, men det finns några saker att ta hänsyn till.

Inte alla streckkodstyper finns tillgängliga som font
Ställer krav på att ange rätt data för koden skall bli läsbar
Inget stöd för s.k. quiet zones

Du hittar en gratis font för att skapa code39 att ladda ner från IDAutomation – https://www.idautomation.com/free-barcode-products/code39-font/

Notera! För att skapa en läsbar streckkod med denna font skall man ange ett start-tecken och ett slut-tecken, t.ex. *123456789*.

Relaterade artiklar

Om du gillade denna artikel, titta gärna genom våra andra artiklar nedan:

Gå till arkivet

Gå till startsidan

5 sätt att skapa streckkoder

1. Skapa streckkoder med verktyg online

2. Gör en egen webbsida som kan skapa streckkoder

Skapa en enkel generator med html och JSbarcode

Testa den här

3. Skapa streckkoder automatiskt när dina dokument eller etiketter skrivs ut

4. Skapa ett streckkods-Api med javascript

5. Använd en streckkodsfont

Kanske det billigaste sättet att skapa streckkoder men det finns några saker att ta hänsyn till.

Relaterade artiklar

Hur fungerar streckkoder?

Skapa ett streckkods-api med javascript

Installera Cloudlabel agent

Skapa cloudlabel app som ser ut som dina övriga appar

Vad är Basic UDI?

Jag vill veta mer, kontakta mig så snart som möjligt

Kontakta mig

5 sätt att skapa streckkoder

1. Skapa streckkoder med verktyg online

2. Gör en egen webbsida som kan skapa streckkoder

Skapa en enkel generator med html och JSbarcode

Testa den här

3. Skapa streckkoder automatiskt när dina dokument eller etiketter skrivs ut

4. Skapa ett streckkods-Api med javascript

5. Använd en streckkodsfont

Kanske det billigaste sättet att skapa streckkoder men det finns några saker att ta hänsyn till.

Relaterade artiklar

Related Posts

Hur fungerar streckkoder?

Skapa ett streckkods-api med javascript

Installera Cloudlabel agent

Skapa cloudlabel app som ser ut som dina övriga appar

Vad är Basic UDI?

Jag vill veta mer, kontakta mig så snart som möjligt

Kontakta mig