おすすめフリー背景素材集

無料で使えるおすすめ背景フリー素材集

ホームページやブログなどの背景に利用できる背景素材をご紹介します。
紹介するサイトはどれも無料で使用できて、サイト上にクレジット表記などが必要ないものばかりです。

著作権については放棄されていないので再配布はできませんのでご注意ください。

ご自分のサイト等で利用するには問題ありません。

Bg-patterns

1000種類の背景素材が配布されています。（2021年3月15日時点）

かわいいものや、クラッシックなものまで幅広くあります。

一番のおすすめポイントは１種類の背景につき、サイズと色をアレンジできる点です。

サイズはXS~XLまでの７パターンが選択できるほか、色は３~５パターン用意されており、お好みで簡単にアレンジできるのが良いです。

設定した内容は画面右側に表示されるので実際のイメージを見ながら調整が可能です。

イラスト系の背景が多い点が他の背景素材サイトと違う点でしょうか。
ありきたりな背景は使いたくない場合や可愛らしいイラスト背景が欲しい場合はこちらを覗いてみてください。

Bg-patterns

フリーテクスチャ素材館

200種類弱の素材画像が配布されています。

和紙や木目など扱いやすい背景素材からアニマル柄まで取り揃えてあります。

一つの背景に3~5色のパターンが用意されており、ダウンロードすると全色を一括ダウンロードできます。

ダウンロードは素材画像下のSNSシェアボタンの上に「Download 　▼」があるのでそちらからダウンロードしてください。

https://free-texture.net/

TRANSPARENT TEXTURES

こちらは配布数が確認できないほどたくさんのテクスチャが配布されています。

無色のテクスチャをダウンロードするか、テクスチャに色をつけた画像をダウンロードするかの２パターンの使用方法があります。

クレジット表記が必要になります。（CSSのコメントに記述してあるのでそのまま表記すればOK）

利用方法

①好きなテクスチャを探してクリックする
　画面の背景が選んだものに変わります。

②画面左の「1. Choose a Color」で好きな色を選ぶ
　画面の背景もその都度変わるので確認しながら調整します。

③「Grab the CSS」のコードをCSSに貼り付けると選んだ背景が設定できますが、テクスチャ画像はダウンロードしたものを自分のサーバーに入れアクセスした方がアクセスに負荷がかからないのでおススメです。

④テクスチャをダウンロードする場合
　選んだテクスチャの「 Buecheler Download」をクリック

⑤色付きの背景素材をダウンロードする場合
　選んだテクスチャの「 Create Wallpaper」をクリック
　右側のデスクトップ画像のサイズを選んで「 Create Wallpaper」をクリック

https://www.transparenttextures.com/