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

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

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

瀏覽器支持性

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

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

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

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

IIS 對(duì)webp的支持

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

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

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

如果在IIS中需要添加MIME類型，具體截圖如下：

MIME 類型說明

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

PHP添加圖像處理(ImageMagick)

下載地址：

http://pecl.php.net/package/imagick

安裝說明：

https://www.php.net/manual/zh/imagick.setup.php

具體步驟

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

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

[Imagick]
extension=imagick

有些版本的php需要把文件名寫全

[Imagick]
extension=php_imagick.dll

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

重啟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還不能訪問，你估計(jì)要去文件右鍵設(shè)置一下那個(gè)文件的權(quán)限了，添加一個(gè)iis_users的權(quán)限，特別是需要下載的文件更需要這樣設(shè)置一下.

最新評(píng)論