PR

ブログで使用する画像(自作、商用利用可能な写真やイラスト)について

ブログ運営

ブログで使う画像には、ブログ記事で使う画像だけではなく、Webサイトや各記事のアイキャッチなども必要です。

自らイラストを描いて、ブログで使いたいという思い(夢)はありましたが、イラストをフリーハンドで描くスキルもありません。記事内で使う図などは、基本図形を組み合わせて作るところが私の実力です。

そこで、「大切なのは記事の内容」であり、見た目には凝らないことを自分に言い聞かせ、写真やイラストなどは商用無料で使えるものを使いブログを運営しています。

ここでは、ブログで使う画像データについて説明します。

スポンサーリンク

ブログで使う画像の種類

ブログで使う画像は、

  • 記事内で使う図
  • 写真
  • イラスト

があります。

記事内で使う図は、基本的にオリジナルなのですが、写真やイラストを素材として使うこともあります。

この時、写真やイラストの著作権を必ず確認してから使うことが必要です。

私がGoogleアドセンスをやっているので、Webサイト(ブログ)では、

  • 商用利用可能な写真やイラスト

を使っています。

  • 写真を使う場合は、Webサイトの著作権について確認しています。
  • クリエイティブ・コモンズ・ライセンスについては、以下の記事を参考にしています。

 

これまで使ったことのある写真やイラストについて紹介します。

[いらすとや]さん

イラストでは有名なWebサイトです。

  • ほんわかした感じのイラストが好みで、私「はかせ」のアイコンには、いらすとやさんの画像を利用しています。
かわいいフリー素材集
いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。
はかせ
はかせ

服の風合い変えるとかしたいのですが、頑張って色を変えるのが私の実力です。

[BEIZ images]さん

空とか海とか、風景など、きれいな自然の写真のWebサイトです。

  • ブログをはじめたばかりの頃は、アイキャッチとしてカテゴリ別に写真を変えて使っていました。
背景素材を無料ダウンロード|背景フリー画像 BEIZ images
背景フリー素材のベイツ・イメージズでは、背景や壁紙に使える画像を無料でダウンロードできます。高画質&高解像度の風景やテクスチャーなど、Web、DTP、動画、アプリ、背景等に使える商用利用可能なフリー素材として限りなく自由にご利用いただけます...

[Loose Drawing]さん

シンプルなイラストのWebサイトです。

  • はかせアイコンのイラストをお願いしたいと思っているのですが、自分の写真が必要なので、そのままです。
無料で商用可のフリーイラスト素材|Loose Drawing
シンプルなイラストが見つかるフリー素材サイト Loose Drawing。商用利用可能。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラストを無料で更新しています。

[Pixabay]さん

こちらも有名なWebサイトです。

  • 写真の他、3Dの人のイラストを使うことが多いです。
Just a moment...

アイキャッチ画像の探し方

ブログ投稿開始からしばらくの間は、カテゴリやテーマ別に同じアイキャッチ画像を使っていましたが、2021年頃からアイキャッチに上述のWebサイトのの写真やイラストを使うようになりました。

ブログ記事を書いてからアイキャッチ画像を探すと、投稿(記事公開)のタイミングが先送りになりがちなので、早めにアイキャッチ画像を作るようにしています。

アイキャッチは、ブログのテーマや投稿記事にもよりますが、私の場合以下のパターンが主となっています。

文字主体の記事

各ブログ共通ですが、できるだけ次のようにしています。

  • 背景画像の色づかいを統一する。
  • カテゴリ単位でアイキャッチのイメージを統一する。
  • カテゴリと投稿記事のタイトルを文字で入れています。
ビジョンで回す博士の品質マネジメント
品質マニュアルと規定例と内部監査や情報セキュリティなどの運用と教育
実験とCAEとはかせ工房
音振の実験・計測、シミュレーション、モデリングと振動制御、はかせ工房「ガンプラ、電子工作とプログラミング」

写真主体の記事

写真主体の記事は、次のようにしています。

  • 投稿記事のイメージの写真にタイトル(キーワード)を入れる。
写真で学ぶ航空機のモノづくり
博士による写真で見る軍用機と関連技術

イラストを含む記事

イラストを含む記事は、次のようにしています。

  • 上述の文字主体の記事や写真主体の記事のイメージに、投稿記事内で使っているイラストを重ね合わせる。
はかせ
はかせ

基本となる画像選びは、時間的に余裕がある時に進めるようにしていますが、その他は、できるだけ手間のかからない方法としています。

アイキャッチだけでなく、記事内の画像も凝り出すときりがありませんので、ある程度のところで公開優先で完成としています。

画像に使用するフォントと使用ソフト

ブログの画像で使う文字のフォントは、商用利用可能のフリーフォントを使っています。

IBMからオープンソースの日本語フォント「IBM Plex Sans JP」を使っています。

  • 私はWindows環境で、「OpenType >IBM-Plex-Sans-JP > hinted」のフォントを使っています。

 

図の作成には、以下のツールを使っています。

  • LibreOffice:Drawで図形作成、Calcでグラフ作成
  • paint.net:画像の加工、アイキャッチの文字の縁取り
はかせ
はかせ

レイヤーの使い方は、paint.netで覚えました。

 

なお、Kindleの原稿はマイクロソフトOfficeのワードを使っていますが、Kindleの表紙だけはGIMPを使っています。

はかせ
はかせ

2024年は、Office2024が出るよていなので、購入予定です。

スポンサーリンク

まとめ

ブログで使う画像には、ブログ記事で使う画像だけではなく、Webサイトや各記事のアイキャッチなども必要です。

自らイラストを描いて使いたいという思い(夢)はありましたが、残念ながらスキルがなく、記事内で使う図などを基本図形を組み合わせて作るのが私の実力です。

そこで、「大切なのは記事の内容であり、見た目には凝らない。」と自分に言い聞かせ、写真やイラストなどで商用無料で使えるものを使わせて頂き、ブログを運営しています。

ここでは、ブログで使う画像データについて、以下の項目で説明しました。

  • ブログで使う画像の種類
    • [いらすとや]さん
    • [BEIZ images]さん
    • [Loose Drawing]さん
    • [Pixabay]さん
  • アイキャッチ画像の探し方
    • 文字主体の記事
    • 写真主体の記事
    • イラストを含む記事
  • 画像に使用するフォントと使用ソフト
タイトルとURLをコピーしました