[問題] 圖片大小與螢幕寬度的問題

作者: PainKing0975 (PainKing0975)   2018-02-05 13:56:19
前輩好:
假設我有一張圖是1920*1080
那麼螢幕解析度只要在這之下的
我可以設定等比例縮小也不會失真
但是這樣來說圖片的容量會太大
而如果螢幕解析度又高於1920*1080的話
像是imac那種2560*1440的
這樣圖片一樣可以等比例放大
但是就會失真了
請問一般來說,圖片大小應該要怎麼設置比較好?
有沒有什麼準則或是規則呢?
謝謝。
作者: altecjc (嘉誠)   2018-02-05 15:10:00
svg ?
作者: diabloevagto (wi)   2018-02-05 20:59:00
你可以設定最大尺寸,總不會無限放大吧
作者: PainKing0975 (PainKing0975)   2018-02-06 00:13:00
目前看到可以的好像是上面大大說的svg.
作者: miau (米奧)   2018-02-06 15:06:00
https://css-tricks.com/responsive-images-css/利用 srcset 跟 media query 可以解決你的問題

Links booklink

Contact Us: admin [ a t ] ucptt.com