Q&A
HTMLでのWEB制作で画像を取り扱う時、どんな感じで画像をリサイズしてますか？
ベストな方法とその理由を教えてください。
macだと直接プレビューで大きさを調整して、それを貼り付けるのですが？
もしくはimgタグにidで名前を付けてcssの方で変形させるという方法を取っていますか？
最近制作を初めて初心者です。よろしくお願いします。
回答2件
0
ベストアンサー
読み込みの速さなどを考慮するときは、事前にトリミング、解像度調整、サイズ調整等を行なってからサーバーに上げています。
開発中は元の画像をcssでサイズ調整して使ったほうが画像のアップロードが一回で済むので楽です。
投稿2020/08/02 09:18
総合スコア179
0
imgタグにsrcset属性で持たせるのがモダンな感じだと思います。
html
1<img src="img/example-img.jpg" 2 srcset="img/example-img.jpg 1x, 3 img/example-img@2x.jpg 2x" 4 alt="Example image">
ブラウザの問題もあるかもしれませんが、picturefill.jsの導入で完璧です。
対応状況
https://caniuse.com/#search=srcset
HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう
http://kia-king.com/blog/tutorial/responsive-images-with-srcset/
投稿2020/08/02 06:58
総合スコア12
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/04 14:21