保存・画像のしくみ

ドット絵が拡大すると
ぼやけるのはなぜ？

元は同じ16×16のハート。下の2枚は、拡大するときの計算だけを変えています。

制作：PiXiEED · 比較図・練習用PNGつき

元の絵が壊れたとは限らない

小さな画像を大きく表示するとき、ソフトは足りない部分をどう埋めるか決めます。周囲の色から中間の色をつくると、境界がなめらかになります。写真では役立つ処理でも、ドットの色をはっきり分けたいときには、にじみに見えることがあります。

画面上の拡大表示だけで、この処理が行われる場合もあります。たとえばブラウザーのCanvasには拡大時の平滑化設定があり、既定では有効です。［1］画面でぼやけて見えるだけなのか、保存した画像の画素まで変わっているのかを、分けて考えましょう。

ニアレストネイバー（最近傍）は、近くの元画素の色をそのまま使う拡大方法です。Adobeの資料でも、画素を複製し、硬い輪郭を保つ方法として説明されています。［2］

さらに、幅と高さを2倍・4倍などの整数倍にすると、元の1ピクセルを同じ大きさのブロックで並べられます。たとえば16×16を4倍にすると64×64になり、1ピクセルが4×4のブロックになります。絵の情報が増えるわけではなく、元の並びを大きく見せる方法です。

似ているけれど、変わるものが違う操作
操作	変わるもの
表示のズーム	画面での見える大きさ。保存する画素数とは別です。
画像の拡大	画像ファイルの幅と高さ。拡大方法で画素の色や並び方が変わります。
PNGで保存	保存形式。拡大方法や表示倍率を決める操作ではありません。

描いた作品はPiXiEEDrawの［出力］から共通の出力画面へ進めます。手持ちの画像で試す場合は、変換・出力の入口からファイルを読み込みます。

元の作品や小さな画像を残す。試しに使うなら、下の16×16の見本PNGを保存してください。
出力形式でPNGを選ぶ。静止画像として保存する設定にします。
画像サイズを確認する。［出力サイズを編集］から画像サイズの設定を開き、元サイズ、2倍、4倍など、選べる整数倍の寸法を使います。選択できる範囲は画像の大きさなどで変わります。
［PNGを保存］で書き出す。画面上の表示ズームは見え方の調整です。保存する幅と高さは、画像サイズの設定で確認します。

PiXiEEDの静止画出力では、整数倍の拡大で元の画素を複製します。閲覧アプリや投稿先でさらに拡大・再圧縮される場合があるので、保存したPNGと投稿後の表示は別々に確認してください。

16×16のハートを保存し、変換・出力画面で読み込んでください。原寸のPNGと拡大後のPNGを残すと、違いを確かめやすくなります。

この見本はPiXiEED制作。練習・改変・作品への利用ができます。

PNGなら、ぼやけることはない？

PNGは可逆圧縮形式です。［3］ただし、保存前にぼかして拡大した画素を元に戻す機能ではありません。PNGにした後も、表示するアプリの拡大方法でぼやけて見える場合があります。

JPEGを避けた方がよいのはなぜ？

JPEGは画像の細部を一部取り除く非可逆圧縮です。［4］小さなドット絵では、くっきりした色の境界に変化が出ることがあります。制作中の元データを残し、輪郭や透過を保ちたい書き出しにはPNGを使うと扱いやすくなります。

ぼやけた絵を最近傍で拡大し直せば戻る？

すでに混ざった色を、そのまま大きなブロックにするだけの場合があります。元の輪郭や色が失われていれば、必ず復元できるわけではありません。残っている最小サイズの原本や編集データから、拡大し直しましょう。

資料確認：2026年11月14日。比較図と配布見本はPiXiEED制作です。整数倍の寸法例は元画像から算出しています。