WebP（發(fā)音：weppy）是一種同時(shí)提供了有損壓縮與無(wú)損壓縮（可逆壓縮）的圖片文件格式，派生自影像編碼格式VP8，被認(rèn)為是WebM多媒體格式的姊妹項(xiàng)目，是由Google在購(gòu)買(mǎi)On2 Technologies后發(fā)展出來(lái)，以BSD授權(quán)條款發(fā)布。

WebP支持的像素最大數(shù)量是16383x16383。有損壓縮的WebP僅支持8-bit的YUV 4:2:0格式。而無(wú)損壓縮（可逆壓縮）的WebP支持VP8L編碼與8-bit之ARGB色彩空間。又無(wú)論是有損或無(wú)損壓縮皆支持Alpha透明通道、ICC色彩配置、XMP詮釋數(shù)據(jù)。

WebP有靜態(tài)與動(dòng)態(tài)兩種模式。動(dòng)態(tài)WebP（Animated WebP）支持有損與無(wú)損壓縮、ICC色彩配置、XMP詮釋數(shù)據(jù)、Alpha透明通道。

瀏覽器支持性

當(dāng)前網(wǎng)頁(yè)瀏覽器當(dāng)中，Google Chrome和Opera原生支持靜態(tài)與動(dòng)態(tài)的WebP格式，而Google Chrome自12版開(kāi)始支持WebP的漸進(jìn)式解碼功能。此外所有可以原生播放WebM影像的瀏覽器，也可以透過(guò)javascript來(lái)顯示W(wǎng)ebP影像。又Pale Moon 26+瀏覽器僅支持靜態(tài)的WebP圖像。Firefox瀏覽器亦在65.0版本支持WebP圖像。

網(wǎng)頁(yè)瀏覽器GNOME Web和KDE圖片瀏覽器Gwenview也支持WebP。

圖像軟件當(dāng)中，Picasa（從3.9版本起）、PhotoLine、Pixelmator、ImageMagick、XnView、IrfanView、GDAL、Aseprite和GIMP（2.10起）皆原生支持WebP格式。

蘋(píng)果在macOS Sierra及iOS 10的早期beta版本中加入了WebP支持。而在2016年9月7日發(fā)布的iOS 10和macOS Sierra GM種子版本中卻移除了WebP的支持。

IIS 對(duì)webp的支持

webp壓縮的在線(xiàn)網(wǎng)站（其實(shí)挺多的）：智圖http://zhitu.isux.us/

最近網(wǎng)站需要用到webp的圖片格式，具體什么是webp可以參考這里。

默認(rèn)IIS不支持webp格式，在網(wǎng)頁(yè)上會(huì)顯示404錯(cuò)誤。

如果在IIS中需要添加MIME類(lèi)型，具體截圖如下：

MIME 類(lèi)型說(shuō)明

設(shè)置為 text/html,直接使用域名地址訪問(wèn)是文字，但是放在img標(biāo)簽里是正常的
設(shè)置為 image/webp ，全部顯示正常(所以建議用這個(gè))

PHP添加圖像處理(ImageMagick)

下載地址：

安裝說(shuō)明：

具體步驟

1、下載了.zip程序包后，將壓縮包中的 php_imagick.dll 文件解壓到 你的 php安裝目錄的Ext目錄里(只需這1個(gè)文件，其它不需要)

2、修改你的php.ini文件，我的版本是7.3，所以添加的是內(nèi)容如下（放在哪個(gè)位置都可以）

[Imagick]
extension=imagick

有些版本的php需要把文件名寫(xiě)全

[Imagick]
extension=php_imagick.dll

參考一下你的php.ini中，其他extension的寫(xiě)法。

重啟IIS，或 IIS程序池，使得修改后的php.ini生效，運(yùn)行phpinfo()，應(yīng)該看到imagick的配置段

PHP代碼調(diào)用

因我用ThinkPhp，所以new 后面加一個(gè)斜杠 \ ，避免因命名空間不同而出錯(cuò)

/* Create the Imagick object */$im = new \Imagick(); /* Read the image file */$im->readImage( "/tmp/test.webp" ); /* Write the thumbail to disk */$im->writeImage( "/tmp/th_test.webp" );

IIS部份

在IIS管理器中，添加一個(gè)MIME即可

注意如果有些格式設(shè)置了mime還不能訪問(wèn)，你估計(jì)要去文件右鍵設(shè)置一下那個(gè)文件的權(quán)限了，添加一個(gè)iis_users的權(quán)限，特別是需要下載的文件更需要這樣設(shè)置一下.