登録不要・インストール不要・完全ブラウザ内処理

写真をドット絵・ビーズ設計図に変換「ドット絵工房」

画像をアップロードするだけで、レトロなドット絵に変換。番号付きビーズ設計図(ビーズ図案)・材料リストCSV・PDF出力にも対応しています。画像は外部に送信しません。

「写真をドット絵にしたい」
「ビーズ設計図を手作業で数えるのが大変…」
そんなときに

  • 写真をドット絵っぽくしたいけれど、専門の画像編集ソフトは操作が難しい
  • アイロンビーズ・パーラービーズの設計図や図案を、色数や升目を数えながら手作業で作るのが大変
  • 画像編集ソフトのモザイク加工だと色がにじんで、思ったようなドット感にならない
  • 大事な写真やイラストを、外部サービスにアップロードするのは避けたい

ドット絵工房は、写真・イラストをドット絵とビーズ設計図(ビーズ図案)に変換する無料ツールです。
画像はブラウザ内で処理され、外部には送信されません。

「ドット絵工房」とは?

静物写真をドット絵に変換した例

ブラウザで完結する、ドット絵・ビーズ設計図の変換ツール

画像を指定したマス数のグリッドに縮小し、パレットから抽出した色に減色してドット絵に変換します。プレビュー・ビーズ設計図・比較の3つのタブを切り替えながら、マス数や色数、パレット、ドット形状を確認・調整できます。ビーズ設計図は番号付きで表示できるため、アイロンビーズなどのハンドメイド作品づくりにも活用できます。

主な機能紹介

マス数・パレット・色数・ドット形状を設定する画面(ダークモード表示)

マス数・パレット・色数を自由に調整

横16〜128マスのグリッド、自動抽出パレットに加えて NicoRate(24色・48色/5mm)・NicoRateミニ(72色・2.6mm)・ナノビーズ風(48色)・パーラービーズ風(100色)・Game Boy 風・NES 風・モノクロ・セピアのプリセットも用意。自動抽出の色数(8/16/32/64)に加え、ビーズ系パレットも使用色数(8/12/16/24/32または数値入力)を画像に合わせて絞り込めます。ディザリングやドット形状も細かく調整できます。

番号付きビーズ設計図(ビーズ図案)の例

番号付きビーズ設計図で制作をサポート

「ビーズ設計図」タブに切り替えると、マスごとに色分けと番号を表示したビーズ図案になります。「色+番号」「番号のみ」の切替、グリッド線、マスサイズ調整に対応し、アイロンビーズやパーラービーズの配色表・設計図として使えます。初心者は色付き表示、慣れた方は番号のみ表示にもできます。

ビーズ設計図オプションと色番号・材料リストを表示する画面

PDF・材料リストCSVをまとめて出力

仕上がったビーズ設計図はPDFとして保存し、必要に応じてPDFビューアから印刷できます。横に長い設計図は用紙を自動で横向きにするオプションもあります。材料リストCSVには色番号・色名・商品コード(対応パレット)・HEX・個数を書き出せるので、買い出しや在庫管理にも便利です。

元画像とドット絵をスライダーで比較する画面

元画像とドット絵をスライダーで比較

「比較」タブでは、中央のハンドルをドラッグするだけで元画像とドット絵を重ねて見比べられます。仕上がりの色味や粒度を確認しながら、マス数や色数を微調整できます。

ドット絵の静物サンプル

SVG・アイコン・一括変換・他ツール連携

拡大しても劣化しにくいSVG出力、16/32/48pxのアイコンPNG、複数画像の一括ZIP変換に対応。ファビコン職人・パラパラ工房への導線や、端末内への設定自動保存/名前付きプリセット保存も用意しています。

使い方は簡単4ステップ!

Step 1

画像を選ぶ

PNG / JPEG / WebP / GIF / BMP をドラッグ&ドロップ、またはファイル選択・貼り付けで読み込みます。サンプル画像で試すこともできます。

Step 2

マス数・パレット・色数を設定

スライダーやプリセットでプレビューを見ながら調整。ドット形状や背景表示(チェッカー・白・透過・カスタム色)も選べます。

Step 3

ビーズ設計図と比較タブで確認

ビーズ設計図タブで番号付きのビーズ図案・配色を確認し、比較タブで元画像とスライダー比較。納得の仕上がりになるまで微調整できます。

Step 4

好きな形式で保存・連携

PNG / SVG / ビーズ設計図PDF / 材料CSVに加え、アイコンサイズ出力や複数画像の一括ZIP、パラパラ用バリエーションZIPも利用できます。

「ドット絵工房」が選ばれる3つの理由

画像は外部に送らない

画像の変換処理はすべてブラウザ内で完結。サーバーへのアップロードは行いません。

インストール・登録不要

会員登録もソフトのインストールも不要。このページを開いて、すぐに試せます。

無料で設計図・PDF・CSVまで対応

ドット絵の生成だけでなく、番号付きビーズ設計図のPDF出力・材料リストCSVまで、無料で利用できます。印刷はPDFから行えます。

こんな時に便利!「ドット絵工房」の活用シーン

  • アイロンビーズ・パーラービーズの設計図作り:
    写真から自動で色分けし、番号付きビーズ図案とビーズ数の材料リストをまとめて作成。
  • レトロなドット絵アイコン・素材の作成:
    お気に入りの写真をドット絵に変換して、SNSアイコンやイラストの素材として活用。
  • 教材・ワークショップ用の配色資料に:
    番号付きビーズ設計図のPDFを印刷して、ぬり絵やモザイクアート体験のワークショップ資料に。
  • ロゴ・イラストのレトロ加工に:
    NicoRate(24色・48色/5mm)・NicoRateミニ(72色・2.6mm)・ナノビーズ風(48色)・パーラービーズ風(100色)など固定パレットで、ビーズ図案やレトロゲーム風の質感を手軽に演出。

よくある質問 (FAQ)

Q1: 会員登録や料金はかかりますか?
A1: いいえ。ドット絵工房は登録不要・無料で利用できます。ブラウザで開いてすぐに変換を試せます。
Q2: 画像はサーバーにアップロードされますか?
A2: いいえ。画像の変換・ビーズ設計図の生成・PDF作成はすべてお使いのブラウザ内で行われ、外部サーバーに送信されません。
Q3: アイロンビーズ・パーラービーズの図案や設計図作りに使えますか?
A3: はい。ビーズ設計図タブで番号付きの配色図(ビーズ図案)を表示できるほか、使用する色と個数をまとめた材料リストのCSV出力、設計図のPDF保存にも対応しています。印刷はPDFビューアから行えます。初心者の手作業カウント代わりから、上級者の配色調整まで使えます。
Q4: どんな画像形式に対応していますか?
A4: PNG / JPEG / WebP / GIF / BMP に対応しています。ドラッグ&ドロップ、ファイル選択のほか、クリップボードからの貼り付け(Ctrl+V)でも読み込めます。
Q5: パレット(色)は自分で選べますか?
A5: はい。画像から自動で抽出するほか、NicoRate(24色・48色/5mm)・NicoRateミニ(72色・2.6mm)・ナノビーズ風(48色)・パーラービーズ風(100色)・Game Boy 風・NES 風・モノクロ・セピアのプリセットから選べます。ビーズ系パレットでは、8/12/16/24/32色または数値入力で使用色数を指定すると、画像に合う色を優先して絞り込みます(そのセット内のサブセットで、別セットへの切替ではありません)。色番号と色名(NicoRate 24色・ミニ72色は商品カラーコードも)付きの凡例・材料CSVも出力できます。※各メーカーの商標です。本ツールは非公式の色合わせ用で、提携・監修はありません。色はチャート写真からの近似です。
Q6: NicoRateのアイロンビーズの色に対応した図案が作れますか?
A6: はい。「NicoRate(24色)」「NicoRate(48色)」「NicoRateミニ(72色・2.6mm)」から選ぶと、各セットの色見本に近い番号付きビーズ設計図・材料リストを作成できます。24色・48色は5mm、ミニ72色は2.6mmで粒サイズが異なり、同じマス数でも仕上がりサイズが変わります(色数だけの違いではありません)。24色はスタッフ厳選セットのカラー一覧、ミニ72色はセット内表示番号と商品コードに対応し、パレット下の商品リンクも選択したセットに切り替わります。
Q7: ナノビーズやパーラービーズの色にも対応していますか?
A7: はい。「ナノビーズ風(48色)」「パーラービーズ風(100色)」を選ぶと、各カラーリスト順の番号付きビーズ図案と色名付き材料リストを作成できます。手元の色数に合わせて使用色を絞っても、元のビーズ番号と色名を維持します。パレット下の商品リンクも選択に合わせて切り替わります。公式との提携・監修はありません。色は公開チャート写真からの近似です。
Q8: PDF出力のとき、用紙の向きは調整できますか?
A8: はい。ビーズ設計図が横に長い場合は、A4用紙を横向きにしてPDF出力するオプション(既定でオン)があります。設計図そのものが回転するわけではなく、用紙の使い方が最適化されます。印刷は生成したPDFから行ってください。
Q9: スマートフォンやタブレットでも使えますか?
A9: 基本的にPCブラウザでの利用を想定しています。タブレットでも操作できますが、画面が狭いスマートフォンでは細かい設定がしづらい場合があります。
Q10: 設定は次回も残りますか?共有できますか?
A10: はい。マス数・パレット・色数などの設定は、お使いのブラウザ(localStorage)に自動保存され、次回アクセス時に復元されます。名前付きプリセットの保存・読込にも対応しています。サーバーには送られません。URLハッシュでの共有は行いません。
Q11: 「ビーズ設計図」と「ビーズ図案」はどう違いますか?
A11: 同じ画面の別名です。本ツールでは、マスごとに色番号を付けた配色表を「ビーズ設計図(ビーズ図案)」と呼びます。アイロンビーズやパーラービーズを置く順番・色の目安として使う、いわゆる設計図/図案/配色表のことです。

写真やイラストを、ドット絵&ビーズ設計図に変換「ドット絵工房」

登録不要・インストール不要。ブラウザ内で、今すぐ試せます。

無料で「ドット絵工房」を使ってみる