オープンソースの画像生成AIをセットアップから使い方まで解説する『Stable Diffusion AI画像生成ガイドブック』（ソシム刊）発売中（→本のサポートページ）

ドット絵をそのまま大きくできるペイントソフト

コンピュータ

この記事経由で、

この記事を読んだ。

小さい画像をSNSのプロフィールなどに登録すると、拡大されてぼやけることがある。写真のような画像ならぼんやりするほうがましだが、パキッとしたドット絵はぼやけてほしくない。あらかじめペイントソフトで拡大してから登録するのがよさそうだ。ということでその方法を紹介します。

これを登録したとき
f:id:Imamura:20200113180050p:plain
こうならないようにしたい
f:id:Imamura:20200113180054p:plain

Photoshopなら、［イメージ］－［画像解像度］で解像度を変更するときに「ニアレストネイバー法」を選べばよい。

f:id:Imamura:20200113180100p:plain

これが（32倍表示、16×16ピクセル）
f:id:Imamura:20200113180104p:plain
こうなる（等倍表示、512×512ピクセル）
f:id:Imamura:20200113180108p:plain

ほかのペイントソフトで同じことができないだろうか。

Windowsに標準添付されている「ペイント」は、画像を「サイズ変更」するときニアレストネイバー法が使われる。「ペイント」をすぐ起動するには、［Win］＋［R］で「ファイル名を指定して実行」ダイアログボックスを出し、「mspaint」と入力して［Enter］キーを押す。

f:id:Imamura:20200113192920p:plain

  1. 画像を開いて「サイズ変更」をクリック
    f:id:Imamura:20200113180112p:plain
  2. 「サイズ変更と傾斜」ダイアログボックスが表示される。「単位」を「ピクセル」にし、もとの画像の整数倍の数値を「水平方向」に入力する（「パーセント」から100%単位で指定してもよい）。「縦横比を維持する」のチェックボックスがオンになっていれば、「垂直方向」は自動的に入力される
    f:id:Imamura:20200113180116p:plain
  3. ［OK］ボタンをクリックすると画像が拡大される
    f:id:Imamura:20200113180120p:plain

「ペイント」はPNG形式の画像を保存するとき、透明度の情報を削除する。ソーシャルアイコンでそこが問題になることはなさそうだけれど気をつけたい。

f:id:Imamura:20200113180124p:plain

ではほかのペイントソフトだとどうだろうか。「Paint.net」は軽量でフリーのWindows用ペイントソフトである。

  1. 「イメージ」メニューから「サイズ変更」を選択
    f:id:Imamura:20200113180128p:plain
  2. 「サイズ変更」ダイアログボックスが表示される。「再サンプリング」を「直近」にし、サイズを指定する。こちらも「絶対サイズを指定」ではなく「%を指定」にし、100パーセント単位の数字を指定しても整数倍の拡大ができる
    f:id:Imamura:20200113180131p:plain
  3. 画像が拡大される
    f:id:Imamura:20200113180135p:plain

こちらは透明度の情報が保持される。

Macだとどうだろう。「プレビュー」で［ツール］－［サイズを調整］から画像のサイズを変えたらぼんやりしてしまった。「プレビュー」にはニアレストネイバー法に準ずる拡大方法はないようだ。

f:id:Imamura:20200113180139p:plain

Mac用のフリーのペイントソフトから、「FireAlpaca」（Windows版もあります）で試してみた。

  • フリー ペイントツール（Mac/Windows 両対応）FireAlpaca［ファイア アルパカ］（http://firealpaca.com/ja/）


  1. 「編集」メニューの「画像解像度」を選択
    f:id:Imamura:20200113180143p:plain
  2. 「画像解像度」ダイアログボックスが表示される。「幅」や「高さ」を入力する。「pixel」のプルダウンメニュー内には「%」もあり、倍率で指定することもできる
    f:id:Imamura:20200113180148p:plain
  3. 画像が拡大される
    f:id:Imamura:20200113180152p:plain

FireAlpacaは保存時に透過情報を含めるか選ぶことができる。

f:id:Imamura:20200113180157p:plain

スマートフォンだとどうか。iPhoneには「Pixelable」（公式サイト）というフリーで高機能なドット絵エディタがある。

Pixelable - ドット絵エディター

Pixelable - ドット絵エディター

  • Yosuke Seki
  • エンターテインメント
  • ç„¡æ–™
  1. 画像を読み込んで「書き出し」をタップする
    f:id:Imamura:20200113180202p:plain
  2. 書き出す画像サイズを指定できる
    f:id:Imamura:20200113180208p:plain

PixelableはAndroidにはないので、フリーで一般的なペイントソフトの「ibis Paint」を使ってみた。（画面キャプチャはiPhoneのものですが、Android版でも同様に操作できると思います）


  1. 画像を読み込む…といきなりボヤボヤしている
    f:id:Imamura:20200113180213p:plain
  2. これはそのように表示しているだけなので、表示設定を変えればよい。ツールバーの左から2番目のアイコンをタップして「設定」をタップする
    f:id:Imamura:20200113180219p:plain
  3. 「ビュー拡大時の補間」をオフにする
    f:id:Imamura:20200113180226p:plain
  4. 次に先ほどと同じメニューから「キャンバス」をタップ
    f:id:Imamura:20200113180232p:plain
  5. 「画像解像度変更」をタップ
    f:id:Imamura:20200113180238p:plain
  6. 拡大後のピクセル数を「幅」「高さ」に入力。「拡大計算式」を「近傍近似」にしてチェック（✓）をタップ
    f:id:Imamura:20200113180242p:plain
  7. こうなりました…ってグリッドなどがないので見た目は変わらない
    f:id:Imamura:20200113180247p:plain
  8. ほら細かい線を書き込めます。ちゃんと大きくなっていることがわかるでしょう
    f:id:Imamura:20200113180252p:plain

ということでこんな感じになりました。下は1,024×1,024ピクセルあります。

f:id:Imamura:20200113180257p:plain

せっかく大きくなったので、ボタンを真ん中に移動したものも。

f:id:Imamura:20200113180300p:plain

どうぞご利用ください＞id:zaikabouさん