html - トリミングせずにアイコン画像を読み込みますか?

Question

ノブはこちら。アイコンリンク、つまりホーム、サイトマップアイコンを表す小さな写真をどのサイズ、つまり幅と高さでロードする必要がありますか。さまざまなブラウザーでレンダリングするときに画像を切り取らない普遍的な幅と高さはありますか? ありがとう、私は通常 88 x 88 に設定します。

Answer 1

いいえ、ブラウザは画像をトリミングしません。これについて心配することは何もありません。これに慣れていない場合は、画像のサイズだけでなく、Alt、タイトル (SEO - 検索エンジンの最適化のため) の配置に慣れることをお勧めします。

<img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42">

画像がトリミングされているように見える場合は、CSS が原因である可能性があります。たとえば Chrome では、画像を右クリックして [検査] を選択します。次に、[スタイル] タブの下の左下をチェックして、画像に影響するスタイルがあるかどうかを確認します。スタイルをクリックして、これらのいずれかが原因で画像がトリミングされるかどうかを確認できます。その場合は、それに応じて css を編集してください。