フリーイラスト素材サイト39選【デザイナー厳選】

フリーイラスト素材サイト39選【デザイナー厳選】

Saki Hanazawa

Saki Hanazawa

こんにちは、デザイナーの花ちゃんです!

最近イラストのご依頼をいただくことが増えています。描くのは楽しい反面、時間がかかってしまうこともしばしば……。

そんなときの時短テクニックとしておすすめしたいのが、「ロイヤリティフリーのイラスト素材」です。自分のイラストと組み合わせることもできますし、構図や配色の参考としても役立ちます。

この記事では、無料で使えて、商用利用もできるフリーイラスト素材サイトをカテゴリーやテイスト別にまとめています。イラストは作者によって絵柄や表現の仕方に個性が出やすく、イメージに合ったものを見つけるのが難しいですよね。日頃からさまざまなテイストのイラストをストックして、引き出しを増やしておくことが大切です。ぜひイラストを探すときの参考にしてみてください!

イラストも作れるWebデザイナーを目指すなら……
イラストの制作のテクニックや基礎的なデザインスキルを一から学びたいとお考えの方は、Webクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」をぜひご検討ください。資料請求(無料)はこちらから。


※2022年3月に情報を更新しました

イラスト総合

イラストAC

イラストACのトップページの画像

イラストAC
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・EPS
  • クレジット表記:不要
  • ユーザー登録:必要

利用規約

商用利用可能なサイトとしてはかなり有名なサイトです。素材の数も圧倒的に多く、たくさんのクリエイターがイラストを投稿しているので、ジャンルやテイストも多岐にわたります。

素材をダウンロードするには、会員登録が必要です。

※ 無料会員だと1日に検索回数5回、ダウンロード回数9回までなど、利用に制限があります。

時短だ(ジタンダ)

時短だ(ジタンダ)のトップページの画像

時短だ(ジタンダ)
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

資料作成に便利なビジネス系を中心としたイラストで、線画やフラットだけでなく、他のサイトではあまり見つからないアイソメトリックもあります! テレワークの影響でウェビナーが増えた今、かなり重宝しそうですね。素材のなかには色をカスタマイズできるものがあり、ランダムに塗ったり、あらかじめ用意されたプリセットカラーから選んだりすることもできます。

「時短だ」のイラスト素材を使えば、きっと早く帰れます!

※ 累計20点までは無料で使用できますが、それ以上使いたい場合は条件をクリアする必要があります。

Freepik

Freepikのトップページの画像

Freepik
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:Ai・EPS
  • クレジット表記:必要
  • ユーザー登録:不要

利用規約

Freepikは海外のサイトですが、日本語にも対応しています。高品質なベクター素材やデザイン性の高いイラスト素材がたくさんあります。なかには無料でないものも含まれているので、ちょうどいい素材を見つけたのに有料だったなんてことも……。そんなときは素材の左上の王冠マークで判断することができます。無料利用の場合はクレジット表記が必要です。

※ 会員登録せずに、無料でダウンロードできるのは1日3点までです。

素材Good

素材Goodのトップページの画像
素材Goodのイラストの画像

素材Good
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・GIF
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

年賀状や学校での配布物におすすめの、ファンシー系のイラストが多いです。季節やイベント毎の素材も充実しており、数に制限なく利用できるので、1年まるっとこちらのサイトでそろいます。メッセージカードに使える飾り枠や背景素材も豊富です。

イラストナビ

イラストナビ
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

手書き風やマーカー風、水彩など、さまざまなテイストで描かれたイラストです。ゆるかわで特徴のあるタッチは、女性向けのメディアと親和性が高そうです! イラストの一つひとつに関連するコメントが書かれていて、ちょっとしたブログを読んでいるようです。

※イラストを30点以上使った商用デザインの場合は有償になります。

フリーアイコンズ

フリーアイコンズのトップページの画像

フリーアイコンズ
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・EPS
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

人物・動物・季節イベント・食べもの・家電・日用品など幅広いジャンルのイラストがそろっています。線がないフラットなイラストは、モチーフのイメージを意識しつつも、落ち着いたトーンで構成されています。

線画素材

Linustock

Linustockのトップページの画像

Linustock
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG(線のみと色のみ)・EPS
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

イラストのタッチが統一されており、線のみで描かれたシンプルでオシャレなイラストです。EPS形式はパスがアウトライン化されていないので、加工がしやすく、線の細さやタッチの変更が簡単に行えます。また、線と色でレイヤーが分かれているので、塗りやシルエット化もスムーズです。

サイト内で素材の加工テクニックが紹介されているので、ぜひ活用してみてください!

ソコスト

ソコストのトップページの画像

ソコスト
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・EPS・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

“ソコソコ”ではなく、とても汎用性があり、あらゆる場面で使えるイラストです。人物のバリエーションが豊富で、赤ちゃんからシニアまで年代別にイラストが用意されています。

 

一つのイラストにつき、テイストが4パターンあり、単色バージョンのみサイト上で色を自由に変えられます。こちらもEPS形式はパスがアウトライン化されていないので、線の太さも変更可能です。

Loose Drawing

Loose Drawingのトップページの画像

Loose Drawing
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

広告やフライヤー、スライド資料などにも使えるシンプルなイラストが毎週更新されています。Loose Drawingは“適当な線画”という意味らしいのですが、マーカーで描いたような手書き感溢れるタッチが印象的ですね。サイト上でテーマカラーの変更も可能です。

Skribbl

Skribbl
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

クリエイターのコミュニティから生まれた、手描き風のイラストがそろったサイトです。

イラストはモノクロで統一されていますが、イラストのタッチにバリエーションがあるので、線画にちょっとしたアレンジを加えたいときの参考にもなります。

※ダウンロードする際は、メールアドレスの入力が必要です。

ちょうどいいイラスト

ちょうどいいイラストのトップページの画像

ちょうどいいイラスト
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・EPS
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

どんなシーンにもあてはまるシンプルなイラストです。トレンドを押さえつつも、親しみやすくクセのないタッチなので、デザインを選ばずちょうどよく使えます。

バリエーションは「線画」・「単色」・「カラー」の3パターンあります。

shigureni free illust

shigureni free illustのトップページの画像

shigureni free illust
  • 商用利用:◯
  • 加工:△(性別の変更、顔パーツの追加等イラストのイメージを大きく変えるような加工は✕)
  • ファイル形式:PNG/SVG(有料)
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

素朴でかわいい女の子の日常を切り取ったようなイラストです。独特のゆるさがあり、丸みのあるフォルムと抜け感のあるタッチが特徴です。イラスト自体のタイトルにもかわいいが詰まっているので、サイトを見ているだけで楽しいです!

ビジネス素材 By Runland(ランランド)

ビジネス素材 By Runland(ランランド)のトップページの画像

ビジネス素材 By Runland(ランランド)
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・Ai
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

ビジネスシーンに合った人物イラストで、営業・受付・会議など、さまざまなシチュエーションがそろっています。

青を基調としたイラスト素材ですが、Illustratorの機能を使えば同じ色を一括で変更できます。やり方はおまめさんが書いたこちらの記事で紹介されています。

アイソメトリック

ISOMETRIC

ISOMETRICのトップページの画像

ISOMETRIC
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

アイソメトリックとは、物体を斜め上から見下ろしたような図形のことをいいます。

数はそれほど多くはないのですが、本当にフリー素材!? と思うほど、細かいところまで作り込まれています。デザインにそのまま使っても、まったく問題ないクオリティです!

Tech Pic

Tech Picのトップページの画像

Tech Pic
  • 商用利用:◯
  • 加工:△(素材のイメージを著しく損なうような加工は✕)
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

テック系をはじめとした、近未来を感じることのできるイラストです。今注目されているIoTやドローンの素材もあります。一つのイラストでモノやサービスの流れなどを表現できるアイソメトリックの良さをフル活用していますね。

パーツを組み合わせて使えば、オリジナルの一枚絵ができますよ!

※ 1制作物につき30点までは無料で使用できます。31点以上使う場合は、お問い合わせが必要です。

街並み・背景素材

TOWN illust

TOWN illust
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・EPS・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

家やビルの街並みや観光地などの建築物をテーマにしたイラストです。自由の女神やエッフェル塔など、人気の観光地もあるので、世界中を旅しているような気分になれます。

平面的なものから立体的なものまで、テイストもさまざまです。

OKUMONO

OKUMONOのトップページの画像

OKUMONO
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

配信者・VTuberさんにおすすめのポップでかわいい配信背景素材です。色のパターンも豊富で、部屋やライブステージなどの風景や季節に合わせた小物も用意されています。

素材のサイズも16:9(1,920×1,080)で作られているので、サムネイルや配信画面にそのまま使うことができます!

※ 1動画、1記事、1作品内で5点以上使用したい場合は購入が必要です。

海外風素材

unDraw

unDrawの画像

unDraw
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

IT・ビジネス系にぴったりな洗練されたイラストです。ミニマムなのでアニメーションとの相性がよく、コンセプトやメッセージをよりわかりやすく伝えたいときにも役立ちます。

サイト上でテーマカラーを変更できるので、Webサイトやサービスに使用する場合は、ブランドカラーに合わせてカスタマイズしましょう!

ManyPixels

ManyPixelsのトップページの画像

ManyPixels
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約はサイト内の「LICENSE」をクリックしてください。

テック系をはじめ、Webには欠かせないアナリティクスやマーケティングなどのイラストもそろっています。カテゴリーの分け方が秀逸で、イラストのタイプもアウトライン・モノクロ・アイソメトリック・線画・ツーカラーとあらゆるタイプをカバーしています。もはや使いにくい素材など一つもないです……! サイト上でテーマカラーの変更も可能です。

Open Doodles

Open Doodles
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・SVG・GIF
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

ポップでダイナミックな構図が特徴的なイラスト素材です。ジェネレーターを使うことで、配色を自由に変更することができます。

個人的には、蛍光色のような彩度の高いネオンカラーと組み合わせるのがおすすめです。

Storyset by Freepik

storyset by Freepikのトップページの画像

Storyset by Freepik
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・SVG
  • クレジット表記:必要
  • ユーザー登録:不要

利用規約

今回まとめたなかでもっとも自由度が高い素材サイトです。サイト上でテーマカラーを変更することはもちろん、スタイルに応じて小物や背景のレイヤーを非表示にできます。

 
storyset by Freepikのアニメーションのカスタマイズ画像

さらに、イラストによってはアニメーションをつけたGIFやMP4データとして出力できるなど、ありがたい機能が盛りだくさん!

イラストも同じテーマに対して4〜5種類のスタイルがあるので、好みのイラストがきっと見つかるはずです。素材を使用する際はクレジット表記が必要です。

漫画風素材

マンガパーツSTOCK

マンガパーツSTOCKのトップページの画像

マンガパーツSTOCK
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

自分で作ろうと思うと意外と大変な集中線や効果線など、漫画の表現によく使われるエフェクト素材がそろっています。視線を集めて強調したいときにはもってこいです!

 

集中線のみ、線の色と背景色を変更できます。さらに、サイト上で選んだ集中線のなかに任意の文字を入れることも可能です。

※ 累計20点までは無料で使用できますが、それ以上使いたい場合は条件をクリアする必要があります。

フキダシデザイン

フキダシデザインのトップページの画像

フキダシデザイン
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

ふきだしの数は1,000点を超えており、ふきだしってこんなに種類があるんだ……と驚くこと間違いなしです。会議資料や企画書の作成時にふきだしをうまく活用すれば、文字だけのときよりもメリハリが出て、印象を強く残せます。

こちらもサイト上でサイズや色を変更したり、任意の文字を入れたりすることができます。

※ 累計20点までは無料で使用できますが、それ以上使いたい場合は条件をクリアする必要があります。

マンガ文字素材dddFont(ドドドフォント)

ドドドFONTSのトップページの画像

マンガ文字素材dddFont(ドドドフォント)
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

漫画で使われる擬音表現を中心とした使いやすい文字素材が2,000点以上……! 一つの素材の中に、縦書き、横書き、袋文字など、10種類のバリエーションがあります。サイト上でサイズや文字色の変更も可能です。

他の素材と組み合わせれば、あっという間に漫画風のデザインが作れますね!!

※ 累計20点までは無料で使用できますが、それ以上使いたい場合は条件をクリアする必要があります。

手書き風素材

えんぴつ素材

えんぴつ素材のトップページの画像

えんぴつ素材
  • 商用利用:◯
  • 加工:明記なし
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

えんぴつで描かれた、あたたかみのあるイラスト素材です。やわらかで少し手癖のあるタッチは手書きならではの良さですね。デジタルに頼りがちなので、アナログで描くことの大切さを思い出します……。

Sui-Sai

Sui-Saiのトップページの画像

Sui-Sai
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

IllustratorやPhotoshopではなかなか再現が難しい、透明感のある水彩絵の具を使ったイラストです。

パーツに分かれた素材が多いので、はがきやDMなどのデザインにワンポイント入れるだけでも、印象がグッと良くなります。

Water Color Design Site

Water Color Design Siteのトップページの画像

Water Color Design Site
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

こちらも、Water Color(水彩絵の具)で描かれたナチュラルなイラストです。植物や花をモチーフにしたものが多く、繊細で清潔感のある印象なので、女性向けのデザインに取り入れやすいです。

姉妹サイトにもタッチの違う魅力的なイラスト素材があるので、ぜひのぞいてみてください!

ハンコでアソブ

ハンコでアソブのトップページの画像

ハンコでアソブ
  • 商用利用:◯
  • 加工:明記なし
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約はサイト内の「About」をクリックしてください。

消しゴムハンコでスタンプしたようなイラスト素材です。インクのかすれ具合や質感がリアルなので紙のテクスチャを活かしたデザインと相性が良さそうです。

最近は新しい素材の追加がないみたいなのですが、トレンドに左右されにくいイラストなので、どんどん使っていきましょう!

ベクターシェルフ

ベクターシェルフ
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・Ai・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

手描き感のあるタッチで描かれた、ナチュラルテイストのイラスト素材です。タッチが統一されているので、複数まとめて使うこともできます。

その名の通り、素材の形式はPNGデータの他に編集可能なAiデータ、SVGデータ(ベクターデータ)が提供されているので、本当にデザイナーにやさしいサイトです。

ガーリー系素材

ガーリー素材

ガーリー素材のトップページの画像

ガーリー素材
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・EPS・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

ふんわりやさしいパステルトーンのイラストです。お花や雑貨など、女の子のためのかわいいが溢れています。
ガーリーなデザインをするときは、テクスチャやドット・ストライプなどのパターンを使ったり、小物や飾りをコラージュするように重ねたりしていくと、「らしさ」が出ると思います!

ゆるやかGIRL COLLECTION

ゆるやかGIRL COLLECTION
  • 商用利用:◯
  • 加工:△(素材のイメージを著しく損なうような加工は✕)
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

ぞうさん(@yuruyakazou)が描く、大人かわいい女の子のイラスト素材です。ファッションも季節やトレンドを意識して描かれているので、とにかくオシャかわです!

また、顔の向きから素材の検索もできるので、デザインのバランスを見て最適なものを選べるのも嬉しいポイントです。

ヴィンヴィレ-VintageVillage-

ヴィンヴィレ-VintageVillage-
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

ヴィンテージ・レトロなテイストのイラスト素材です。ペン画のような、版画のような独特なタッチは、スクラッチボード(ひっかき絵)の手法で書かれているそうです。

なかにはダークなイラストもあるので、イラストの選び方によって、さまざまな世界観を演出できますね。

装飾素材

RIBBON FREAKS(リボンフリークス)

RIBBON FREAKSのトップページの画像

RIBBON FREAKS(リボンフリークス)
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・EPS・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

タイトル枠用のリボン素材を中心とした、リボンオンリーのイラスト素材です。直線型、アーチ型やS字型など、よく使うものがそろっています。

色のバリエーションだけでなく、リボンの長さが異なるものも用意されているので、入れたいテキストの文字量にあったものを選ぶとおさまりが綺麗です。

Frame Design(フレームデザイン)

フレームデザインのトップページの画像

Frame Design(フレームデザイン)
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

デザイン枠・飾り罫に特化したサイトで、素材の数は1,500点を超えています……! 素材のテイストも幅広く、クラシックやエレガントなど高級感を出したいときに使えるフレームや、色使いがかわいいポップなもの、和テイストなものまであります。

色や大きさの変更はもちろん、サイト上で文字を入れることも可能です。

※ 累計20点までは無料で使用できますが、それ以上使いたい場合は条件をクリアする必要があります。

食べ物素材

たべものそざいモール

たべものそざいモールのトップページの画像

たべものそざいモール
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

食べ物専門のイラスト素材で、食材・料理・飲み物・お菓子などがひと通りそろっています。配布されている素材の形式がPNG(72dpi)のみなので、バナーやアイキャッチにおすすめです。

個人的にはパンのイラストがつやつやしていて、とても美味しそうです。そしてかわいい。好きです。

oishiso

oishiso
  • 商用利用:◯
  • 加工:△(素材のイメージを著しく損なうような加工は✕)
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

こちらも、おいしそうなイラストがそろっている、食べ物専門の素材サイトです。和食、洋食、中華、スイーツなど、食のカテゴリーで分かれているので、好みのイラストを探しやすいです。

あたたかみのあるリアルなテイストが特徴的です。

※素材を10点以上使った商用デザインは有償になります。

その他ジャンル特化

ほかでは見つかりづらいイラストや、ちょっぴりマニアックなものまで、さまざまなジャンルに特化したイラスト素材サイトです。

農民イラスト

農民イラストのトップページの画像

農民イラスト
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約はサイト内の「利用規約」をクリックしてください。

“農”をテーマにしたイラスト素材です。東京都と栃木県で半農半デ(半分農家、半分デザイナー)をしている方が、“農”の魅力や動植物の尊さを再発見していくために運営されています。

水彩画風であたたかみのあるイラストは、どれも見ていてほっこりします。

ダ鳥獣戯画

ダ鳥獣戯画のトップページの画像

ダ鳥獣戯画
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG・JPG・Ai・EPS・SVG
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

日本最古の漫画ともいわれる鳥獣戯画(鳥獣人物戯画)のタッチで描かれた、イラスト素材です。

鳥獣戯画とは、ウサギやカエルをはじめとする大小さまざまな動物たちが、人間のような動作をする水墨画の絵巻物のことをいいます。私の通っていた大学の学長先生が鳥獣戯画の第一人者でした……!

現代の世情に合わせたユニークな鳥獣戯画も制作されているので、ぜひチェックしてみてください!

ガジェットストック

ガジェットストックのトップページの画像

ガジェットストック
  • 商用利用:◯
  • 加工:◯
  • ファイル形式:PNG/透過高画質PNG・EPS・SVG(有料)
  • クレジット表記:不要
  • ユーザー登録:不要

利用規約

その名の通り、スマートフォンやノートパソコンなどのガジェットに特化したイラスト素材です。説明書に載っているようなテクニカルイラストに近いものもあります。

カテゴリー検索のほかに作者別でもイラストを探すことができるので、似たようなテイストの素材を使いたい場合にはとても便利です。

ファイル形式について

ファイル形式の説明画像
素材は使用用途に合わせて、ファイル形式を選んでダウンロードすることをおすすめします! とくにWebデザインの場合、画像の重さがサイトの表示スピードに関わってくるので、上手に使い分けたいところです。

※ サイトによって用意されているファイル形式の数は異なります。

さらに詳しい違いや特徴は下記の記事をご覧ください!

ビットマップデータ

ビットマップデータとは、画像を小さな色付きの点(ピクセル)の集合で表した画像形式です。ラスター形式ということもあります。

JPG

一般的に使用されている画像形式で、圧縮率が高く、フルカラー(約1,677万色)の画像を扱えるので、多くの色が使われている写真や複雑なイラストに向いています。

拡大したり、保存を繰り返すと画質が劣化してしまうので、注意が必要です。

PNG

JPGと同じく、フルカラーで表現することができ、背景の透過にも対応しています。拡大すると画質は劣化しますが、保存を繰り返しても劣化はしません。人物写真の切り抜きや複雑なイラスト、素材を重ねて使用したい場合に向いています。

JPGより高品質ですが、画像によってはファイルサイズが大きくなることがあります。

ベクターデータ

ベクターデータとは、色や線などの画像情報をすべて数値で表した画像形式をいいます。ベクトル形式、ドロー形式ということもあります。

SVG

色情報や点・線、塗り・透明の情報が数値化されており、それをCSSやJavaScriptを使って変更したり、アニメーションを加えて動かしたりすることができます。拡大や保存を繰り返しても劣化せず、ファイルサイズも軽いです。

色数の多い写真やグラデーションが使われているイラストには不向きで、ロゴやアイコンなど単純な図形に向いています。

Ai(Adobe Illustrator)

Adobe社が提供している、Adobe Illustratorで編集できます。Illustratorの持つ機能をすべて保存できますが、基本的に他のグラフィックソフトで開くことができません。また、バージョンによっては、編集機能の一部が使用できなくなることがあります。Illustratorを持っている方はこちらの形式がおすすめです。

EPS(Encapsulated PostScript)

EPSはAdobe社が開発したPostScriptというプログラミング言語をベースとした、ベクターデータとビットマップデータの両方を含む画像ファイル形式です。

Adobe Illustratorでしか開けないAiデータと異なり、Adobe Photoshopをはじめとした、さまざまな編集ソフトに対応しています。

その他お役立ちサイト

その他LIGブログのなかで写真やアイコンのフリー素材の記事をまとめました。こちらも併せてご覧ください!

さいごに

あれもいい、これもいいと選んでいたら、39サイトにもなってしまいました……! サイトを運営してくださっているみなさまには感謝しかありません。素敵なイラスト素材を本当にありがとうございます。

またご紹介したいものがあれば、随時追加していきたいと思います。

それでは、花ちゃんでした!

働きながら♪ 授業の合間に♪ Webデザインを勉強するなら……デジタルハリウッドSTUDIO by LIG

未経験からWebデザイナーを目指すなら……
「Webデザイナーに転職したいけど、独学かスクールに通うか迷っている……」という方へ。Webクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」なら現場レベルのスキルが最短6ヶ月で身につきます。まずはどんなスクールなのかは概要資料にてご確認ください。

※資料請求のフォームに飛びます。

 

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

大学院修了後、ゲーム制作会社に新卒入社し、IPものを扱ったゲームや新規開発チームでゼロベースからのUI設計・デザインを経験。LIGにジョイン後はLIGブログや外部メディアのアイキャッチ・記事内画像の作成を担当。現在は企業やサービスだけでなく、地方創生に関わるロゴ制作やサイト制作を積極的に行う。

このメンバーの記事をもっと読む
WEBデザインをはじめよう | 39 articles
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL