【初心者向け】アイビスペイントの画像保存/形式まとめ！【SDとは】

GG(眼鏡)

アイビスペイントで絵を描こうとしたけど、どのサイズ、型式で保存すれば良いのかよく分からない！

SDって何？

Tiki(帽子)

SDは、「アナログTVくらい綺麗に見える」表示。

この記事を読むと、アイビスペイントのサイズの意味と解像度について理解が深まります。

アイビスペイントのサイズの種類と意味

Tiki(帽子)

pixivやTwitterなど、webアップロードする時に適した画像サイズを上の記事で解説しました！

基本的に上の記事に書いた通りのサイズと解像度で作成すれば、問題なくpixivなどweb上にアップロード出来ます。

この記事では、アイビスペイントを使って具体的にキャンバスサイズを作る方法を書いていきたいと思います。

アイビスペイントの「新規キャンバス設定」では、いくつか画像サイズが用意されています。

アイビスペイントに用意された画像サイズで、（SD）と書かれたものがあります。

これは、webアップロードという目的ならどれを選んでも問題ないサイズです。

Tiki(帽子)

これは、「ディスプレイに映した時にどれくらい綺麗か」が分かる表示です。

SD=ディスプレイにどれくらい精細に移すか？の基準のひとつ

PCやTVディスプレイなどには画像、動画データを映す際、綺麗に表示させるための水準があります。

SDはその中のひとつです。

1112×834などの数字の右側にある矢印を押すと、プルダウンが出て、他の数値が出てきます。

それぞれの比率で、解像度が高いものと低いものが用意されています。

ディスプレイごとの画素数/解像度の水準一覧

おおざっぱに言うと、「SD以上にすると、通常のPCより大きな画面サイズでも綺麗に見えますよ」という意味です。

あくまでディスプレイ表示のためのものなので、印刷するならこれらは荒くなるのでおすすめしません。

4kやHDなど、実はこれらはテレビでよく見る記載です。

Tiki(帽子)

スマートフォンが普及したのはここ10〜20年ほどの事。

それまでは動画を映す=TVしかなかったので、TVが基準になっている表現のようです。

TVの大きさは決まっているので放送局がテレビ番組を作る際には、それに適したサイズ、解像度を選ぶ事が出来ます。

では、PCだとどうなるでしょうか？

GG(眼鏡)

TVと同じく、PCの大きさに合わせたサイズでイラスト作成すれば良いんでしょ？

Tiki(帽子)

PCのディスプレイの大きさは割と自由。

AppleのMacでも機種ごとにディスプレイの大きさが違ったりする。

あと、スマホでサイトを開く事もあるよね。

GG(眼鏡)

webにアップしたイラストは、PCとスマートフォンと合わせると本当に色々な大きさのディスプレイで表示される事になるんだね；

 

じゃあ、何に合わせてサイズを作ればいいの？

実は、全てのPC/スマホに合わせられる画像サイズというものはありません。

全てに合わせるのは無理。多くのユーザーが快適に表示しやすいサイズで作ろう！

ディスプレイ比率の違うPCがたくさんあるので、どのPCにもピッタリ合わせたサイズで作るのは不可能です。

WEBアップロードサイズを決める時は

「このサイズにしておけば、大体のPCに表示出来るな。」

くらいのスタンスでOK。

解像度が小さいとどう見えるのか？

大きいものとの違いは、記事の後ろのディスプレイ解像度とイラスト解像度の関係性で解説しています。

具体的なおすすめサイズの数値を紹介しているのが下の記事です。

世界全てのデバイスのディスプレイにピッタリ合わせられる画像サイズというものはないので、最近はブラウザである程度丁度良く見えるように合わせてくれます。

自動的に小→大にサイズ変更する事は基本的にないですが、ディスプレイより大きいサイズのものはある程度合わせてくれますよ。

Tiki(帽子)

ブラウザというのは、Safari、google chromeなどのインターネットを開くソフトの事ですよ。

アイビスペイントで紙サイズ/WEBアップロードサイズ両方つくる方法

「大体のPCに合わせたサイズでアップロードすればok」

という事が分かったところで、おすすめの作成方法を紹介します。

イラストを作成する上での注意点が、

に変更する事は出来ますが、

には出来ない事です。

なので

という手順がオススメです。

この方法であれば

どちらも用意出来ます。

実際にアイビスペイントでやってみましょう。

印刷サイズでキャンバス作成

印刷用サイズは、今回はA4サイズで印刷出来るものでキャンバス作成していきます。

A4サイズでイラスト作成して、ポストカードサイズに変更は出来ますが、その逆は出来ません。

心配であれば、大きめサイズに作るのがおすすめです。

アイビスペイントを開き、マイギャラリーをタップ。

次の画面、右上にあるプラスマークを押すと、新規キャンバスのサイズを決める画面が出てきます。

A4の印刷サイズは用意されていないので、カスタムで作成します。

mmになっているのを確認して、297×210と入力して、350dpiに解像度を合わせます。

OKを押すと、アイビスペイントから警告が出て来ます。

警告の通り、サイズが大きく解像度も高すぎるものだとアプリが停止する事もあります。

了承のうえ、okで進みます。

絵を描く

通常通り、絵を描きます。

アイビスペイントの使い方や、配布ブラシを使ったりカスタムしたい方はこちらの記事もどうぞ。

今回の例は線画のモノクロですが、ここからの操作は、カラーイラストでも同じです。

マイギャラリーで複製する

先ほどのイラストは、印刷出来るA4サイズ、350dpiの解像度で作りました。

このデータの複製をつくります。

マイギャラリーで点が３つのマークをタップすると「作品を複製」が出てくるので、こちらをタップ。

データがひとつ増えて、複製出来ました。

WEB用に変更する

複製したイラストを開きます。

左メニューにある「キャンバス」をタップ

画像解像度変更をタップ

そうするとこのような画面が出ます。

この350dpiを72dpiに変更しましょう。

Tiki(帽子)

350dpi→72dpiにすると、他の値は自動的に変更されるよ。

変更出来たら、緑のチェックマークをタップ。

これで2つのイラストの片方を、WEBアップロード用のサイズに変更出来ました。

印刷サイズ用と、WEBアップロード用。

見比べた時に、WEBアップロード用の方が少しぼやけて見えるのに気がつくと思います。

ディスプレイの解像度とイラストの解像度の関係性

GG(眼鏡)

さっきより少しだけど、画質が荒くなって見える？

Tiki(帽子)

荒い理由は、さっきの変更で(今回使っている)iPadの解像度より荒くなるよう変更したからだよ。

ディスプレイの解像度よりイラストの解像度が小さいと荒く見える

では、作成したそれぞれのイラストの解像度を確認してみましょう。

アイビスペイントの解像度確認方法

マイギャラリーで確認したいイラストをタップ。

右上の○にiのマークをタップ。

作品情報が確認出来ます。

印刷出来るA4サイズのイラストは、4093×2894pixelです。

webアップロード用に変更したイラストは、先ほどの350dpi→72dpiの変更でイラストサイズが841×595pixelになっています。

私のiPad、iPad pro10.5インチは、解像度が1668×2224pixelです。

iPadの解像度より72dpiのイラストの解像度が小さいですよね。

ディスプレイのサイズより画像データのサイズが小さい場合、少し荒く見えるようになります。

GG(眼鏡)

イラストが荒いのは嫌だよ〜。

少しでも荒さを感じるのは嫌だ！と感じるかもしれません。

でも、この場合でもスマートフォンで見る分には画面が小さいのでイラストの荒さは見えません。

PCに関しても、ほとんどのサイトで、画面いっぱいにイラストを表示させる事はあまりありません。

pixivやTwitterなどを見る時でも、周りに操作のための空間があり、真ん中にイラストがありますよね。

その場合、大体ディスプレイの3/4くらいの表示。

それを考えると、最大900×1200pixelサイズでアップロードしておけばほとんどのPCとスマートフォンで綺麗に表示出来ますし、データサイズも軽いので表示に時間がかからないという考え方なのです。

GG(眼鏡)

完璧にディスプレイに合わせたサイズではないけど、「多くのユーザーが快適に表示しやすいサイズ」という事なんだね。

解像度を変更=サイズ変更

少し難しい話になりますが、解像度でなくキャンバスのピクセルを小さくするだけでも連動で同じ事になります。

4093×2894pixelを841×595pixelにすると、解像度は自動的に72dpiになります。

解像度のサイズ変更でも、サイズを変更しても適切なサイズに変更出来ます。

Tiki(帽子)

この辺りがややこしいところ…

画像をアイビスペイントからiPad内に書き出す方法

アイビスペイントの「ギャラリー」にある絵は、ソフト(アイビスペイント)の中にはありますが、iPadにはまだありません。

webアップロードには、一度iPadの中に絵を書き出しする必要があります。

書き出しが出来れば、pixivでもTwitterでも好きなサイトやSNSにアップロードが可能です。

マイギャラリーで、右上の◻︎に↑のマークをタップすると、保存形式が出てきます。

PNGの背景透過というのは、背景を透明な状態で保存する事。

背景透過で保存すると、下のようにキャラの背景を自在に変えられて便利です。

このアニメーションソフトについての記事はこちら

保存形式は、webアップロードならPNGかjpeg。

他のソフトでまた開いて手を加えたい場合にclip studioのCLIPや、 photoshopのPSDを選びます。

どれか選ぶと、iPad上の「ファイル」か「写真」に保存がされます。

後はwebアップロードしたい場合は、そのサイトからiPad上のデータをアップロードする事が出来ます。

GG(眼鏡)

イラストをアップするだけでも、色々考える事があるものだね〜。

Tiki(帽子)

今回紹介したやり方で、是非アイビスペイントを楽しんでみてくださいね！