104 ホームページに使用する画像最適化3原則

さて、みなさんはホームページで使用する画像にどれほどこだわっていますか？

ホームページに掲載する画像は、企業のサービスや商品を魅力的に伝えるうえで欠かすことのできない重要な素材です。

最適な画像を選ぶことは、ホームページの見た目を良くするだけでなく、読み込み時間を早め、検索エンジンで上位に表示させるはたらきもあります。

今回は、ホームページで使用する画像をより有意義なものにするために必ず知っておきたい、ホームページ画像の最適化３原則についてお話します。

ホームページに掲載する写真は、来訪者に商品やサービスを魅力的に伝えるための素材です。

可能な限り高品質な画像を使いましょう。

プロに頼む余裕がないからといって、ピンぼけや、ゆがんだ写真を使用していると、企業のイメージを損ないます。

写真素材サイトを利用すれば、イメージにぴったりな画像を手軽に利用することができます。

写真素材サイトには、有料・無料さまざまなサイトがありますが、そのメリット・デメリットは以下の通りです。

しかし、手軽に利用できるため他社でも同じ写真が使われているかもしれません。

またロイヤリティフリー＝著作権フリーではないので、規約をよく理解したうえで利用する必要があります。

一例として、下記のような無料サイトがあります。

あらかじめ欲しい画像のイメージが決まっていれば、有料サイトで探す方が確実です。

一例として下記のような有料サイトがあります。

自社の商品やサービスの写真はやはり自前で用意する必要があります。

簡単なコツさえふまえて撮影すれば各段にクオリティをアップさせることができます。

ホームページ作成で使用する画像のファイル形式には、「ＪＰＥＧ」「ＰＮＧ」「ＧＩＦ」の３つがあります。

各ファイル形式はそれぞれ向き不向きがありますので、適切なファイル形式を使い分けましょう。

データの重い画像ばかりを使用すると表示速度が遅くなり、Googleなどの検索エンジンの評価を下げてしまう可能性があります。

それぞれのファイル形式の特徴は下記の通りです。

ＪＰＥＧ ：
背景写真や商品・人物写真など、ほとんどの写真素材に適した形式です。ＰＮＧ形式に比べてファイル容量が小さく、すべての色を使用できるのが特徴です。
ＰＮＧ ：
文字を多く含んだ画像やロゴなど、写真以外の画像に適した形式です。画像を拡大したり、同じ画像を何度加工しても画質が劣化しないのが特徴です。ＰＮＧには、８ｂｉｔと２４ｂｉｔがありますが、より高品質な２４ｂｉｔで保存することをおすすめします。
ＧＩＦ ：
色数の少ないアイコンやボタン、ロゴなどの画像素材に適した形式です。使用できる色数は２５６色ですので、写真には不向きです。