バーコードジェネレーター — ブラウザで CODE128 と EAN バーコードを作成
テキストや数字から CODE128、EAN-13、UPC-A のバーコードを生成。PNG または SVG でダウンロード、すべてブラウザ内で完結。アップロードなし、制限なし。
Barcode Generator
Generate barcodes from text. Supports CODE128, EAN13 and more. Works entirely in your browser.
バーコードは一見シンプルですし、実際にシンプルです — 数字や文字列をエンコードした黒いバーと白いスペースの積み重ね — しかし、そのシンプルさの裏には数十年にわたる標準化の努力が隠されています。バーそのものが一種のフォントであり、各文字は 1〜4 単位の幅を持つバーとスペースのパターンとしてエンコードされ、末尾のチェックサムディジットが読み取りエラーを捕捉します。このツールが生成する 3 つのフォーマットは、実際に現場で遭遇するものです。物流向けの CODE128、北米以外で小売される製品向けの EAN-13、米国とカナダで小売される製品向けの UPC-A。間違ったフォーマットを選ぶことが最もよくあるミスです — 小売棚に CODE128 ラベルを貼ってもレジでスキャンできず、出荷伝票に EAN-13 ラベルを貼ると倉庫のスキャナが混乱します。
スキャン可能なバーコードを生成する上で自明でない点は、クワイエットゾーンです。すべてのバーコードには左右に余白が必要です — 通常、最も狭いバー幅の少なくとも 10 倍 — そしてこの余白はフォーマットの一部であり、オプションの余白ではありません。クワイエットゾーンのないバーコードは画面では問題なく見えても、スキャンに失敗します。ジェネレーターはクワイエットゾーンを正しく描画しますが、周囲のホワイトスペースを取り除くために出力をトリミングすると、スキャナはそれを拒否します。コントラストにも同じルールが適用されます。クリーム色の上のグレーではなく、明るい白の上に深い黒で印刷してください。
最終的なハンドオフについて:宛先が製品や出荷箱に貼る印刷ラベルであれば、SVG をエクスポートして出荷予定のサイズで印刷してください — 画面で 200% ズームでは問題なく見えるバーコードも、バー幅が 0.25 mm を下回る場合、実寸では失敗する可能性があります。宛先がスライドデッキや Web ページであれば、2x 解像度の PNG が適切な選択です。2D コード(URL、Wi-Fi 認証情報、連絡先カード)が必要な場合は、QR コードジェネレーターに切り替えてください — 2 つのフォーマットは異なる問題を解決します。
使い方
バーコードフォーマットを選ぶ
任意のテキストには CODE128(最も柔軟)、小売製品には EAN-13(13 桁)、北米製品には UPC-A(12 桁)を選びます。フォーマットによって有効な入力が決まります。
エンコードする値を入力する
データを入力または貼り付けます。CODE128 は英数字と記号を受け付けます。EAN-13 と UPC-A は固定長の数字列が必要で、ツールが検証して長さが間違っていればエラーを表示します。
PNG または SVG としてダウンロードする
ドキュメントやスライドへの埋め込みには PNG が適切です。印刷には SVG が適切です。任意のサイズにシャープさを保ったまま拡大できるためです。
よくある質問
小売製品にはどのフォーマットを選べばよいですか?
北米以外で販売される製品には EAN-13(13 桁)。米国とカナダで販売される製品には UPC-A(12 桁)。CODE128 は物流用フォーマットであり小売用ではないため、ほとんどの POS スキャナでは読み取れません。
CODE128 バーコードに英字をエンコードできますか?
はい — CODE128 は完全な ASCII 印字可能文字セット(大文字、小文字、数字、記号)をサポートします。最も柔軟な 1D バーコードフォーマットであり、出荷ラベル、在庫タグ、資産追跡に適した選択肢です。
印刷すると出力がぼやけるのはなぜですか?
ラスターではなくベクター SVG を印刷してください。バーコードは確実にスキャンするためにシャープなエッジが必要です。ラスター化するとバーがぼやけ、スキャナが失敗します。SVG はどの DPI でも品質を損ないません。
印刷されたバーコードの最小幅はどのくらいですか?
標準的な EAN/UPC では少なくとも 1.5 インチ(38 mm)の幅を確保してください。これより小さいとほとんどのスマホスキャナが苦労します。クワイエットゾーン(両側の余白)は、最も狭いバー幅の少なくとも 10 倍必要です。
ジェネレーターはバーコードの下に可読な数字を追加しますか?
はい — 値はバーの下に小さな等幅フォントで表示されます。ラベルにすでに値が別途印刷されている場合や、より高密度なバーパターンを望む場合は、オプションでオフにできます。
制限事項
- 1D バーコードのみこのツールは 1D バーコード(CODE128、EAN-13、UPC-A)を生成します。QRコードと Data Matrix は 2D フォーマットのため別のジェネレーターが必要です — それらには QR コードジェネレーターをお試しください。
- バッチ生成は非対応一度に 1 つのバーコードのみ。シーケンス(千個の在庫タグなど)が必要な場合は、API を使用するか、基盤となる jsbarcode ライブラリをローカルスクリプトで実行してください — JS パッケージは配列を受け取り、ループで PNG を書き出せます。
- スキャナ検証は非対応ジェネレーターは印刷されたバーコードがスキャン可能かどうかを検証できません。10,000 枚のラベルを印刷する前に、必ず実際のスマホスキャナでテストしてください — クワイエットゾーン違反や低コントラストのインクがエンコードを無効にする可能性があります。
プラットフォーム別の注意点
- macOS
- 生成された SVG は Preview で開き、任意のサイズで印刷できます。Keynote のスライドに埋め込むには、PNG をスライドに直接ドラッグしてください。macOS の内蔵カメラはバーコードをスキャンできないため、スマホのスキャナアプリを使用してください。
- Windows
- Edge、Chrome、Firefox いずれも SVG 出力をレンダリングします。Snipping Tool はバーコードをスキャンできないため、スマホのスキャナアプリまたは専用の USB スキャナで検証してください。
- Linux
- LibreOffice Draw と Inkscape の両方が SVG 出力を開けます。コマンドラインでのバッチ生成には、基盤となる同じ jsbarcode ライブラリのコードパスを使用します。npm でインストールし、CSV をループに流し込んでください。
- iOS
- iOS Shortcuts の「画像からバーコードを取得」アクションでバーコード値を読み取れます。生成された PNG は Numbers、Pages、Keynote のスライドにきれいにインポートでき、ラベル印刷ワークフローで活用できます。
- Android
- Android のカメラと Google Lens はどちらも 1D と 2D のバーコードを確実にスキャンします。生成された SVG は、ベクター形式に対応する最新の Android 印刷サービスから印刷できます。