Grid(グリッド)構成を基にしたWebサイトに画像を掲載する際、大きな画像の幅をPhotoshopなどで合わせてから掲載してますか、それともどの大きさでも同じ幅になるようにHTML/CSSで調整してますか?
まさかとは思いますが、CSSで調整っていうのは、小さかったり大きかったりする画像をwidthとかhightで強制的に一定のサイズにするってことですか?
え、そのまさか?だったり...www
PhotoShopでサイズを合わせるか、ほとんどの場合CMS側で自動的にリサイズした画像を生成させていると思います。
うちの場合はCSS側で調整。画像の大きさではなく、その画像の親要素に大してmax-widthを当てています。昔のブラウザはともかく、今のブラウザやこれからのブラウザはレンダリング処理が向上している/するので、これで問題ないです。対応できないブラウザはハックです。
デザインにこだわらない場合はそれでいいかもね。
みんなの回答 4 件
まさかとは思いますが、CSSで調整っていうのは、小さかったり大きかったりする画像をwidthとかhightで強制的に一定のサイズにするってことですか?
え、そのまさか?だったり...www
PhotoShopでサイズを合わせるか、ほとんどの場合CMS側で自動的にリサイズした画像を生成させていると思います。
うちの場合はCSS側で調整。画像の大きさではなく、その画像の親要素に大してmax-widthを当てています。昔のブラウザはともかく、今のブラウザやこれからのブラウザはレンダリング処理が向上している/するので、これで問題ないです。対応できないブラウザはハックです。
関連するトピックス