![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
アップする時に、画像サイズとか、決まりはあるのかな?
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
この記事では、pixivなどの SNSに絵をあげる時のむずかしい決まりを、初心者向けに
これにしておけばOK!
という最低限紹介しています。
この記事はこんな方におすすめ
- イラストSNSに絵をアップしたいけど、やり方が分からない!
- イラストSNSに絵をアップする時の決まりごとを知りたい。
- webにイラストをアップロードする時の適切なサイズ、重さ、保存形式を知りたい!
はてな
元漫画アシスタントのiPadブロガーNhashiが イラストやゲームの iPad活用の発信するサイトです。
【重要】ピクシブなどのイラストsnsにアップロードする時に気をつける事
イラストsnsをのぞくと、魅力的なイラストや漫画がたくさんあって楽しいですね!
自分もその中に入りたい!
と思っても、あまりPCで絵を描いた事がない場合、イラストsnsに画像をアップロードするために知っておく知識があります。
ネットに絵をアップするために、絵を保存する際に丁度いい大きさや形があるので、分かりやすく早見表にしました。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
・おかしな大きさでネットに表示されたり
・上手く表示がされなくなったり
してしまうよ。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
ネットにアップする時に知っているべき事は
・サイズとデータの重さ
・拡張子(保存形式)
の二つです。
【早見表】Pixiv投稿等の画像サイズ
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
イラストsnsに投稿する場合
なぜこの大きさかと言うと、PCのディスプレイの最大が大体このくらいだからです。
これ以上大きく作成すると縮小されて表示されます。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
もしくは悪くなるので、webだけに掲載するのであればこれくらいでOK。
スクロール前提だと、縦はこれより長くても問題ありません。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
webに載せる時は一律72dpiにしておけば良いんだね!
【2022.7.29追記】
公式の推奨漫画サイズ:1700×2400pixel
この場合もアップロードの際の解像度は72dpiで問題ありません。
ただし、72dpiでイラストを作成すると、印刷は出来なくなります。
ソフト別保存方法紹介記事
-
-
【初心者向け】アイビスペイントの画像保存/形式まとめ!【SDとは】
GG(眼鏡)アイビスペイントで絵を描こうとしたけど、どのサイズ、型式で保存すれば良いのかよく分からない! SDって何? Tiki(帽子)SDは、「アナログTVくらい綺麗に見える」表示。 この記事を読む ...
続きを見る
-
-
プロクリエイトで背景透過の保存!【初心者講座】
GG(眼鏡)プロクリエイトで背景透過したままでイラスト保存は、どうやるのかな? Tiki(帽子)背景透過は、PNGで保存しよう。 この記事では、プロクリエイトの保存方法について解説しています。 プロク ...
続きを見る
SNS等アイコンサイズ
詳しくはこちらの記事へ。
-
-
アイコンを作って楽しもう!SNSアイコンサイズ一覧
GG(眼鏡)自分でSNSのアイコンを作りたいな…。 サイズとか、どのくらいで作ればいいのかな? Tiki(帽子)この記事では、主要SNSのアイコンサイズの一覧と、作り方の知識を初心者にもわかりやすく紹 ...
続きを見る
印刷したい場合
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
解像度は、高いものを低くする事は出来ますが、低いものを高くする事はできません。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
印刷用に作成したものは、web用に変更出来るの?
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
心配であれば
①印刷用に解像度を設定してイラスト作成
②web用に解像度を変更してデータを別保存
それをアップすると良いと思う!
↓ 自作のLINEスタンプを作る時はweb用
-
-
販売なしの自作のLINEスタンプ作り方を解説!【仲間内で楽しもう】
GG(眼鏡)LINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? Tiki(帽子)自分だけでスタ ...
続きを見る
-
-
【ファミマ/ローソン】ネップリで自作シールを作ってみた!【作り方講座】
GG(眼鏡)最近、イラストを描くのが楽しい♪ 自分のイラストのシールが作れたら良いな! Tiki(帽子)ローソン/ファミマでのネットワークプリントなら、プリンタを持っていなくても1枚から自作シールが作 ...
続きを見る
-
-
【アクリー】自作アクリルグッズの作り方講座!
GG(眼鏡)自作のアクリルスタンドが作りたい! Tiki(帽子)アクリーで一枚からオリジナルのアクリルスタンドやキーホルダーが作成可能ですよ♪ こんな方におすすめ 推しのアクリルスタンドを作りたい! ...
続きを見る
漫画雑誌に投稿する時(モノクロ)
漫画雑誌に投稿する時(カラー)
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
カラーの方が情報量多そうなのに、不思議だな〜。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
↓これらのイラストデータが、ipadのGB数ごとにどのくらい保存できるかの記事を書きました。
ipadを検討中の方は参考にしてみてくださいね♪
-
-
【初心者向け】イラストのためのiPadオススメ容量!【保存数比較】
GG(眼鏡)イラストを描きたいからiPadが欲しい。 メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ 足りないと困るから、512GB買った方が良いのか?! Tiki(帽子)ち ...
続きを見る
-
-
絵を描く人にiPadが最強なわけ!【iPad歴5年が解説】
GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...
続きを見る
【詳細】解像度/ピクシブなどのイラストsnsにアップロードする時のデータの保存方法
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
絵の中のpixelの数
だよ。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
解像度低い=pixelの数が少ない=データ軽い=拡大すると荒くなる=印刷出来ない場合がある
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
解像度の特性として、
解像度高い→低い に変更は出来る。
でも
解像度低い→高い に変更は出来ない。
という事があります。
なので、
あなた
・web発信用に72diで絵を描いた。
・でも、せっかくだから印刷して配布しようかな・・。
と思っても、印刷する事は出来ません。
正確には、出来るけど、汚く印刷されてしまいます。
印刷には300dpi以上の解像度が必須。
と覚えておきましょう。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
「300dpiが境目」なんだね。
この問題に対処する方法として、
1.まず、印刷出来る300か、350dpiで絵を描いて保存する。
2.webにアップロードするために別名保存で72dpiのデータをつくる。
こういう手順でデータをつくるクセをつければ、後で気が変わっても印刷する事が出来ます。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
・データが重すぎてアップロード出来ないか
・出来ても表示に時間がかかって読者が見辛くなる。
データが重くても2MB以下になっているか、確認してからアップロードしましょう!
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
用途で一番丁度良い感じを選ぶ必要があるんだね。
【保存形式】ピクシブなどのイラストsnsにアップロードする時はこれ
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
聞いた事あるような、ないような…
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
基本的にはjpegで保存すればOKなので、あまり難しくないよ。
少し詳しく知りたい人向けに、解説します!
ペイントソフトで絵を描いて、完成した時に、PCに絵を保存しますね。
保存する時に、絵のタイトルの後ろに
・.jpg
なんてものが出てくるのを見た事ありますか?
これらの拡張子は、保存する時に必ずついてくるものです。
拡張子には何種類かあります。
拡張子ごとに、
「これはこういう特性のデータですよ」
という特徴があり、皆、PCを使う人は用途で使い分けています。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
PCを触らないと、あまり馴染みがないかもしれないね。
拡張子には「文字データだよ。」というような、画像データ以外のものもあります。
この記事では絵を描く人に向けて
画像データを保存する時に最低限知っておくべき代表的なもの
を解説します。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
とりあえずこれを覚えておけば大丈夫。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
画像データだよ。という代表的な拡張子
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
・.jpg
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
聞いた事あるような気もする。
拡張子によってはデータを開くソフトが対応していなくて開けない、という事もあります。
jpegとpdf
この2つはよく一般的に使われているものなので「開けない」という事態が起きにくいものです。
イラストsnsに絵をアップロードしたい時は、拡張子は.jpgで画像を保存しましょう。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
デジタルで絵を描くときは、とりあえず.jpegで作っておけば皆が見れるって事ね。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
ピクシブなどのイラストsnsにアップロードする時=.jpg又は.jpeg
.jpegと.jpgはどちらも同じ意味です。読み方はジェーペグ。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
一番一般的な、よく使われる画像データです。
イラストSNSにあげる時はこれにしておけば問題ありません。
各ペイントソフトもjpgに対応していないものは無いと思います。
それぐらい一般的に多く使われている拡張子です。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
【補足】ピクシブなどのイラストsnsにアップロードするにはマイナーな拡張子
.png:背景透過で保存できる
pngも画像の拡張子で、jpegと同じようにSNSにアップロードが可能です。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
jpegでなくあえてpngを使う場合があり、それは背景を透過させた状態で保存する時です。
jpegでは背景がない状態で保存すると、白い背景で自動的に保存されますが、pngは背景透過の状態で保存が可能です。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
キャラクターが同じで背景が変わってます↑↓
今回はアニメーションですが、静画も背景透過出来ます。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
背景透過ってこんなことが出来るんだね!
pngって便利。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
-
-
【FipaClip】初心者向け!手描きアニメーションアプリ使い方
GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。 無料でパラパラ漫画みたいにア ...
続きを見る
.pdf:ビジネス系画像保存
こちらも画像データですが、目で見て楽しむイラストレーションとかより、ビジネスなどの資料用途などが多い印象です。
読み方はピーディーエフ。
イラストレーションの保存という感じではないかな、と思います。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
プレゼンなどの時に使うイメージ。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
.psd:photo shopでのみ開ける
このサイトでは画像編集ソフトのPhotoshopも紹介しているので、こちらも説明しておきます。
.psdはphoto shopでつくったデータだよ、という拡張子です。
pixivにそのままアップロードは出来ません。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
それは数が多い訳だ…。
.ai
.aiは、photoshopを提供しているadobe社が出している別ソフト、Illustratorの拡張子です。
こちらもそのままpixivにアップロードは出来ません。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
.aiはベクターデータという形式で保存しており、解像度が関係ないデータです。
pixivの多くのイラストは、adobe illustratorを使用したものではなさそうです。
photoshopと違いパスという概念があり、書き味につるっとした特徴があります。
アニメーションソフトには、.aiでパーツごとに作成すれば動かせるものもあり、デザインチックなイラストに多い印象です。
.tiff:SNSにアップ可能
こちらも画像データの拡張子です。
実はこの拡張子でも、イラストsnsにアップロードはできます。
でも、.jpgよりマイナーなので、あまり積極的に使う事もないかなと思います。
イラストsnsにアップロードするのでなく、ほかの用途だと、この拡張子が役に立つ特性もあるので、そういう時に使う感じです。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
たくさん拡張子の種類があるんだな、という事がお分かり頂けたと思います。
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
使っていけば自然と知識もついてくると思うので、他にも種類がある。と認識出来ていれば最初は大丈夫!
はじめの頃はとりあえずwebにあげる時はjpg、と覚えておきましょう。
印刷用の重いデータはどうやって受け渡しする?
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
はい、350dpiのA4 40枚!!
………めちゃくちゃデータが重い。
どうやってこれ渡せばいいのかな?
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
安心して使えるデジタルストレージサービスを紹介しているので、下の記事を読んでみてくださいね!
-
-
【初心者向け】依頼イラストデータを画質を落とさずに送るには?
GG(眼鏡)イラストの画像データを送りたいけど、40枚もあるし一枚一枚のデータも重くてメール送信は厳しい・・。 画質を落とさずに渡す方法はないのかな? Tiki(帽子)デジタルストレージを利用すれば、 ...
続きを見る
イラストsnsにアップロードするために。まとめ
イラストSNSに絵をアップロードするためには、実はこんな事を考慮してイラストを作成する必要があります。
webで活動するには、今回の画像サイズ、解像度、拡張子の知識は最低限必要です。
本当は計算式がありますが、まずはこの通り作成すれば問題なくアップロード出来るはずです。
![](https://manganohaikei.xyz/wp-content/uploads/2020/05/A9E6CABE-288D-48A4-8E80-1219F33C8429-300x297.jpeg)
是非参考にして素敵な絵をSNSにアップロードして、交流を楽しんでくださいねー!
![](https://manganohaikei.xyz/wp-content/uploads/2020/06/IMG_1800-300x300.jpg)
是非投稿してみてね♪
-
-
【保存版】iPadを安く買う方法!セール一覧【学生は学割がオススメ】
GG(眼鏡)iPad、お得に買えるキャンペーンがあったと思うけど、いつだっけ? どうせならお得に手に入れたい! Tiki(帽子)・Apple公式の学割や初売り ・amazonブラックフライデーなど 一 ...
続きを見る
-
-
絵を描く人にiPadが最強なわけ!【iPad歴5年が解説】
GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...
続きを見る
-
-
【初心者も出来る】パースの書き方①写真からの消失点の見つけ方
GG(眼鏡)背景を描くにはパースというのが必要なんでしょ? どうやって書けばいいのかな? Tiki(帽子)この記事では、実際の写真を使って、初心者にも分かりやすいようにパースに重要な”消失点”の出し方 ...
続きを見る