ARTWORK PREPARATION
画像からSVGを作る方法
PNG・JPGで検査に通らなかったときは、図柄の線や文字を直してからSVGで再提出してください。白地に黒い図柄の画像なら、無料のInkscapeで輪郭をたどって編集できます。
先に確認:画像をSVG形式で保存するだけでは、細い線や小さな文字は太くなりません。画像を貼り込んだだけのSVGも、このサイトでは使用できません。図柄を実際の線・面に変換して修正します。
Inkscapeで作る手順
- Inkscape公式サイト ↗からアプリを用意し、ファイル → インポートで元のPNG・JPGを開きます。元の編集用SVGがある場合は、変換せずそのファイルを開きます。
- 取り込んだ画像を選び、パス → ビットマップのトレースを開きます。白地に黒い図柄なら、単一スキャンの明るさを境目にする設定から始め、プレビューを見て実行します。
- 作成された図形は元画像と重なっています。図形を少し動かして確認し、元の画像を削除してから図形を戻します。白い背景の四角形も残さないでください。
- 細い輪郭・下線・文字を太くし、小さな点や細かい装飾を整理します。小さな文字は自動トレースのまま使わず、読みやすい太い文字として作り直す方が確実です。文字を作り直したら選択し、パス → オブジェクトをパスへで図形化します。
- 黒い図柄だけを残し、プレーンSVGで保存します。保存後、このサイトの「図柄のSVG・画像」から選び直し、画面の造形判定を確認します。
メニュー名はアプリの言語設定で異なります。Inkscapeの画像トレース手順 ↗も参照できます。
このタグに必要な図柄の条件
このサイトは図柄を40 mmタグ上に配置し、参照モデルの安全域と暫定的な造形基準を確認します。SVG内の数値より、サイトに配置した後の寸法を見てください。
図柄の外接範囲:最大35 mmストラップ穴や端との干渉があれば、さらに小さくします。
線・文字の太さ:1.0 mm以上小さな副文や細い円周線、下線にも適用します。
図柄の隙間:0.75 mm以上文字の内側の穴や、近い線どうしを確認します。
離れた部分:1 mm²以上小さな点・文字の一部は欠落しやすいため確認します。
これらは0.4 mmノズルを想定した事前判定です。サイトで通過しても、文字の読め方や強度はスライス画面と現物試作で確認します。
再提出で止まったとき
- 「文字・画像を含むSVG」:文字はパスに変換し、元のPNG・JPGをSVG内から削除します。
- 「細い線」:元の図柄で線・文字を太くします。濃淡の設定だけで通すことは避けてください。
- 「小さな離れた図柄」:点や小文字を大きくするか、必要性を見直します。
- 「隙間が狭い」:文字の穴や、隣り合う線の間を広げます。
- 「安全域からはみ出す」:図柄の大きさ・位置を調整します。背景に広い余白があれば原稿側でも整理します。
- 「特殊な表示指定」:フィルター、クリップ、マスク、外部参照を使わない単色の基本図形に整理します。ファイルは2 MB以下にしてください。