GG(眼鏡)pixivとか、イラストSNSに僕も絵をアップしてみたい! アップする時に、画像サイズとか、決まりはあるのかな? Tiki(帽子)SNSなどのwebページに絵をアップロードする時は、web">

デジタル 発表方法 道具

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

pixivサイズ早見表

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

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

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

この記事では、pixivなどの SNSに絵をあげる時のむずかしい決まりを、初心者向けに

これにしておけばOK!

という最低限紹介しています。

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

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

はてな

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

【重要】ピクシブなどのイラストsnsにアップロードする時に気をつける事

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

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

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

 

ネットに絵をアップするために、絵を保存する際に丁度いい大きさや形があるので、分かりやすく早見表にしました。

Tiki(帽子)
そこの知識がないと

・おかしな大きさでネットに表示されたり

・上手く表示がされなくなったり

してしまうよ。

GG(眼鏡)
せっかく描いたから、綺麗な状態で見てほしいよ!

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

・サイズとデータの重さ

・拡張子(保存形式)

の二つです。

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

Tiki(帽子)
まずはこれだけ覚えていれば大丈夫!

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

ポイント

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

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

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

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

拡張子:jpeg

なぜこの大きさかと言うと、PCのディスプレイの最大が大体このくらいだからです。

これ以上大きく作成すると縮小されて表示されます。

Tiki(帽子)
そうなると、データが重くなるだけで表示は変わらない。

もしくは悪くなるので、webだけに掲載するのであればこれくらいでOK。

スクロール前提だと、縦はこれより長くても問題ありません。

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

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

【2022.7.29追記】

公式の推奨漫画サイズ:1700×2400pixel

この場合もアップロードの際の解像度は72dpiで問題ありません。

ただし、72dpiでイラストを作成すると、印刷は出来なくなります。

ソフト別保存方法紹介記事

アイビスペイントサイズ/解像度解説アイキャッチ
【初心者向け】アイビスペイントの画像保存/形式まとめ!【SDとは】

GG(眼鏡)アイビスペイントで絵を描こうとしたけど、どのサイズ、型式で保存すれば良いのかよく分からない! SDって何? Tiki(帽子)SDは、「アナログTVくらい綺麗に見える」表示。 この記事を読む ...

続きを見る

プロクリエイト背景透過アイキャッチ
プロクリエイトで背景透過の保存!【初心者講座】

GG(眼鏡)プロクリエイトで背景透過したままでイラスト保存は、どうやるのかな? Tiki(帽子)背景透過は、PNGで保存しよう。 この記事では、プロクリエイトの保存方法について解説しています。 プロク ...

続きを見る

SNS等アイコンサイズ

SNS等アイコンサイズ

SNSによって少し推奨サイズは違いますが、大体これでOK

300〜400pixel

解像度:72dpi

拡張子:jpeg

多少推奨サイズと違っても補正してくれるSNSが多いです。

詳しくはこちらの記事へ。

アイコン作成アイキャッチ
アイコンを作って楽しもう!SNSアイコンサイズ一覧

GG(眼鏡)自分でSNSのアイコンを作りたいな…。 サイズとか、どのくらいで作ればいいのかな? Tiki(帽子)この記事では、主要SNSのアイコンサイズの一覧と、作り方の知識を初心者にもわかりやすく紹 ...

続きを見る

印刷したい場合

ポイント

印刷したい場合

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

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

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

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

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

Tiki(帽子)
出来る。

心配であれば

①印刷用に解像度を設定してイラスト作成

②web用に解像度を変更してデータを別保存

それをアップすると良いと思う!

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

GG(眼鏡)LINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? Tiki(帽子)自分だけでスタ ...

続きを見る

手軽に自分の本を作る!コピー本の作り方

GG(眼鏡)自分で漫画を描いて、本にしてみたいよ。 お金がないと無理なのかなあ?; Tiki(帽子)お金をかけずに自分で小規模に本を作りたい場合は、"コピー本"という手がありますよ。 コピー本なら学生 ...

続きを見る

ネップリ-コンビニシールアイキャッチ
コンビニ自作シールを作ってみた!【作り方講座】

GG(眼鏡)最近、イラストを描くのが楽しい♪ 自分のイラストのシールが作れたら良いな! Tiki(帽子)ローソン/ファミマでのネットワークプリントなら、プリンタを持っていなくても1枚から自作シールが作 ...

続きを見る

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

ポイント

漫画雑誌に投稿する時

投稿用B4 モノクロ原稿

解像度:600dpi

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

拡張子:jpeg

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

ポイント

投稿用B4 カラー原稿

解像度:350dpi

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

拡張子:jpeg

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

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

Tiki(帽子)
こーゆーもんなんだ、と覚えててね。

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

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

ipadメモリオススメアイキャッチ
【iPad】メモリは何GBを買うべき?絵を描くだけなら64GBで良い理由

GG(眼鏡)イラストを描きたいからiPadが欲しい。 メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ 足りないと困るから、512GB買った方が良いのか?! Tiki(帽子)ち ...

続きを見る

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

GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...

続きを見る

【詳細】解像度/ピクシブなどのイラストsnsにアップロードする時のデータの保存方法

GG(眼鏡)
一応聞いておきたいんだけど、解像度って何なの?
Tiki(帽子)
解像度とは

絵の中のpixelの数

だよ。

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

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

 

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

 

解像度の特性として、

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

でも

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

という事があります。

 

なので、

あなた

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

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

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

 

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

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

と覚えておきましょう。

GG(眼鏡)
印刷出来るかどうかは

「300dpiが境目」なんだね。

 

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

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

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

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

 

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

・データが重すぎてアップロード出来ないか

・出来ても表示に時間がかかって読者が見辛くなる。

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

GG(眼鏡)
過ぎたるは及ばざるがごとしって事か。

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

【保存形式】ピクシブなどのイラストsnsにアップロードする時はこれ

GG(眼鏡)
拡張子って、なんだ?

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

Tiki(帽子)
拡張子は、保存データの後ろについてるやつのこと。

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

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

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

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

・.jpg

・.pdf

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

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

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

 

拡張子ごとに、

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

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

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

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

 

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

 

この記事では絵を描く人に向けて

画像データを保存する時に最低限知っておくべき代表的なもの

を解説します。

Tiki(帽子)
種類はたくさんあるけど、よく使うものは限られています。

とりあえずこれを覚えておけば大丈夫。

GG(眼鏡)
たくさん言われてもよく分からなそうだから助かるなー。

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

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

・.jpg

・.pdf

GG(眼鏡)
ジェイペグとピーディーエフ。

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

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

jpegとpdf

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

 

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

GG(眼鏡)
フーン。

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

 

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

ピクシブなどのイラストsnsにアップロードする時=.jpg又は.jpeg

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

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

 

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

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

 

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

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

GG(眼鏡)
それは安心だ!!

【補足】ピクシブなどのイラストsnsにアップロードするにはマイナーな拡張子

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

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

Tiki(帽子)
pngは1つ特性があるよ。

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

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

Tiki(帽子)
↓こんな感じにいろんな背景にキャラクターを乗せかえるのに便利なんですよ♪

flipa clip背景透過2

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

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

flipa clip背景透過

GG(眼鏡)
へー。

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

pngって便利。

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

GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニ ...

続きを見る

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

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

 

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

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

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

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

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

.psd:photo shopでのみ開ける

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

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

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

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

それは数が多い訳だ…。

.ai

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

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

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

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

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

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

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

.tiff:SNSにアップ可能

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

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

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

 

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

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

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

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

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

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

印刷用の重いデータはどうやって受け渡しする?

GG(眼鏡)
帽子ちゃん、合作漫画、僕の分は描いたよ!

はい、350dpiのA4 40枚!!

………めちゃくちゃデータが重い。

どうやってこれ渡せばいいのかな?

Tiki(帽子)
こういう時は、デジタルストレージサービスで受け渡しが便利です。

安心して使えるデジタルストレージサービスを紹介しているので、下の記事を読んでみてくださいね!

【初心者向け】依頼イラストデータを画質を落とさずに送るには?

GG(眼鏡)イラストの画像データを送りたいけど、40枚もあるし一枚一枚のデータも重くてメール送信は厳しい・・。 画質を落とさずに渡す方法はないのかな? Tiki(帽子)デジタルストレージを利用すれば、 ...

続きを見る

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

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

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

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

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

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

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

是非投稿してみてね♪

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

GG(眼鏡)アイビスペイントで絵を描いて、イラストSNSに投稿出来る様になりたいな! どうやって使えばいいんだろう? Tiki(帽子)この記事ではイラストを描く時のアイビスペイントの基本的な操作方法を ...

続きを見る

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

GG(眼鏡)LINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? Tiki(帽子)自分だけでスタ ...

続きを見る

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

GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...

続きを見る

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

GG(眼鏡)背景を描くにはパースというのが必要なんでしょ? どうやって書けばいいのかな? Tiki(帽子)この記事では、実際の写真を使って、初心者にも分かりやすいようにパースに重要な”消失点”の出し方 ...

続きを見る

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

GG(眼鏡)パース(遠近法)では、消失点が複数ある場合があるって、本当? Tiki(帽子)この記事では、どういう場合に消失点が複数になるのかを、初心者にも分かりやすく説明していきます!  GG(眼鏡) ...

続きを見る

 

人気記事

pixivサイズ早見表 1

GG(眼鏡)pixivとか、イラストSNSに僕も絵をアップしてみたい! アップする時に、画像サイズとか、決まりはあるのかな? Tiki(帽子)SNSなどのwebページに絵をアップロードする時は、web ...

iPad液タブ化アイキャッチ 2

GG(眼鏡)せっかくiPadがあるし、PCと繋いで液タブみたいに使えないのかな。 どうやってやるんだろう? Tiki(帽子)この記事では、Mac、WindowsごとにiPadを液タブ/ペンタブとして使 ...

3

GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニ ...

ipadメモリオススメアイキャッチ 4

GG(眼鏡)イラストを描きたいからiPadが欲しい。 メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ 足りないと困るから、512GB買った方が良いのか?! Tiki(帽子)ち ...

5

GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...

100均タッチペンオススメ 6

GG(眼鏡)100均にタッチペンが売ってるけど、どれが1番使いやすいんだろう? 性能的にイラストは描けるのかな。 Tiki(帽子)この記事では、元アシの管理人が ・ダイソー ・セリア ・キャンドゥ の ...

7

GG(眼鏡)LINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? Tiki(帽子)自分だけでスタ ...

アイビスペイント配布ブラシ使い方アイキャッチ 8

GG(眼鏡)憧れの絵師さん達が配布してくれてるブラシを使えば、あんな風に描けるのか・・! 今すぐ使いたい! どうすれば使えるんだろう? Tiki(帽子)この記事では、ブラシを配布してくれている人気yo ...

iPadアニメーションおすすめソフト 9

GG(眼鏡)ipadでアニメーションを作りたい!でもあまり自信がないんだよね・・ 初心者でも作れるアプリってあるんだろうか? Tiki(帽子)この記事では、初心者でも楽しんでアニメーション制作ができる ...

アイビスペイント-厚塗り-アイキャッチ 10

GG(眼鏡)厚塗りって、なんか格好良いよね〜。 どうやったらあんな風に描けるようになるんだろう。 Tiki(帽子)ここからは、元漫画アシスタントでほとんど色塗りをやってこなかった管理人が、厚塗りが出来 ...

error: Content is protected !!