デジタル 発表方法 道具

【Pixiv投稿はこのサイズでOK!】画像サイズ早見表【初心者向け】

【Pixiv投稿はこのサイズでOK!】画像サイズ早見表【初心者向け】

眼鏡くん
pixivとか、イラストSNSに僕も絵をアップしてみたい!

アップする時に、画像サイズとか、決まりはあるのかな?

帽子ちゃん
SNSなどのwebページに絵をアップロードする時は、webに合わせた規格でイラストを作成する必要がありますよ。

この記事では、pixivなどの SNSに絵をあげる時のむずかしい決まりを、初心者向けにこれにしておけばOK!という最低限紹介してます! 

この記事はこんな方におすすめ

  • イラストSNSに絵をアップしたいけど、やり方が分からない!
  • イラストSNSに絵をアップする時の決まりごとを知りたい。
  • webにイラストをアップロードする時の適切なサイズ、重さ、保存形式を知りたい!

目次

ピクシブなどのイラストsnsにアップロードする時に知っておきたい決まり事

はてな

漫画の背景.xyzは、元漫画アシスタントのNはしが発信・制作に関して色々と解説しているサイトです!

イラストsnsをのぞくと、魅力的なイラストや漫画がたくさんあって楽しいですね!

自分もその中に入りたい!

と思っても、実はあまりPCで絵を描いた事がない。という場合、イラストsnsに画像をアップロードするために知っておく知識があります。

ネットに絵をアップするために、絵を保存する際に丁度いい大きさや形があります。

帽子ちゃん
そこの知識がないと、おかしな大きさでネットに表示されたり、上手く表示がされなくなったりしてしまうよ。
眼鏡くん
せっかく描いたから、綺麗な状態で見てほしいよ!

ネットにアップする時に知っているべき事は

サイズとデータの重さ

拡張子(保存形式)

の二つです。

Pixiv投稿等の画像サイズ【早見表】

イラストを作成する時、どのくらいのサイズでつくれば良いか、分からない時の目安をまとめました。

帽子ちゃん
まずはこれだけ覚えていれば大丈夫!

イラストsnsに投稿する場合

ポイント

イラストsnsに投稿する場合

解像度:サイズ関係なく72dpi

画像サイズ:最大で縦900×横1200pixel程度

オススメ:縦600×横900pixelなど

拡張子:jpeg

帽子ちゃん
なぜこの大きさかと言うと、PCのディスプレイの最大が大体このくらいなので、これ以上大きく作成すると縮小されて表示されます。

そうなると、データが重くなるだけで表示は変わらない。もしくは悪くなるので、webだけに掲載するのであればこれくらいでOK。

スクロール前提だと、縦はこれより長くても大丈夫ですよ!

眼鏡くん
解像度とか全然分からないけど、ペイントソフトで決めないといけないよね。

webに載せる時は一律72dpiにしておけば良いんだね!

帽子ちゃん
その通り。ただし、72dpiで作成すると、印刷はできなくなりますよ。注意。

印刷したい場合

ポイント

印刷したい場合

印刷する想定で絵をつくる場合は、絵のサイズに関わらず300dpi、350dpiに解像度を設定しておけばok

帽子ちゃん
webに掲載するだけでなく、印刷もしたい場合は解像度を300dpi以上に設定して作成しましょう。

解像度は、高いものを低くする事は出来ますが、低いものを高くする事はできません。

眼鏡くん
web用に作成したらもう印刷は出来なくなるんだね。

印刷用に作成したものは、web用に変更出来るの?

帽子ちゃん
出来る。心配であれば、印刷用に解像度を設定して、web用に"別名で保存"でデータをもう一つ使って、それをアップすると良いと思う!

漫画雑誌に投稿する時(モノクロ)

ポイント

漫画雑誌に投稿する時

投稿用B4 モノクロ原稿

解像度:600dpi

画像サイズ :257×364mm(B4)

拡張子:jpeg

漫画雑誌に投稿する時(カラー)

ポイント

投稿用B4 カラー原稿

解像度:350dpi

画像サイズ :257×364mm(B4)

拡張子:jpeg

眼鏡くん
モノクロよりカラーの方が解像度が低いんだね?

カラーの方が情報量多そうなのに、不思議だな〜。

帽子ちゃん
こーゆーもんなんだ、と覚えててね。

↓これらのイラストデータが、ipadのGB数ごとにどのくらい保存できるかの記事を書きました。

ipadを検討中の方は参考にしてみてくださいね♪

ipadメモリオススメアイキャッチ
【初心者向け】iPadのメモリは何GBを買うべき?イラスト保存枚数で解説

【初心者向け】iPadのメモリは何GBを買うべき?イラスト保存枚数で解説 眼鏡くんイラストを描きたいからiPadが欲しいけど、、メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ ...

続きを見る

絵を描く人にiPadが最強なわけ【iPad歴3年が解説】

絵を描く人にiPadが最強なわけ【iPad歴3年が解説】 眼鏡くんデジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 実際に使用している人のレビューを聞きたい! 帽子ちゃんこの記事で ...

続きを見る

解像度とは?ピクシブなどのイラストsnsにアップロードする時に、オススメのデータの保存方法

眼鏡くん
一応聞いておきたいんだけど、解像度って何なの?
帽子ちゃん
解像度とは

絵の中のpixelの数

だよ。

眼鏡くん
なるほど、デジタルの画像データは、小さいpixelが集まって構成されてるんだね。。

解像度低い=pixelの数が少ない=データ軽い=拡大すると荒くなる=印刷出来ない場合がある

 

解像度高い=pixelの数が多い=データ重い=多少拡大しても大丈夫=印刷ok
帽子ちゃん
こんな感じでイメージしておけば大丈夫と思います。

 

解像度の特性として、

解像度高い→低い に変更は出来る。

でも

解像度低い→高い  に変更は出来ない。

という事があります。

 

なので、

あなた

・web発信用に72diで絵を描いた。

・でも、せっかくだから印刷して配布しようかな・・。

と思っても、印刷する事は出来ません。

 

正確には、出来るけど、汚く印刷されてしまいます。

印刷には300dpi以上の解像度が必須。

と覚えておきましょう。

眼鏡くん
印刷出来るかどうかは、300dpiが境目なんだねー。

 

この問題に対処する方法として、

1.まず、印刷出来る300か、350dpiで絵を描いて保存する。

2.webにアップロードするために別名保存で72dpiのデータをつくる。

こういう手順でデータをつくるクセをつければ、後で気が変わっても印刷する事が出来ます。

 

帽子ちゃん
逆に、印刷する予定でつくった画像をそのままイラストsnsにアップロードしようとすると、どうなると思う?
眼鏡くん
うーん、pixelが多くて、綺麗な画像に見えるんじゃないの?;
帽子ちゃん
違う、解像度は多ければ良いってものではないよ。

データが重すぎてアップロード出来ないか、出来ても表示に時間がかかって読者が見辛くなる。

データが重くても2MB以下になっているか、確認してからアップロードしましょう!

眼鏡くん
過ぎたるは及ばざるがごとしって事か。

用途で一番丁度良い感じを選ぶ必要があるんだね。

ピクシブなどのイラストsnsにアップロードする時に知っておきたい事 【保存形式】

眼鏡くん
拡張子って、なんだ?

聞いた事あるような、ないような…

帽子ちゃん
拡張子は、保存データの後ろについてるやつのこと。

基本的にはjpegで保存すればOKなので、あまり難しくないよ。

少し詳しく知りたい人向けに、解説します!

ペイントソフトで絵を描いて、完成した時に、PCに絵を保存しますね。

保存する時に、絵のタイトルの後ろに

・.jpg

・.pdf

なんてものが出てくるのを見た事ありますか?

これらの拡張子は、保存する時に必ずついてくるものです。

拡張子には何種類かあります。

 

拡張子ごとに、

「これはこういう特性のデータですよ」

という特徴があり、皆、PCを使う人は用途で使い分けています。

眼鏡くん
皆、そんな事やってたんだ…
帽子ちゃん
タブレットやスマートフォンでは出てこないし、設定も出来ないようになってる事が多いよ。

PCを触らないと、あまり馴染みがないかもしれないね。

 

拡張子には「文字データだよ。」というような、画像データ以外のものもあります。

 

この記事では絵を描く人に向けて、画像データを保存する時に最低限知っておくべき代表的なものを解説します。

帽子ちゃん
種類はたくさんあるんだけど、使うものは限られているので、とりあえずこれを覚えておけば大丈夫。
眼鏡くん
はじめにいっぱい言われても、よく分からなそうだから助かるなー。

画像データだよ。という代表的な拡張子

帽子ちゃん
画像データの拡張子で、主に使われるのはこの2つです!

・.jpg

・.pdf

眼鏡くん
ジェイペグとピーディーエフ。

聞いた事あるような気もする。

拡張子によってはデータを開くソフトが対応していなくて開けない、という事もあります。

jpegとpdf、この2つは一番一般的に使われているので、開けない、という事態が起きにくいものです。

 

イラストsnsに絵をアップロードしたい時は、拡張子は.jpgで画像を保存しましょう。

眼鏡くん
フーン。

デジタルで絵を描くときは、とりあえず.jpegで作っておけば皆が見れるって事ね。

 

帽子ちゃん
これだけ知っておけば大丈夫ですが、以下でもう少し詳しく解説していきます。

ピクシブなどのイラストsnsにアップロードする時は、これにしておこう。.jpg又は.jpeg

.jpegと.jpgはどちらも同じ意味です。読み方はジェーペグ。

眼鏡くん
スペルは違うけど同じ拡張子なんだね。

 

一番一般的な、よく使われる画像データです。

イラストSNSにあげる時はこれにしておけば問題ありません。

 

各ペイントソフトもjpgに対応していないものは無いと思います。

それぐらい一般的に多く使われている拡張子です。

眼鏡くん
それは安心だ!!

ピクシブなどのイラストsnsにアップロードするためにはちょっとマイナーな拡張子。

.png:背景透過で保存できる

pngも画像の拡張子で、jpegと同じようにSNSにアップロードが可能です。

帽子ちゃん
pngは1つ特性があるよ。

jpegでなくあえてpngを使う場合があり、それは背景を透過させた状態で保存する時です。

jpegでは背景がない状態で保存すると、白い背景で自動的に保存されますが、pngは背景透過の状態で保存が可能です。

帽子ちゃん
背景透過が出来ると、↓こんな感じにいろんな背景にキャラクターを乗せかえるのに便利なんですよ♪

flipa clip背景透過2

キャラクターが同じで背景が変わってます↑↓

今回はアニメーションですが、静画も背景透過出来ます。

flipa clip背景透過

眼鏡くん
へー。

背景透過ってこんなことが出来るんだね!

pngって便利。

帽子ちゃん
さっきのアニメーションはipadアプリのflipaclipで、有料課金するとpng保存が出来ますよ。
【FipaClip】初心者向け!手描きアニメーションアプリ使い方【iPad】

【FipaClip】初心者向け!手描アニメーションアプリ使い方【iPad】 眼鏡くんipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ 帽子ちゃんそれなら ...

続きを見る

.pdf:ビジネス系画像保存

こちらも画像データですが、目で見て楽しむイラストレーションとかより、ビジネスなどの資料用途などが多い印象です。

 

読み方はピーディーエフ。

イラストレーションの保存という感じではないかな、と思います。

帽子ちゃん
仕事でイラストを納品する時に、このpdfが使われる事はまずありません。

プレゼンなどの時に使うイメージ。

眼鏡くん
内容が分かればOKな画像の時に使うんだね。

.psd:photo shopでのみ開ける

このサイトでは画像編集ソフトのPhotoshopも紹介しているので、こちらも説明しておきます。

.psdはphoto shopでつくったデータだよ、という拡張子です。

pixivにそのままアップロードは出来ません。

帽子ちゃん
photo shopは世界的に有名なadobe社のプロ使用の画像編集ソフトです。
眼鏡くん
拡張子ってソフトごとにあったりするんだね。

それは数が多い訳だ…。

.ai

.aiは、photoshopを提供しているadobe社が出している別ソフト、Illustratorの拡張子です。

こちらもそのままpixivにアップロードは出来ません。

帽子ちゃん
.aiは特殊なデータで、先程解説した解像度の影響を受けないです。

.aiはベクターデータという形式で保存しており、解像度が関係ないデータです。

pixivの多くのイラストは、adobe illustratorを使用したものではなさそうです。

photoshopと違いパスという概念があり、書き味につるっとした特徴があります。

アニメーションソフトには、.aiでパーツごとに作成すれば動かせるものもあり、デザインチックなイラストに多い印象です。

.tiff:SNSにアップ可能

こちらも画像データの拡張子です。

実はこの拡張子でも、イラストsnsにアップロードはできます。

でも、.jpgよりマイナーなので、あまり積極的に使う事もないかなと思います。

 

イラストsnsにアップロードするのでなく、ほかの用途だと、この拡張子が役に立つ特性もあるので、そういう時に使う感じです。

眼鏡くん
イラストの保存に使っても別に大丈夫だけど、特にこれをオススメする理由も無い感じか。

たくさん拡張子の種類があるんだな、という事がお分かり頂けたと思います。

帽子ちゃん
たくさんあるけど、暗記する必要はないよ。

使っていけば自然と知識もついてくると思うので、他にも種類がある。と認識出来ていれば最初は大丈夫!

はじめの頃はとりあえずwebにあげる時はjpg、と覚えておきましょう。

イラストsnsにアップロードするために。まとめ

イラストSNSに絵をアップロードするためには、実はこんな事を考慮してイラストを作成する必要があります。

webで活動するには、今回の画像サイズ、解像度、拡張子の知識は最低限必要です。

本当は計算式がありますが、まずはこの通り作成すれば問題なくアップロード出来るはずです。

眼鏡くん
せっかくイラストSNSを楽しみたいのに、計算とかしなくちゃいけないとやる気がくじかれちゃうよ。

是非参考にして素敵な絵をSNSにアップロードして、交流を楽しんでくださいねー!

帽子ちゃん
細々考えるより、行動する事で一番身になって覚えられるよ!

是非投稿してみてね♪

【初心者もカンタン!】アイビスペイントの使い方

【初心者もカンタン! 】アイビスペイントの使い方【保存版】 眼鏡くんアイビスペイントで絵を描いて、イラストSNSに投稿出来る様になりたいな! どうやって使えばいいんだろう? 帽子ちゃんこの記事ではイラ ...

続きを見る

販売なしの自作のLINEスタンプ作り方を解説!【仲間内で楽しもう】

販売なしの自作のLINEスタンプ作り方を解説!【仲間内で楽しもう】 眼鏡くんLINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだか ...

続きを見る

絵を描く人にiPadが最強なわけ【iPad歴3年が解説】

絵を描く人にiPadが最強なわけ【iPad歴3年が解説】 眼鏡くんデジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 実際に使用している人のレビューを聞きたい! 帽子ちゃんこの記事で ...

続きを見る

【初心者も出来る】パースの書き方①写真からの消失点の見つけ方

【初心者も出来る】パースの書き方①写真からの消失点の見つけ方 眼鏡くん背景を描くにはパースというのが必要なんでしょ? どうやって書けばいいのかな? 帽子ちゃんこの記事では、実際の写真を使って、初心者に ...

続きを見る

【初心者も出来る!】パースの書き方②消失点が複数出来る時とは?

【初心者も出来る!】パースの書き方②消失点が複数出来る時とは? 眼鏡くんパース(遠近法)では、消失点が複数ある場合があるって、本当? 帽子ちゃんこの記事では、どういう場合に消失点が複数になるのかを、初 ...

続きを見る

 

スポンサーリンク

-デジタル, 発表方法, 道具

Copyright© 漫画の背景.xyz , 2021 All Rights Reserved Powered by AFFINGER5.