ピクセルアート図案メーカー
写真やイラストから、ビーズ・クロスステッチ用の番号付き図案を作成します
PNG・JPEG・WebP / 8MiB以下、1,600万画素以下、縦横8,192px以下。アニメーション画像には対応していません。
画像はブラウザ内だけで処理します。サーバーへの送信はありません。
オリジナルのハート（サンプル）
最長辺のマス数: 16
最大色数
8
透明部分の背景色
白
透明・半透明の部分は選択した背景色に合成します。背景も1マスとして色別の個数に含みます。
図案プレビュー
16 × 16 マス・3 色・合計 256 マス
保存・印刷には色の凡例とマス数が付きます。全体表示で番号が小さいときは「拡大して表示」を選び、図案を横にスクロールできます。
色番号とマス数
| 番号 | 色（HEX） | マス数 |
|---|---|---|
| 1 | #ffffff | 174 |
| 2 | #d3304e | 76 |
| 3 | #ffa0a8 | 6 |
| 合計 | 256 | |
このツールでできること
写真やイラストを、アイロンビーズやクロスステッチの下絵に使えるマス目の図案に変換する無料ツールです。マス数と最大色数を調整すると、各マスの番号、色のHEX値、色ごとの必要マス数が表示されます。自分で描いたイラストや模様を試作し、凡例を付けて保存・印刷できます。
主な利用例
- 自分で描いたイラストからアイロンビーズの配置図を作る
- クロスステッチのモチーフを少ない色に整理する
- 色ごとのマス数を確認して材料の分量を見積もる
- ゲーム風の小さなピクセルアートを紙に印刷する
使い方
- PNG・JPEG・WebPの画像を選ぶか、ハートのサンプルを表示します。
- 最長辺のマス数、最大色数、透明部分に使う背景色を調整します。
- 色番号と色別のマス数を確認します。細かい図案は拡大表示で横にスクロールできます。
- 番号とグリッドの表示を選び、凡例付きPNG・SVGを保存するか印刷します。
入力・出力例
入力: ハートのサンプル、最長辺16マス、最大8色、白い背景
出力: 16×16の256マスの図案になります。白・赤・薄い赤の3色を番号で区別し、それぞれのマス数を凡例に表示します。
利用時の注意点
- 最長辺は8〜64マス、最大色数は2〜16色です。画像の縦横比を保つため、短辺のマス数は自動で決まります。元画像に含まれる色が少なければ指定色数より少なくなります。
- 透明・半透明の部分は選択した背景色に合成します。背景も集計するため、背景に材料を置かない場合は該当する個数を除いてください。
- 色番号は図案内の識別用です。DMCなどの刺しゅう糸・ビーズのメーカー番号への変換や、実物との色一致は保証しません。
- 8MiB以下、1,600万画素以下、縦横8,192px以下の静止画に対応します。アニメーションPNG・WebPには対応していません。
- 縮小と減色により細い線や小さな文字が失われることがあります。入力画像はブラウザ内で処理され、サーバーへ送信されません。
よくある質問
- ビーズや刺しゅう糸のメーカー色番号は分かりますか？
- メーカー色番号には対応していません。表示する番号はこの図案だけの連番で、色は画像から作ったHEX値です。手持ちの材料や色見本と照らし合わせて選んでください。
- 背景を作らない場合、どの個数を使えばよいですか？
- 全マスの個数には背景も含まれます。背景色の番号を図案で確認し、背景に当たるマスを材料の見積もりから除いてください。同じ色がモチーフにも使われている場合は、その部分を区別して数えてください。
- 印刷しても色の意味を確認できますか？
- はい。PNG・SVG保存と印刷には、色番号・HEX値・マス数の凡例が付きます。大きな図案は用紙に合わせて縮小されるため、必要に応じて保存したSVGを拡大して印刷してください。