ホームページを綺麗に見やすくする!画像の加工方法を解説
ホームページに使用する画像コンテンツを綺麗に表示させる方法やより見やすくする加工の仕方を解説。
2021/6/18
公開日:2021/12/8
最終更新日:2023/8/31
「バナー素材を探すのが苦手でいつも時間がかかる」
「できれば自分でバナー素材を見つけて依頼コストを抑えたい」
ホームページデザイン初心者の方は、プロや経験者と違い、バナー素材を見つけるのは容易いことではありません。
ECサイトであれば、イベントやキャンペーンによってバナーを更新する必要があり、その都度Web制作会社に依頼するのもコストが気になってしまいます。
そこで今回紹介するのは、バナー素材に使えるおすすめのサイト13選です。
ECサイトでも利用できるバナーの探し方についても触れていくので、ぜひ参考にしてください。
なお、ホームページ作成をご検討なら、Wepageをご検討ください。
そもそもバナーとは一体何なのか、イメージではわかるものの言葉にするのは難しいでしょう。
まずは、バナーについて簡単に解説をしていきます。
バナーとは一言でいうと、WebサイトやECサイト、ホームページに訪問してもらうきっかけになる広告画像です。
Webサイトはユーザーが訪れなければ、ブランド認知や商品・サービスの購入には至りません。
そのため、できるだけ多くのユーザーに訪問してもらえるように設置する画像付きの広告がバナーということになります。
意識して見てみると、インターネット上には実にたくさんの広告があり、企業やショップが展開しているバナーもさまざまです。
その中で、よりインパクトのあるバナーを作って、多くのユーザーにクリックしてもらう必要があるため、素材選びは非常に重要な選択になります。
バナーの役割は認知度向上や宣伝になる点です。
バナーは主に検索エンジンの広告枠やホームページ内に表示され、多くのユーザーに配信ができます。
例えば、
などの悩みには、バナーを活用するのが効果的です。
バナーとしての役割を最大限に発揮するために、どんな内容なのかを一目でわかるようなデザインを心がけていきましょう。
ECサイトでバナーの素材を利用したいと考えている方は多いでしょう。
しかし、目的や制限を理解していないと、思わぬ落とし穴に落ちてしまう可能性があります。
そこで次に、ECサイトの素材利用の際に注意すべきポイントを見ていきましょう。
フリー素材だとしても、必ず著作権が存在します。
そのため、そのフリー素材は商用利用が可能な素材なのかどうかは必ず確認しましょう。
特に加工OKか、クレジット表記が必要なのかはチェックすべきです。
また、中には
での使用を禁止している場合もあります。
利用する際は、必ず素材を提供しているサイトの利用規約を読んで、正しいルールの上で活用しましょう。
また、海外のサイトの場合、利用規約が英語で記載されており一見するとわかりづらいものも多いですので、注意して利用していきましょう。
選ぶ素材がブランドイメージ・ターゲットに合っているかは、常に考えなくてはいけません。
もし、ブランドイメージ・ターゲットとバナーに違いが生じると、それだけでクリックされない可能性が高くなります。
例えば、革靴を専門に販売するECサイトで、りんごなどの果物のアイコンを使っても、イメージが合わず見向きもされないことが想像できます。
そのため、素材は必ずブランドイメージやターゲットに合わせたものを選ぶようにしてください。
サイトのオリジナリティを出すためには、有料素材も選択肢に入れるべきです。
無料で提供されている素材は、他のサイトでも使用されている可能性があり、オリジナリティは低くなってしまいます。
クオリティや他社との差別化を追求したいなら、有料素材を利用するのも視野に入れておきましょう。
ICOOON MONOはアイコン素材全てがモノトーンになっているサイトです。
ECサイトでも利用しやすいようなアイコンが豊富にラインナップされています。
ダウンロード前に、カラーを変更できる点も魅力。
モバイルユーザー向けのバナー素材を探している方におすすめしたいサイトです。
URL | https://icooon-mono.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・SVG・AI・EPS |
EC designは名前の通り、ECサイトで利用することに特化したバナー素材を扱っているフリー素材サイトです。
決済や発送用をはじめ、イベント・セールなどにも使える便利なアイコンが見つかります。
もちろん全て商用利用可能なので、安心してバナーとして使えます。
URL | http://design-ec.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPEG・PNG・AI・EPS |
em Studioはシンプルで利用しやすいアイコン・ボタン・イラストを揃えているフリー素材サイトです。
会員登録不要で商用利用ができるため、ダウンロードもしやすいです。
色・サイズも自由に加工可能なので、自社サイトのカラーに合わせやすいでしょう。
URL | http://www.emstudio.jp/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | PNG・AI・PSD |
SILHOUETTE DESIGN(シルエットデザイン)は影絵素材のサイトです。
サイト上で色を変更してダウンロードも可能なので、アイコンや記号として利用できます。
また、影絵を使って他とは違う印象的なバナーを作成する際にも使えます。
AIファイルが用意されているため、自身で自由に加工も可能です。
URL | https://kage-design.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・SVG・AI |
イラストACはアイコン・イラストを投稿しているユーザー数が多くバリエーションが豊富な中から選べる点が特徴のWebサイトです。
国内ユーザーに向けて提供されているフリー素材サイトのため、検索のしやすさや親しみやすさがある点も魅力でしょう。
URL | https://www.ac-illust.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・AI・EPS |
EVENTs Design premiumは、クリスマスやお正月などのイベント・行事に利用できるイラストに特化したWebサイトです。
20個ダウンロードするごとに追加使用条件はあるものの、シンプルながら愛嬌のあるアイコンが揃っています。
URL | https://event-pre.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・SVG・AI・EPS |
RIBBON FREAKSは、リボン素材に絞って提供しているフリー素材サイトです。
直線やアーチ、エンブレムやしおり状など、形もさまざまな素材が揃っています。
利用制限もなく、クレジット表記も不要のため、非常に使いやすいWebサイトといえるでしょう。
URL | http://ribbon-freaks.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・SVG・AI・EPS |
ソコストはシンプルなイラストが豊富に揃っているフリー素材サイトです。
シンプルだからこそバナー素材のイメージを損ねず、本来の目的に沿ったデザインに仕上げられるでしょう。
シーンやキーワードでも検索できるので、探しやすさも魅力です。
URL | https://soco-st.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | PNG・SVG・EPS |
写真が豊富なフリー素材サイトの中で、シンプルな使いやすさという点ではトップレベルにあるのが写真ACです。
お寺や日本円、和食など、海外サイトでは見つけにくい日本国内の写真素材が多く揃っています。
日本人をモデルにしたバナーを作りたい方にも最適です。
有料プラン、無料プランがあり、無料プランの場合は機能やダウンロード枚数に制限がありますので注意が必要です。
URL | https://www.photo-ac.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG |
ぱくたそはユーザー登録不要でフリー素材がダウンロードできるWebサイトです。
他の素材サイトにはないユニークで一風変わった写真が豊富にあり、「まさにこれがほしかった」となるケースも珍しくありません。
時事系の素材にも対応しているので、トレンドの写真がほしい方にもぴったりです。
また、ぱくたそで使用している素材を取り込み、AI画像も精製しているため、独創的な背景・デザインも揃っています。
URL | https://www.pakutaso.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPEG |
pixabayは海外のクリエイターが作品を提供しているフリー素材サイトです。
センスのある写真やおしゃれな写真が欲しいという方にはぴったりでしょう。
イラストや動画もダウンロードできます。
検索で入力する言葉には少し工夫が必要な点はあるものの、基本的に日本語サポートなので使いやすさは問題ありません。
URL | https://pixabay.com/ja/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG |
pro.fotoはプロカメラマンが撮影した高品質の写真素材が、無料のフリー素材として公開されているサイトです。
写真素材以外にも女性モデルに特化した素材サイト、料理や食材などのフードに特化した素材サイトなど提供されています。
種類別にサイトが提供されているため、必要な素材も探しやすいです。
URL | https://pro-foto.jp/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG |
O-DANは、フリー素材の画像を扱っているWebサイトを一括で検索するサイトです。
複数の素材サイトを行き来しなくてもいいので、収集の際に手間が省けます。
ただし、海外の画像サイトも検索結果に表示されるので、検索の仕方には工夫が必要です。
URL | https://o-dan.net/ja/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・SVG・AI・EPSなど |
GIRLY DROPは、おしゃれでガーリーな写真素材をダウンロードできるWebサイトです。
女性をターゲットにしたバナーや、おしゃれな雰囲気を伝えるバナーを作る可能性があるなら、覚えておいて損はないWebサイトでしょう。
商用利用可能・クレジット表記も不要と、使い勝手のよさも際立つ印象です。
URL | https://girlydrop.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPEG |
PIXTA(ピクスタ)は有料の素材サイトで、その規模は日本最大級の有名サイトです。
写真、イラスト、アイコンなどはもちろん、動画や音楽素材も購入できます。
日本の会社が運営していることもあり、日本人の写真素材も豊富で、どれもが高いクオリティです。
最小単位では550円(税込)から単品で購入できるほか、定額制プランもあるので、用途に合わせて購入しやすいです。
URL | https://pixta.jp/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | 素材に因る |
iStockは8,000万以上の写真・イラスト・映像素材が利用できる有料サイトです。
有料だからこそ、他社では扱っていない貴重でハイクオリティな写真・イラストを見つけることができるでしょう。
ベーシックプランは月額3,300円(税込)で利用可能です。
URL | https://www.istockphoto.com/jp |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | 素材に因る |
ツールの中にはオンライン上で作成でき、なおかつ素材も内包されているものがあります。
オンライン上でバナー作成したい場合には、これから紹介するツールはぜひ覚えておきましょう。
CANVAはロゴやポスター、名刺などのデザインをブラウザ上でデザイン・編集ができるサイトです。
ECサイトだけでなく、ビジネス用にバナーを作りたい方にもおすすめできます。
PhotoshopやIllustratorを使わなくてもデザイン力が身に付けられるので、Web担当が初めての方でも使いやすいでしょう。
URL | https://www.canva.com/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | PNG・JPG・PDF・MP4・GIF |
バナー工房はCANVA同様にブラウザ上で素材を編集・加工できるサイトです。
トップページから必要なアイコンやエフェクトを選ぶことができます。
直感的な操作でバナーを作れるので、デザインに関する技術が不要で制作可能です。
URL | https://www.bannerkoubou.com/ |
商用利用可否 | 可能 |
クレジット表記 | なし |
ファイル形式 | JPG・GIF |
Adobe Expressは、10万点以上のテンプレート・デザイン素材が用意されているデザインツールです。
直感的な操作に優れており、オンライン上ですぐにバナー作成を始められます。
パソコンからだけでなく、スマホからもデザイン制作ができるので、場所問わずバナー作成ができる点がAdobe Expressの特徴といえるでしょう。
URL | https://www.adobe.com/jp/express/ |
商用利用可否 | 可能 |
クレジット表記 | 不要 |
ファイル形式 | JPG・PNG・PDF |
今回はバナー素材に使えるサイトをご紹介しました。
バナーはユーザーが訪問するきっかけにもなる大事な広告画像です。
だからこそ、他社よりも目立つ魅力的なデザインにする必要があります。
ぜひ、今回紹介したサイトを参考に、インパクトのあるバナーを作ってみてください。