~ 写真をレトロなドット絵に ~
8-bit・16-bit画像変換
写真やイラスト、アイコンをレトロな雰囲気に変えてみましょう。8-bit風、16-bit風、4色の携帯ゲーム機風から選び、ドットの細かさや陰影を調整して、元画像と見比べられます。小さなドット絵のままでも、輪郭をくっきり保った拡大PNGでも保存できます。すべてブラウザ内で動作し、登録も不要です。
PNG・JPEG・WebPをここにドロップ
最大20 MB · 端末内で処理
画像を選ぶか、デモで効果を試してみましょう。
画像を8-bit・16-bit風に変換する方法
- 画像を選ぶか、デモを試す。 PNG・JPEG・WebPファイルを開くか、アップロード欄にドロップしてください。細かな質感や小さな文字より、主役がはっきりして背景がシンプルな画像のほうが、低解像度でも形が残りやすくなります。顔や物、風景の一部を目立たせたい場合は、先に切り抜いておきましょう。
- ベースとなるスタイルを選ぶ。 8-bit風は長辺64ピクセル・16色、16-bit風は長辺128ピクセル・32色、携帯ゲーム機風は長辺96ピクセル・緑系4色から始まります。いずれもMakeBeadのスタイルプリセットであり、特定のゲーム機を再現するものではありません。プリセットを選ぶと、細かさ、ディザ、明るさ、コントラストがリセットされます。
- 仕上がりを調整する。 ドットを粗くすると大きな形にまとまり、細かくすると小さな特徴も表現できます。規則的な質感にはパターンディザ、中間色を点で表現するにはFloyd–Steinbergを試しましょう。大きなベタ塗りを残すならディザをオフにします。主役の大切な部分が消えたときは、明るさやコントラストを調整してください。
- 書き出す倍率を選んで保存する。 1×では、グリッドの1マスを出力の1ピクセルとして保存します。2×・4×・8×なら、各マスを同じ大きさの正方形にして拡大できます。ダウンロードする寸法はボタンの横に表示されます。PNGは変換後の色と透明部分を保ち、JPEGのような新たな圧縮ノイズを加えません。
このツールの8-bit・16-bitとは
ここでの8-bitと16-bitは、昔のピクセルグラフィックに着想を得た見た目のスタイルです。すべての8-bitゲームが16色、すべての16-bitゲームが32色だったという意味ではありません。実際のハードウェアでは、パレット、画面サイズ、スプライトの規則、同時表示できる色数がそれぞれ異なります。プリセットは画像効果を作るための手軽な出発点であり、ハードウェアの正確な再現をうたうものではありません。
保存するのは、ブラウザが生成する通常の静止画PNGです。インデックスカラーのPNG-8、各チャンネル16ビットの画像、ゲームROM、ゲーム機にそのまま使える素材は書き出しません。制作環境で特定のビット深度やインデックス形式が必要な場合は、要件を確認し、絵を作成してから対応する形式を指定できるエディターで処理してください。
ドットの細かさと書き出しサイズの違い
ドットの細かさは、画像にどれだけの情報を残すかを決めます。64 × 48の変換結果には3,072マスがあり、それぞれがパレットの1色または透明になります。細かくすると目や文字、輪郭を見分けやすくなり、粗くすると大きな形にまとまってモザイク感が強くなります。ただし、小さな特徴は完全に消えることがあります。
書き出し倍率は、完成したグリッドを拡大するだけです。64 × 48の結果を4×で保存すると256 × 192になり、1マスが4 × 4の正方形になります。新しい細部や色は増えません。まずグリッドを決め、次に保存サイズを選びましょう。「全体を表示」は両方の画像をそれぞれの表示領域に合わせて拡大します。実際のピクセルサイズは100%で確認してください。
年代だけでなく、絵に合ったディザを選ぶ
限られたパレットでは、写真のすべての色合いを再現できません。ディザは使える色を交互に配置し、足りない階調の一部を表現します。パターンディザは規則的な模様を作り、Floyd–Steinbergは色の誤差を周囲のピクセルに分散させ、不規則な質感を作ります。どちらもパレットの色自体は増やしません。使われない色がある場合、実際の表示色数はパレットの色数より少なくなります。
ディザはグラデーションや空、柔らかな陰影に役立ちますが、顔や小さなアイコンがざらついて見えることもあります。保存前にオフの状態と見比べましょう。すっきりしたスプライトにするには、元画像の細部を減らす、背景を単純にする、コントラストを控えめに調整する方法もあります。自動変換は出発点です。狙いどおりの輪郭やドットのまとまりを作るには、手作業での編集も必要です。
透明度、画質、対応ファイルについて
20 MB以下のPNG・JPEG・WebPに対応しています。元画像は各辺8,192ピクセル以下、総画素数1,600万以下です。グリッドは画像の比率を保ち、整数ピクセルに丸めます。長辺は16〜256ピクセルで、8×書き出しでは最大2,048ピクセルです。ファイルは端末内で処理し、サーバーにはアップロードしません。
透明画像には明確なアルファ値のしきい値を使います。サンプリングした不透明度が50%未満のピクセルは完全に透明にし、それ以外は不透明なパレット色にします。そのため、柔らかい半透明の輪郭は変わる場合があります。市松模様はプレビュー用で、保存されません。JPEGの背景は画像の一部として残ります。アニメーションPNG・WebPはブラウザがデコードした1枚の静止画になります。GIFの読み込みとアニメーションの書き出しには対応していません。
レトロ画像変換について
8-bitと16-bitのプリセットは何が違いますか？
8-bitはMakeBeadの16色パレットと長辺64ピクセルを使います。16-bitは32色と長辺128ピクセルを使い、細部や陰影をより多く表現できます。どちらも調整できるスタイルプリセットであり、ゲーム機の正確な再現やファイルのビット深度設定ではありません。
写真をアップロードせずにドット絵にできますか？
はい。画像の読み込み、変換、PNGの書き出しは、すべてブラウザ内で行います。画像をサーバーに送らず、登録も必要ありません。
変換結果がざらついて見えるのはなぜですか？
ディザをオフにしてみてください。顔や小さな物が分かりにくい場合は、ドットを細かくするか、先に元画像を切り抜いて単純にします。強いディザや複雑な背景は、小さな絵を見分けるために大切な形を隠してしまうことがあります。
保存した画像のドットはくっきりしますか？
はい。1×は変換したグリッドをそのまま保存します。大きい倍率では、各マスを平滑化せず、同じ大きさの正方形として複製します。プレビューの倍率は保存サイズに影響しません。
透明な背景を保てますか？
はい。ただし、完全に透明か不透明かの2段階です。サンプリングした不透明度が50%未満なら完全に透明、それ以外なら不透明になります。くっきりした輪郭には向いていますが、柔らかな半透明の輪郭は保てず、元から塗られた背景を消すこともできません。
出力は本当のPNG-8や各チャンネル16ビットのPNGですか？
いいえ。名称は見た目のスタイルを指します。保存するのはブラウザが生成する標準的なPNGです。インデックスカラーファイルや特定のチャンネルビット深度が必要な場合は、エンコード設定を指定できる画像エディターを使ってください。
変換後にピクセルを1つずつ編集できますか？
1×で保存し、リンク先のドット絵エディターに読み込んでください。1×なら変換した1マスが編集可能な1ピクセルになります。大きく書き出した画像には同じピクセルが繰り返し含まれるため、共有や表示に向いています。