hirojinblog
記事一覧へ

ブログやWeb制作で使いやすい画像・イラスト素材サイトのまとめ

サムネイル、背景、アイコン、イラストを探すときに使いやすい素材サイトをまとめました。各サイトのトップページスクショと、使いどころを短く紹介します。

web制作 画像素材イラスト素材アイコンブログ

ブログやWeb制作をしていると、ちょうどいい画像素材を探す時間が意外とかかります。

写真がほしい日もあれば、背景だけほしい日もあります。記事の中に少しだけアイコンを置きたいこともありますし、固くなりすぎないイラストを使いたいこともあります。

ここでは、自分が素材を探すときに候補に入れたいサイトをまとめました。どのサイトも便利ですが、利用条件は変わることがあります。実際に使う前には、各サイトのライセンスや利用規約を一度確認しておくと安心です。

OKUMONO

OKUMONOのトップページ

OKUMONO|配信画面・サムネイル背景フリー素材

配信画面やサムネイル向けの背景素材が探しやすいサイトです。

そのまま背景に敷ける素材が多く、画面作りの土台にしやすいです。

使いやすい場面: YouTubeサムネイル、配信画面、ブログの見出し画像。

icooon-mono

icooon-monoのトップページ

icooon-mono|商用利用可能な無料アイコン素材

シンプルなモノクロアイコンを探せるサイトです。

形が分かりやすく、色を変えても使いやすいです。

使いやすい場面: ボタン、カテゴリ表示、ちょっとした図解。

remove.bg

remove.bgのトップページ

remove.bg|画像の背景を削除

画像の背景を自動で切り抜けるサービスです。

人物や商品画像を、短時間で使いやすい素材にできます。

使いやすい場面: サムネイル用の人物切り抜き、商品画像の加工。

O-DAN

O-DANのトップページ

O-DAN|無料写真素材・フリーフォト検索

複数の写真素材サイトをまとめて検索できるサイトです。

最初にざっくり写真を探す入口として使いやすいです。

使いやすい場面: ブログのアイキャッチ、Webサイトの背景写真。

Pixabay

Pixabayのトップページ

Pixabay|高品質なフリー画像素材

写真、イラスト、動画などを幅広く探せる素材サイトです。

素材の種類が多いので、写真以外も一緒に探せます。

使いやすい場面: 記事画像、動画素材、背景に使うイラスト。

Loose Drawing

Loose Drawingのトップページ

Loose Drawing|無料で商用可のフリーイラスト素材

ゆるい雰囲気の人物イラストを探せるサイトです。

色を選びやすく、サイトの雰囲気に合わせやすいです。

使いやすい場面: ブログの説明画像、サービス紹介、やわらかい印象のLP。

unDraw

unDrawのトップページ

unDraw|Illustrations

シンプルで使いやすいベクターイラストを探せるサイトです。

UIやWebサービス系の説明に馴染むイラストが多いです。

使いやすい場面: アプリ紹介、機能説明、ポートフォリオ。

シルエットイラスト

シルエットイラストのトップページ

シルエットイラスト|無料のAi・PNG白黒シルエットイラスト

白黒のシルエット素材を探せるサイトです。

主張しすぎないので、資料や図解の脇役に使いやすいです。

使いやすい場面: 図解、ピクトグラム風の説明、資料用アイコン。

ノーコピーライトガール

ノーコピーライトガールのトップページ

ノーコピーライトガール|フリーイラストギャラリー

雰囲気のある女の子のイラストを探せるギャラリーです。

一枚絵として印象が強く、記事の空気を作りやすいです。

使いやすい場面: コラム、音楽・創作系の記事、SNS用画像。

Linustock

Linustockのトップページ

Linustock|シンプルな線画イラスト素材

線画のイラスト素材を探せるサイトです。

余白のあるデザインに合わせやすく、軽い印象で使えます。

使いやすい場面: Webサイトの説明パーツ、ブログの補足イラスト。

ソコスト

ソコストのトップページ

ソコスト|商用可・フリーイラスト素材

シンプルで親しみやすいイラスト素材を探せるサイトです。

クセが強すぎないので、いろいろな記事に合わせやすいです。

使いやすい場面: ブログの説明画像、資料、サービス紹介。

shigureni free illust

shigureni free illustのトップページ

shigureni free illust|素朴で可愛い女の子のイラスト素材

素朴でかわいい女の子のイラストを探せるサイトです。

日常感のあるイラストが多く、文章の合間に置きやすいです。

使いやすい場面: 個人ブログ、ゆるい解説記事、暮らし系の記事。

ざっくり使い分け

探したいもの見るサイト
サムネイル背景OKUMONO
アイコンicooon-mono
背景削除remove.bg
写真O-DAN / Pixabay
ゆるいイラストLoose Drawing / ソコスト / shigureni
線画Linustock
シルエットシルエットイラスト
雰囲気のある一枚絵ノーコピーライトガール
Webサービス風のイラストunDraw

使う前に確認したいこと

素材サイトを使うときは、最後にこのあたりだけ確認しておきたいです。

  • 商用利用できるか
  • クレジット表記が必要か
  • 加工して使えるか
  • 再配布やテンプレート利用に制限がないか
  • 人物・キャラクター素材の扱いに注意点がないか

素材は便利ですが、サイトごとにルールが少しずつ違います。特にサムネイル用に文字を重ねたり、色を変えたりする場合は、加工についての条件も見ておくと安心です。

まとめ

画像素材サイトは、目的ごとにいくつか覚えておくと探す時間がかなり短くなります。

写真ならO-DANやPixabay、背景ならOKUMONO、アイコンならicooon-mono。イラストは記事の雰囲気に合わせて、Loose Drawing、ソコスト、Linustock、shigureniなどを見ていくと選びやすいです。

素材探しに時間を使いすぎると、記事を書く手が止まります。よく使うサイトをいくつか決めておくと、ブログ作りが少し楽になります。