~ くっきりしたドットを、必要なサイズに ~
ドット絵リサイズ
スプライトやアイコン、ドット絵の輪郭をぼかさずに拡大できます。倍率または出力サイズを指定し、元画像と見比べてから、透明度を保ったPNGをダウンロードしましょう。処理はすべてブラウザ内で行います。登録もサーバーへの画像送信も不要です。
PNG・JPEG・WebPをここにドロップ
最大20 MB · 静止画PNGで出力 · 端末内で処理
画像を開くか、サンプルでリサイズを試してみましょう。
ドット絵をぼかさずにサイズ変更する方法
- 画像を開く。 PNG・JPEG・WebPファイルを選ぶか、アップロード欄にドロップしてください。背景を透明にしたいスプライトには、透明度のあるPNGを使いましょう。ファイルを選ぶ前に、内蔵サンプルで操作を試すこともできます。
- 倍率またはサイズを指定する。 2×・3×・4×・8×を選ぶと、元の各ピクセルが同じ大きさの正方形になります。必要なキャンバスサイズが決まっている場合は、サイズ指定に切り替えてください。意図的に絵を引き伸ばす場合以外は、縦横比を固定しておきましょう。
- 出力を確認する。 サイズを変えるとプレビューも更新されます。「全体を表示」は画像全体を表示し、「100%」は出力の1ピクセルを1 CSSピクセルで表示して、スクロールで確認できます。特に縮小や整数倍以外の拡大では、ダウンロード前に寸法と絵の両方を確認してください。
- サイズ変更したPNGをダウンロードする。 保存する画像の幅と高さは、ツールに表示された出力サイズです。プレビューの市松模様、枠、透かしは含みません。透明度を保ち、PNGで保存することで、JPEG書き出しで新たに生じる圧縮ノイズも避けられます。
整数倍の拡大ならドットの大きさがそろう
16 × 16のスプライトを4倍にすると64 × 64になります。元の各ピクセルが4 × 4の正方形になるので、輪郭、間隔、繰り返し模様の比率を保てます。ゲームのスプライト、アバター、プレゼン資料用の絵など、画風を変えずに大きく書き出したいときに便利です。
16 × 16から50 × 50のようにサイズを指定しても輪郭はくっきりしますが、元のピクセルによって幅が3ピクセルになったり4ピクセルになったりします。ニアレストネイバーは色を混ぜませんが、この不均等な幅を均一にはできません。ドットの規則的な並びが大切な作品には、整数倍を選びましょう。
ニアレストネイバーと透明度、元画像について
ニアレストネイバーによるリサイズは、隣り合う色を混ぜず、出力の各位置に元画像の既存のピクセルを選びます。このツールはそのピクセルの赤・緑・青とアルファ値をまとめてコピーします。透明部分は透明なまま、元から半透明の輪郭は半透明のままです。市松模様は表示を助けるためだけのものです。
リサイズでは、ぼけた元画像の修復、JPEGノイズの除去、減色はできません。写真を丁寧に描いたスプライトに変えることもできません。可能なら、元の小さなPNGを使ってください。写真をドット絵に変換したり、ピクセルを1つずつ描き直したりする場合は、下の関連ツールにある変換ツールやエディターを使いましょう。
スプライトの縮小とスプライトシートのサイズ変更
縮小すると、元のピクセルの一部が間引かれます。出力の輪郭がくっきりしていても、1ピクセル幅の輪郭線、ハイライト、隙間は消えることがあります。100%表示で確認し、必要な描き直しはエディターで行ってください。縮小と拡大を繰り返しても、失った細部は戻りません。このツールでは変更のたびに、読み込んだ元画像から計算し直します。
静止画のスプライトシートは、1枚の画像としてリサイズできます。整数倍の拡大なら、各フレームのサイズと間隔も同じ比率で変わります。フレーム分割、アニメーションアトラスの更新、アニメーションの書き出しは行いません。PNG・JPEG・WebPの静止画に対応しており、対応形式のアニメーションファイルは、ブラウザがデコードした1枚の静止画になります。
ドット絵のリサイズについて
ドット絵をぼかさずに拡大するには?
ニアレストネイバーで、2×や4×などの整数倍を使いましょう。元の各ピクセルが同じ大きさの正方形になります。このツールはどの出力サイズでもニアレストネイバーを使い、劣化のないPNGで書き出します。
幅と高さを正確に指定できますか?
はい。「サイズ指定」を選び、ピクセル数を入力してください。縦横比を固定すると、もう一方の寸法を計算し、最も近い整数ピクセルに丸めます。固定を解除すると幅と高さを別々に指定できます。縦横の倍率が異なると絵が引き伸ばされます。
PNGの透明な背景は保たれますか?
はい。元画像の透明度を保ちます。プレビューの背後にある市松模様は、保存する画像には含みません。JPEGには元から透明度がないため、リサイズしても背景は消えません。
ドット絵を小さくできますか?
はい。サイズ指定で元より小さい寸法を入力してください。ニアレストネイバーは選んだ色を混ぜませんが、縮小では必ず元のピクセルの一部が失われ、細部が消えることがあります。使用前に結果を確認しましょう。
対応する画像サイズと形式は?
20 MB以下のPNG・JPEG・WebPに対応しています。入力・出力ともに、総画素数1,600万以下、各辺8,192ピクセル以下が上限です。ダウンロードは静止画PNGです。GIFやアニメーションの書き出しには対応していません。
画像は端末の外に送られますか?
いいえ。読み込み、リサイズ、PNGの作成は、すべてブラウザ内で行います。画像をサーバーにアップロードせず、ログインも必要ありません。