⚠️ コントラスト不足に注意
バーコードスキャナーは、バー(黒)とスペース(白)の反射率の違い(コントラスト比)を利用して読み取ります。背景を透過させて暗い地色(濃い青や茶色など)の上に配置してしまうと、バーと背景の区別がつかず読み取り不可となります。透過させる場合は、必ず「明るい地色(白、パステルカラー、薄い黄色など)」の上に配置してください。
バーコードをIllustratorなどのデザインソフトで配置する際、白い背景(白ベタ)が邪魔になることはありませんか?このページでは、アルファチャンネルを持ったバーコード背景透過の画像を作成するメリットと、印刷時の注意点を解説します。
通常のバーコード作成ソフトでは、デフォルトで「白背景に黒いバー」の画像が生成されます。しかし、以下のようなケースでは背景透過(透明)のデータが非常に便利です。
背景を透過させることでデザイン性は上がりますが、バーコードリーダーの読み取りエラーを引き起こすリスクがあるため、以下のルール(セマンティックなデザイン規格)を必ず守る必要があります。
バーコードスキャナーは、バー(黒)とスペース(白)の反射率の違い(コントラスト比)を利用して読み取ります。背景を透過させて暗い地色(濃い青や茶色など)の上に配置してしまうと、バーと背景の区別がつかず読み取り不可となります。透過させる場合は、必ず「明るい地色(白、パステルカラー、薄い黄色など)」の上に配置してください。
バーコードの左右には「クワイエットゾーン」と呼ばれる必須の余白(通常はモジュール幅の10倍以上)が必要です。背景透過画像を配置する際、バーのすぐ隣に文字やイラストを置かないよう十分なマージンを取ってください。
当サイトのジェネレーターを使えば、Photoshop等で面倒な「白背景を切り抜く」作業をすることなく、最初から背景が透明な画像を生成できます。
※ 高画質な印刷用データ(ベクター素材)が必要な場合は、画質が劣化しないSVG形式でのダウンロードを強く推奨します。