用 picture tag, 由大寫到小，最簡單的 RWD，可以分大小載不同的圖片
用 picture tag, 由大寫到小，最簡單的 RWD，可以分大小載不同的圖片
srcset 可以支援 1x 2x
https://blog.yuyansoftware.com.tw/2020/07/responsive-images-img-srcset/ media condition 符合 max width 640px, 知道需要 640px 的圖，就去找 640w 手機寬度為 400px, 符合 sizes 裡的 max-width 640, 知道需要 640px 的圖，就到 srcSet 找有 640w 的素材 注意，不會 RWD，這裡只會載入符合的，載過大的，就不會再載小的 iPhone6 375 * DDP 2 = 750px, 所以就會找到 1024w
只會載最高的 resolution
density
假設圖片寬度 = 50vw，viewport 寬度 = 500px, 螢幕 pixel density = 2x， 則圖片實際寬度 = 500 * 2 * 0.5 = 500w。
手機 1 col, 桌機 2 col(要超過 1536px，才會用到 1000w 的圖)
手機版，圖片 width: 200px，桌機 400px