海外ホスティング入門ホーム > サイトの最適化方法 > 画像の縦横サイズを指定する

サイトの最適化方法 ～ 画像の縦横サイズを指定する

img タグで画像を表示する時は、幅 (width) と高さ (height) を指定します。

サイズ (ディメンションと言います) を指定しないと、ブラウザは画像をダウンロードし終わるまで、画面のレイアウトを決定することができないため、表示が遅くなってしまう場合があります。

つまり img タグで画像を表示する時は、・・・

<img src="foo.png" alt="...">

ではなく、常に次のように width、height 属性を指定します。

<img width="48" height="10" src="foo.png" alt="...">

Page Speed を使うと次のように、ディメンション属性が抜けている要素と、そのサイズが一目でわかります。

こうしたツールを利用して、画像の width、height 属性を忘れずに書いておきましょう。

■ 初期費用、維持費の安い使いやすい安定した Web ホスティングを探している方におすすめ

当サイトでおすすめの初心者にも使いやすく、初期費用、維持費の安い使いやすい安定した Web ホスティングは『ブルーホスト』です。 Web サイトの最適化も当サイトで実証済みです。

新規ドメインの取得も簡単（通常、オンラインで取得手続き後直ちに利用可能）、WordPress、Joomla などのブログ、CMS についても簡易インストールサービスも含まれています。 特に WordPress についてはオフィシャル・ホスティングとして有名です。

» ブルーホストの詳細情報はこちら

海外ホスティング入門ホーム > サイトの最適化方法 > 画像の縦横サイズを指定する