導航:首頁 > 圖片大全 > js圖片載入慢如何壓縮圖片

js圖片載入慢如何壓縮圖片

發布時間:2023-10-03 17:49:22

1. 前端圖片壓縮優化工具conversion

image-conversion 是一個簡單易用的 JS 圖片轉換工具,提供了多種 Image、Canvas、File 和 dataURL 之間的轉換方法。

另外,image-conversion 可以指定大小來壓縮圖片。

1、將圖像壓縮到 200kb:

2、以 0.9 的質量壓縮圖像

image-conversion 提供了多種方法來實現 Image、Canvas、File 和 dataURL 之間的轉換,如下:

1、imagetoCanvas(image[, config]) {Promise(Canvas)}

將圖像對象轉換為畫布對象。

2、dataURLtoFile(dataURL[, type]) {Promise(Blob)}

將 dataURL 字元串轉換為 File(Blob) 對象,相當於把畫布的內容轉換成blob,type可以設置最終圖片的格式。

type的值可以為:"image/png", "image/jpeg", "image/gif"

3、compress(file, config) {Promise(Blob)}

壓縮文件(Blob)對象。

4、compressAccurately(file, config) {Promise(Blob)}

根據大小壓縮文件(Blob)對象。

5、canvastoDataURL(canvas[, quality, type]) {Promise(string)}

將 Canvas 對象轉換為 dataURL 字元串,該方法可以進行壓縮。

6、canvastoFile(canvas[, quality, type]) {Promise(Blob)}

將 Canvas 對象轉換為 Blob 對象,此方法可以進行壓縮。

7、dataURLtoImage(dataURL) {Promise(Image)}

將 dataURL 字元串轉換為圖像對象。

8、downloadFile(file[, fileName])

下載圖片到本地。

9、filetoDataURL(file) {Promise(string)}

將 File(Blob) 對象轉換為 dataURL 字元串。

10、urltoBlob(url) {Promise(Blob)}

通過圖像 url 載入所需的 Blob 對象。

11、urltoImage(url) {Promise(Image)}

通過圖片 url 載入所需的 Image 對象。

覺得效果不錯的請幫忙加個關注點個贊,經常分享前端實用開發技巧

閱讀全文

與js圖片載入慢如何壓縮圖片相關的資料

熱點內容
帥宅動漫圖片 瀏覽:565
瓜子發型圖片大全 瀏覽:67
筆記本怎麼換屏幕圖片 瀏覽:383
大臉盤子男生發型圖片 瀏覽:947
如何圖片轉word文檔列印 瀏覽:868
word中如何同時挪動很多圖片 瀏覽:429
小賊貓懸賞令圖片高清 瀏覽:993
發型圖片中短發燙發發型 瀏覽:746
黑白大圖片女生傷感 瀏覽:200
衣服禮物圖片 瀏覽:760
我愛讀書簡單的畫畫圖片 瀏覽:339
男生好苦惱圖片 瀏覽:62
文藝圖片手繪女生頭像 瀏覽:719
竹桌椅價格及圖片 瀏覽:480
2015文字圖片 瀏覽:55
素描歐美女生圖片大全 瀏覽:52
環保衣服的圖片大全 瀏覽:930
康熙通寶泉圖片及價格 瀏覽:150
手機的png類型的圖片怎麼改 瀏覽:26
美女下部的毛圖片大全 瀏覽:806