商用サイトで使えるフリー素材サイトまとめ


アイコンや壁紙を設定したりアイキャッチ画像を用意したり・・・
と、WEBサイトを作る時に欠かせない存在なのが「素材」です。

今回はジャンル別に素敵な素材サイトをまとめさせていただきました!

無料、商用サイトでの使用可、リンク不要でも使用できるもののみですが
ご使用の際は必ず配布サイトの利用規約をご確認ください。

JPG、PNG、GIFがメインなのでフォトショやイラレがなくても大丈夫です!

壁紙素材

Subtle Patterns

wall

色合いや模様が主張し過ぎなくてちょうどいいです!

フリーテクスチャ素材館

wall

シームレスでも使えるリアルな質感のテクスチャ素材がたくさんあります。

somephoto

wall

使いやすいテクスチャや壁紙にも使用できる大きな写真素材が多種多様!

なんやかんやのパターン素材

wall

ドット柄やチェック柄からちょっと変わった柄まで色々です。

写真素材

足成

photo

写真素材といえば!というくらい有名な、掲載数多数のサイトです。

ゆんフリー写真素材集

photo

動物や植物から世界中の風景や町並みまで、画質の綺麗な写真ばかりです。

Imagebase

photo

PowerPoint用まで配布されている海外の写真素材サイト。

BEIZ Graphics

photo

ギャラリーのように美しい写真素材が並んでいます。

ふぉとさいく

photo

なんと、モデル犬、モデル猫の写真素材です。かわいい!

写真AC

photo

メールアドレスの登録が必要ですが、写真のレパートリーは多数。

PAKUTASO

photo

高画質素材が揃っています。元から綺麗なので使いやすいです!

.foto project

photo

ビジネス向けの人物写真やCG画像素材もあります。

Photo Material

photo

一般写真素材の他、Facebookのヘッダー画像サイズのものも配布されています。

ラブフリーフォト

photo

著作権フリーで使用できる写真素材です。

Photock

photo

有料でもおかしくない美しい写真を無料で配布されています!

アイコン素材

無料素材倶楽部

icon

GIF形式の小さめアイコンがどっさりです!

ICON HOIHOI

icon

色々なジャンルのシンプルアイコンが複数サイズで配布されています。

Icones.pro

icon

海外のアイコン配布サイト。ソーシャルアイコンもあります。

Iconfinder

icon

海外のアイコン検索サイト。「heart」とか「arrow」とか「twitter」とかで検索!

FindIcons

icon

上記のサイトで見つからなかったらこっちでも検索!

WEBサイト素材

ShanaBrian

icon

ダウンロードアイコンや矢印アイコンなどクオリティーの高い素材が揃っています。

ソザイング

icon

バナーやボタンなどのWEB素材の他、写真素材もあります。

blue-green

web

女性向けのやさしいイメージのWEB素材。壁紙もあります。

撮り放題.com

web

ネットショップ向けアイコン素材を配布されています。

Design Warehouse

web

文字入れ用メニューボタンやTwitterボタンなどなどです。

Tyto-Style

web

クオリティーの高いWEB素材です。

その他素材

百花繚乱

other

お花のイラスト素材ならここ!透過PNGとJPGから選択できます。

寄せ書きデザイン・素材集

other

リボンのイラスト素材ならここ!上記の姉妹サイトです。

矢印デザイン

other

矢印素材ならここ!色んな矢印ありますよ~!

フレームデザイン

other

フレーム素材ならここ!上記の姉妹サイトです。AIとPNG、両方配布してくれています。

フキダシデザイン

other

吹き出し素材ならここ!上記の姉妹サイトです。大きいサイズ、助かります!

フリーWEB素材 Re:vre

other

おまけ。mayuが運営する女性向け素材サイトです!
お陰さまでたくさんの方にご利用いただけているのですが、
当素材は使用の際にリンクをお願いしております。
ご協力いただける方はぜひご利用ください!

あとがき!

mayuがブックマークしているサイトを一部ご紹介させていただきました(´▽`)
素晴らしい素材を配布してくださっている皆さまに感謝です。

またお気に入りの素材サイトが増えたら追加しますねー!


こんな記事も書きました!

laptop-2838921_1280

WordPressでCSSの反映を確認しながら編集する方法

CSS編集方法についての前置き 「管理画面」→「外観」→「テーマ編集」→「スタイルシート」から ...

MORE

alarm-clock-2132264_1280

無料で簡単にロゴを作れるツール「LOGASTER」が斬新!

Webサイトを作るときって、ただのテキストタイトルを表示するよりも独自のロゴがあれば締まるのにな~っ...

MORE

season-1985856_1280

WordPressをカスタマイズする前に子テーマを作っておく

子テーマについての前置き WordPressはほとんどの方が既存のテーマから お好みのものを選ん...

MORE

background-2846221_1280

MacやiPhoneのスクショはめ込み画像を作る

そうそう、こんな画像ってたまに必要なときがありますよね!笑 これ、わざわざ画像を合わせ...

MORE

home-office-569153_1280

コピペで使える固定ソーシャルボタンBOX

WordPressでスクロール時も固定表示されるソーシャルボタンを 簡単に設置するためのテンプレー...

MORE

laptop-computer-1245981_1280

コピペで使えるCSSデザイン枠テンプレート

どシンプルなものからちょっと凝ったものまで、 CSSでスタイリングしたデザイン枠のテンプレートです...

MORE

cup-2884023_1280

名刺代わりのサイトを思いっきしリニューアルしてみた件!カスタマイズTIPS色々書きました。

mayuの活動なんかをまとめただけの俗に言う自己紹介サイトがありまして、 ちょっとお手すきになった...

MORE

background-2850091_1280

CSSでテーブル使わずに簡単レスポンシブ!下線だけ引いて横並びデザイン

こういった感じの、シンプルな2カラムの表を作成したいなーと思いました。 デザインは、下...

MORE

computer-1185626_1280

CSSでヘッダーの真ん中に吹き出しっぽい三角をつけてみた

アメブロからWordPressへと個人ブログを移すにあたって「どんなデザインでサイトを作ろうかなー」...

MORE

architecture-1868502_1280

CORE(TCD027)でトップページの新着記事一覧にページナビをつける

先日導入したCORE(TCD027)テーマについてのカスタマイズ記事でございます。 トップペー...

MORE

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

flower