こんにちは、ぎぐちゃんです。写真やイラストを小さな色のマスで表したいときは、ピクセルサイズを大きくするとブロックが目立ち、色数を少なくすると使う色が絞られます。まずは元画像と変換後を見比べながら、少しずつ調整してみましょう。
3ステップでPNGに保存
- 画像を選ぶ：PNG・JPEG・WebPに対応しています。読み込み後、元画像と変換プレビューが並びます。
- 2つの設定を動かす：「ドットの大きさ」は2〜48px、「色数」は2〜64色の範囲で調整できます。数値を変えるとプレビューも更新されます。
- 仕上がりを確認して保存：「PNGを保存」を押すと画像ファイルを書き出します。やり直すときは「画像をクリア」から別の画像を選べます。
見た目を調整するコツ
- まずは小さめのドットから：輪郭が分かる状態を起点にし、少しずつ大きくすると、どの段階で細部がつぶれるか比べやすくなります。
- 色数は段階的に減らす：色を絞ると印象がすっきりしますが、影や似た色の違いもまとまります。色数を戻したときの差も見て決めましょう。
- 形がはっきりした画像を選ぶ：背景と主役の明暗差がある画像は、粗くしたときも輪郭を追いやすくなります。細い文字や細部が多い画像は、粗い設定で読みにくくなることがあります。
スライダーの色数は調整の目安です。画像内で実際に使われる色の種類は、元画像の色や変換処理によって設定値と同じ数になるとは限りません。また、ドット表現に変換しても、保存画像の縦横サイズは元画像と同じです。
画像の取り扱いと注意点
このツールは画像の読み込みと変換をブラウザー内で行い、画像データをサーバーへ送信・保存しません。変換画像をページ内へ保存する機能もないため、ページを閉じる前にPNGを書き出してください。大きな画像は処理に時間がかかることがあります。
人物・作品・ロゴなどを使うときは、本人のプライバシーや著作権・利用条件を確認し、自分に使用する権利がある画像を選んでください。公開・共有する場合は、写っている人や画像の権利者への配慮も必要です。
よくある質問
対応する画像形式は？
PNG・JPEG・WebPです。
元画像より小さい寸法になりますか？
いいえ。保存画像の縦横サイズは元画像と同じで、ドット表現の粗さが変わります。
画像はアップロードされますか？
画像の読み込み・変換はブラウザー内で行い、画像データをサーバーへ送信・保存しません。
仕様確認日：2026年10月29日。公開中のツールの対応形式、設定範囲、出力寸法、処理方法をソースと画面で確認しました。色の印象や処理時間は画像・端末・ブラウザーによって異なります。