ステッカー・アクリルグッズガイド

PNG から SVG のカットラインを作る：ステッカーのカットファイルの作り方

SVG で包んだだけの PNG が切れない理由、Inkscape・Illustrator でのトレースとオフセット、SVG カットラインを自動で作る方法です。

最終更新日:

カッティングマシンも印刷所のカット機も、ピクセルをなぞることはできません。必要なのは ベクターのパス、つまりイラストの周りを通る点と曲線でできた線です。このパスがカットラインです。ステッカーで「PNG を SVG に」と言うときは、実際にはこのパスを作ること、たいていはステッカーに白フチが付くようイラストの少し外側に作ることを指します。

SVG に入った PNG はカットラインではない

オンライン変換ツールの多くは、PNG を SVG ファイルで包むだけで「変換」したことにしています。拡張子は .svg でも切るためのパスがないので、カットソフトは画像を無視するか、ファイルを読めません。

確かめるには、SVG をテキストエディタで開きます。長い data:image/png;base64,... の文字列を持つ <image> タグばかりで <path> がなければ、それは包んだだけの PNG で、カットラインではありません。

よいステッカーのカットラインの条件

  • イラストの輪郭に沿い、近くにあるパーツはひとつにつなぐ。
  • イラストの外側に一定の距離（白フチ）を保つ。2mm が一般的な目安です。
  • 曲線がなめらかで、細いすき間に深い切れ込みがない。
  • 印刷サイズに合った実寸（mm やインチ）で作られている。

方法1：Inkscape（無料）

メニュー名はバージョンによって少し違うことがあります。

  1. ファイル → インポート で PNG を読み込みます。
  2. 選択して パス → ビットマップのトレース を開きます。単一スキャンにし、シルエット全体が取れるまでしきい値を調整して適用します。
  3. 外側のシルエットだけを残します。パス → 統合 でパーツをまとめ、切りたくない内側の穴は消します。
  4. パス → パスエフェクト → オフセット でフチを付け、距離を mm で設定します。
  5. パスを塗りなし・細い線にして、プレーン SVG で保存します。

方法2：Adobe Illustrator

  1. PNG を配置し、画像トレース をシルエットのプリセットで実行してから 拡張 を押します。
  2. パスファインダー → 合体 で形をまとめ、内側の穴を消します。
  3. オブジェクト → パス → パスのオフセット を選び、フチの距離を入力し、角の形状をラウンドにします。
  4. オフセットしたパスを塗りなし・細い線にして専用のレイヤーに移し、印刷所やカット機の指示どおりの色や名前（例えば CutContour の特色）にします。
  5. SVG で保存するか、印刷所向けには PDF で保存します。

方法3：MyStickerCut で自動で作る

  1. MyStickerCut に PNG を追加します。単色の背景は自動で消え、1枚の画像に離れたキャラクターがあれば別々のステッカーに分けられます。
  2. カットラインの形（輪郭に沿う、角丸四角形、四角形、円形）、白フチの太さ、実際の出力サイズ を選びます。
  3. 角のなめらかさ で細い切れ込みを埋め、小さな穴を埋める をオンにして小さなすき間が切られないようにします。
  4. ダウンロード を開いて SVG を選んで保存します。シルエットスタジオのベーシック版など DXF が必要なソフトには DXF、印刷所には PDF、家で印刷してクリカットやシルエットで切るなら ステッカーPNG を選びます。

MyStickerCut の SVG の中身:

部分 内容
Artwork グループ 印刷サイズのイラスト（埋め込み PNG）
CutContour グループ カットライン：線だけで塗りのない閉じたパス
RegistrationMarks グループ プリント＆カット用のトンボ（オンにしたときだけ）
サイズ 幅と高さはミリ単位

Cricut Design Space を使う場合 は、SVG に埋め込まれた画像に対応していません。Print Then Cut には MyStickerCut の ステッカーPNG を使ってください。白フチが描かれていて外側が透明なので、Design Space がフチに沿って切ります。切るだけの作品なら DXF（カットラインのみ）を使い、アップロード後にサイズを確認します。全体の流れは クリカットでダイカットステッカーを作る方法 にあります。

きれいなカットラインにするコツ

  • 十分な解像度で始める。 印刷サイズで 300dpi が目安です。5cm のステッカーなら幅 600 ピクセル以上が必要です。
  • ぼかした影や光彩に注意する。 半透明のピクセルはたいていイラストの一部とみなされるので、薄いドロップシャドウがあるとカットラインが大きくなります。MyStickerCut もごく薄いピクセル以外はイラストとして扱うので、フチの内側に入れたくない影は消しておきます。
  • 細いすき間を埋める。 刃が曲がりきれないほど狭い内側の角は、破れたり切れ込みが残ったりします。なめらかにしておきましょう。
  • 文字をフチに近づけない。 カットが少しずれても文字が切れないよう、カットラインの内側に余白を残します。

SVG のカットラインを1分で。 MyStickerCut が輪郭をトレースしてフチを付け、SVG・DXF・入稿用 PDF を書き出します。無料で、PNG がブラウザの外に出ることはありません。

ほかのガイド