手描きイラストをブログに載せる方法|スキャン・補正・サイズ調整のコツ

目次
  1. 手描きイラストをデジタル化する方法
  2. ブログ用のサイズにする
  3. 画像を調整
  4. WordPressにアップロードする
  5. 手描きイラストで、ブログを魅せよう

ブログに手描きイラストを使いたいと思ったことはありませんか?

手描きで描いたちょっとしたイラストを記事の挿絵にしたり、ブログのヘッダーで
アナログだからこその温かみや、

でも、デジタルとアナログは勝手が違うので

  • でもどうやってデジタルにするのかわからない
  • 写真を撮ったらなんだか画像が汚くなった

と、つまづいてしまうことも。

実は、少しコツを知っていれば、アナログイラストをきれいにブログに載せることができます。

この記事では

  • 手描きイラストをデジタル化する方法
  • ブログに載せるときの注意点

を紹介します。

手描きイラストをデジタル化する方法#

まずは、紙に描いたイラストをデジタルデータにします。
方法は大きく分けて2つあります。

① 画像をキレイに載せたい人は、スキャナーを使う#

スキャナーがある場合は、この方法が一番きれいです。
コンビニでスキャンもできますので、以下の設定を見ながら試してくださいね。

設定の目安

  • 300dpiでスキャン
  • PNGかJPGで保存

線や色もきれいに取り込めるので、できるだけ画質を重視したい場合におすすめです。

② 手軽に載せたい人は、スマホで撮影する#

スマホでも十分きれいに撮影できます。

窓際の自然光で撮ると、
影や色ムラが出にくくきれいに撮影できます。

ブログ用のサイズにする#

ブログでは、画像サイズも大切です。
サイズが大きすぎると、画像が重くなり、ページ表示を遅くしてしまうことがあります。

目安サイズは次の通りです。

  • 記事内の画像:1200px前後
  • ヘッダー画像:1600px前後

ポイントは、縦横の比率(縦横比)を変えないこと。

縦横比とは「横と縦のバランス」のことです。
この比率を変えると、イラストが横に伸びたり縦につぶれたりします。

画像サイズを変更するときは、縦横比を固定したまま縮小するようにしましょう。

画像を調整#

撮影やスキャンした画像を、パソコン上で見てみやすい形に調整していきましょう。

やることはシンプルで、次の3つくらいです。

  • 余白をカットする
  • 明るさを調整する
  • コントラストを少し上げる

これだけでも、イラストがはっきり見えるようになります。

画像の調整ソフトは初心者の方には Canva が一番簡単です。
ドラッグ操作だけでトリミングや明るさ調整ができるので、画像編集に慣れていなくても扱いやすいです。

または、スマホの写真編集アプリも使いやすいとおもいます。

明るさを少し上げるだけでも、線がはっきり見えるようになります。

WordPressにアップロードする#

画像の準備ができたら、WordPressにアップロードします。

記事に載せる場合は、

  1. 画像ブロックを追加
  2. 画像をアップロード
  3. サイズを調整

これだけで記事内にイラストを表示できます。

余裕があれば「altテキスト(代替テキスト)」や「キャプション」も設定しておくと、より丁寧な記事になります。
altテキストの書き方については、こちらの記事で詳しく解説しています。

手描きイラストで、ブログを魅せよう#

手描きイラストは、ブログの個性を彩ってくれる、心強いアイテム。

写真素材よりも

  • 温かみがある
  • オリジナル感が出る
  • 世界観を作れる

というメリットがあります。

簡単なイラストでも、
ブログの雰囲気をぐっと魅力的にしてくれるので、
ぜひ取り入れてみてください。

えみ
えみ

作って、遊んで、世界を広げる