【CSS】画像の置き方は

ノートパソコンのファンの音がうるさくて､ノイズキャンセリングヘッドホンをつけていないと耐えることができません｡

3年ほど使っているのですが､買い換えか？あるいは修理｡もしくは我慢･･･｡

今のところは我慢に一票にしておきます｡

さて､ホームページ制作をしていて､だるいと思ったことがあります｡

それは､画像をどうやって置くかという問題です｡

大きく分けて､というかCSSで画像を置く方法は2つしかないと思います｡

1つはimg｡

もう1つはbackground-image｡

どうやって使い分けているのでしょうか｡

ぼくは､SEO的に問題ないところは後者にして､それ以外はimgにしています｡

一昔前は､imgに高さを指定すると､場合によっては画像がグニャッとなりましたが､今は､object-fitがありますし｡

なので､SEOを意識するならimg､そうでなければbackground-imageを使えばよろしいかと思います｡

ちなみに､ぼくの場合､メインビジュアルはbackground-image､それ以外はimgを使っています｡

今後もそういう感じで行きたいと思います｡