0-4．ホームページ制作で便利なサイト集_素材編【ホームページ制作の前に 】

アカイです。今回はホームページ制作で便利な素材サイトを紹介します。

ホームページ制作だけでなく、ブログ制作でも活用できますので、ぜひご参考ください！

１．おすすめの写真素材フリーサイト

・ぱくたそ

https://www.pakutaso.com/

「ぱくたそ」の利点は以下の通りです。

• 日本語サイト＝人物写真が日本人
• 高解像度（6720×4480px）の写真がダウンロード可能
• 奇抜系の種類が豊富

・stocksnap.io

https://stocksnap.io/

「stocksnap.io」の利点は以下の通りです。

• 海外サイト＝クオリティが高いものが多い
• 素材が何でもあるといっていいほど、種類と掲載数が膨大

・写真素材フリーサイトの使い方

筆者は「ぱくたそ」をメイン、「stocksnap.io」をサブとして使っています。

理由は単純で「ぱくたそ」が使いやすいからです。

はじめに「ぱくたそ」で検索し、良いものがなければ英語検索で「stocksnap.io」を活用するという使い方をしています。

２．おすすめの背景素材フリーサイト

・Bg-patterns

http://bg-patterns.com/

「Bg-patterns」の利点は以下の通りです。

• シンプルなパターン背景が豊富
• パターン背景選択後、自由に色とサイズのカスタマイズが可能

・背景素材フリーサイトの使い方

背景素材はシンプルな背景素材は「Bg-patterns」、込み入った背景画像であればAdobeのillustratorで作成と使い分けます。

補足として、そのほかの背景素材サイトを利用しない理由はブラウザ上でカスタマイズできるサイトがほとんど存在しないからです。

そのため「Bg-patterns」をおすすめしています。

３．リサイズ、ファイル変換サイト

・compressor.io

https://compressor.io/

・shrinkme

https://shrinkme.app/

・リサイズ、ファイル変換サイトの使い方

上記2つに大きな差異はなく、以下のことが可能です。

• 巨大サイズのサイズを50％以上容量カット
• jpg, png, svgの拡張子に対応

写真素材のサイズが大きい場合は、このリサイズサイトで容量カットしWEBデザインを行います。

４．まとめ

• 写真素材は「ぱくたそ」を主に活用
• 背景素材は「Bg-patterns」を主に活用
• 容量が大きい素材はリサイズサイトで容量をカット