原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
微信小程序的一大特點就是“小”,小到什么程度呢,看圖就知道了
那小程序為什么要這么小呢,因為他想做到即掃即用,即用即走的理念,宏觀的說微信小程序是不需要下載,通過掃碼等方法直接在微信平臺上使用的軟件。其實微觀上,在第一次使用軟件的時候還是會下載下來的,之后就不會在下載。而在這個4G、wifi滿天飛的時代,1M的軟件下載能需要幾秒,所以可以理解成是一個不需要下載就能使用的軟件。
廢話說完了進入正題,既然小程序限制了項目的大小,而項目不可避免的會用到圖片、音頻、視頻等相對來說的大東西,要怎么處理呢。
我知道三個小方法僅供參考
1.將圖片轉成base64編碼,可以使用代碼來轉換,當然我才不愿意特意寫代碼轉,我懶,獻上一個在線圖片轉base64的地址:
http://tool.css-js.com/base64.html
這會得到一個很長很長很長的字符串,但是比較一下,是圖片占容量還是字符串占容量,我就放心的使用了
base64的格式
data:[][;charset=][;base64],
在html中使用的方法
<img src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />
在css中使用的方法
.demoImg{ background-image: url(“data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL….”); }
2.使用外部鏈接
推薦使用七牛,不僅能弄圖片,還能把本地的音頻(試驗過可以)、視頻(我猜可以)等轉成外部鏈接,這就更小了,一個鏈接解決這些占空間的資源,大家不妨學習學習
3.如果你有強迫癥一定要看到圖片
那就壓縮圖片吧,我這里有一個壓縮圖片的網址,壓縮的效果相當顯著https://tinypng.com/
這就是三種小方法,僅供參考僅供參考僅供參考,不說三遍我怕被人噴一臉