讓你重新認識background的威力！ 百倍空間的節省！

首先我們觀察一下這張背景圖，如果你是一名合格的前端工程師 你回怎麼優化呢？

1. 初級前端：當然是拖入 tinypng或者ImageOptin 啦，如果你連這兩個都不知道，換份工作啦。
2. 高級億 一點的前端：麻煩給我這兩者圖我並排放
3. 搞基 高級工程師：麻煩切我兩張這樣的圖，水順便給我說下背景顏色（扶眼鏡）

 width 100vw
 height 100vh
 background url('1.png') repeat, url('2.png') top 10vw left 10vw repeat #FAF2F4
 background-size 20vw 20vw

利用好background的repeat和定位屬性就可以解決這種類桌布類型的背景圖的優化問題了