<テクスチャスタジオ

ドット絵コンバーター

[ 8-BIT / RETRO PIXEL ]
Pixel Crush applied to the sample photo

写真からドット絵を作る

写真をもとに、レトロなアイコンやゲーム風ポスター、カバー画像を作れます。このドット絵コンバーターは画像を四角い色のセルで描き直します。ピクセルを筋状に並べ替える加工とは異なります。Canvas 2Dによる処理はブラウザ内で完結し、写真をアップロードしません。

  1. 写真をドロップ、貼り付け、またはクリックして選びます。
  2. Pixel Crushを選択。Detailを下げると大きなブロック、上げると細かい表現になります。IntensityとContrastで仕上げを調整します。
  3. ウォーターマークなしのPNGを保存。長辺は最大1400pxで、それより小さい画像は元のサイズを保ちます。

4種類のレトロ表現

  • Pixel Crush:四角い色のブロック。RGB各チャンネルを5段階に減らしてピクセルアート風にします。
  • Tessera:写真の色を使い、タイルの間に隙間を入れるモザイク。
  • Studwork:丸い突起のあるブロック玩具風の表現。
  • Bitgrain:Bayer方式の規則的なディザで色数を減らし、ドット模様を加えます。

Pixel Crush、Tessera、Studworkは各領域の平均色を使い、BitgrainはBayer行列で規則的なサンプリングとディザを行います。Detailはセルの大きさ、Intensityは元画像との混合率を調整します。適用できるフィルターは一度に1つです。「8-bit」は見た目の説明で、固定256色やゲーム用スプライト形式を保証しません。2色の表現には1-Bitディザ変換ツールのGrainフィルターをお試しください。

> 作例

同じイラストを、このページのフィルターの初期設定で処理した結果です。上のツールと同じエンジンで実際に描画しており、イメージ図ではありません。

風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラスト(フィルター適用前の元画像)
元画像フィルターなし
風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラストに Pixel Crush フィルターを適用 — 8-bit のピクセルブロック化
Pixel Crush8-bit のピクセルブロック化
風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラストに Tessera フィルターを適用 — 正方形のモザイクタイル
Tessera正方形のモザイクタイル
風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラストに Studwork フィルターを適用 — ブロック玩具のスタッド
Studworkブロック玩具のスタッド
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップ(フィルター適用前の元画像)
元画像フィルターなし
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップに Pixel Crush フィルターを適用 — 8-bit のピクセルブロック化
Pixel Crush8-bit のピクセルブロック化
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップに Tessera フィルターを適用 — 正方形のモザイクタイル
Tessera正方形のモザイクタイル
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップに Studwork フィルターを適用 — ブロック玩具のスタッド
Studworkブロック玩具のスタッド

> よくある質問

写真をドット絵に変換するには?
写真を読み込み、Pixel Crushを選びます。Detailを下げると大きな色のブロック、上げると顔や輪郭の細部を残せます。IntensityとContrastを調整し、PNGで保存してください。
無料ですか?写真はアップロードされますか?
4つのフィルターとPNG保存はすべて無料です。登録もウォーターマークもありません。Canvas 2Dがブラウザ内で処理するため、写真はサーバーに送信されません。
32×32のスプライトや固定8-bitパレットを作れますか?
できません。保存サイズは元画像の寸法を長辺1400pxまでに収めたもので、Detailは画像サイズではなくブロックの大きさを変えます。Pixel Crushは色を5段階に量子化してからIntensityに応じて原画とブレンドするため、カスタムパレット、固定256色、スプライトシート保存には対応しません。
ドット絵とピクセルソートの違いは?
ドット絵は領域の平均色を四角いセルとして描き直します。ピクセルソートは輝度のしきい値を超えた区間を行・列方向に並べ替え、長い色の筋を作ります。溶けるグリッチ表現にはピクセルソートツールを使ってください。

画像はブラウザ内で処理され、アップロードされません。サイトは匿名の利用統計(ページビュー、選択したフィルター、ファイルサイズ)のみを保持し、ピクセルデータは含みません。