ALL ᶯ̬ ǩԼ Ӿǰ
LifengNetwork /NEWS

WebP ̽Ѱ֮·

2015-12-31 13:08:38

ǰ

PC ƶˣͼƬһֱͷƻ˾ Retina ƷΪĸ PPI ͼƬ˸ߵҪα֤ͼƬľϸȲ͵ǰСͼƬΪһмֵֵ̽顣

JPEGPNG GIF ЩͼƬʽŻѾﵽ˼£ ı״¾棬Ҫи׳нĵǣ Google һѡWebP

WebP оԵֻ QQ ԭ̳ǣڱϴ 2G/3G 绷¼ؽͬСǡΪ 2013 Google I/O Event ˽⵽ WebPDZһʼûûļԤУڴԭͼƬ֮Ѱƽ⡣

WebP ̽Ѱ֮·

WebP ͼƬʽõԽԽĹעܶŶҲʼǰӵǰȦ߽Ѷǰ˼רҲר⡣ȳһ̽Լ WebP µķչһͬͬʱҲڴ˽ӦʵҵС

ʲô WebP

WebP weppyĿҳһ֧ѹѹͼƬļʽͼʽ VP8 Google IJԣѹ WebP PNG ļ 45 ļСʹЩ PNG ļѹѹ֮WebP ǿԼ 28 ļС

2010 귢 WebP Ѿˣ Google DzƷ YoutubeGmailGoogle Play жԿ WebP Ӱ Chrome ̵ȫʹ WebP⹫˾ Facebookebay ͹ڹ˾ѶԱŵҲѳʡĿǰ WebP ҲҳܶĿеõӦãѶſͻˡѶQQռȣͬʱҲһЩ WebP ͼƬʽתߣ ͼiSparta ȡ

WebP ̽Ѱ֮·

Google Ѻڲ WebP IJƷ

ϲǣֱ꣬Google WebP Ͷ˳飬2014 Google I/O Event Ҳ WebP ӦõƵWebP ѴӦȫ Google ƷУ㻹ɾܾ

WebP ̽Ѱ֮·

WebP

ֻǼ򵥽ͼƬʽıӦã talk is cheapָʽѹЧãͼƬܷõϣҪԿ͹۵ݣ

оһ򵥵IJԣԱ PNG ԭͼPNG ѹPNG ת WebP𣩡PNG ת WebP𣩵ѹЧԲ鿴 Chrome 򿪣

WebP ̽Ѱ֮·

Եóۣ

PNG ת WebP ѹҪ PNG ԭͼѹʣ֧ͬѹ

ת WebP ٣ͼƬҲõϣͬʱۼ޷죩

ת WebP ֧ Alpha ͸ 24-bit ɫ PNG8 ɫʲḻпܻëߵ

 

WebP иŵͼѹ㷨ܴСͼƬӵʶ޲ͼͬʱ߱ѹģʽAlpha ͸Լԣ JPEG PNG ϵתЧdz㡢ȶͳһ

Ƽ Gig‍‍‍aOM YouTube Ƶͼ WebP ʽҳٶ 10%ȸ Chrome Ӧ̵ WebP ʽͼƬÿԽʡ TB ĴҳƽʱԼ 1/3Google+ ƶӦò WebP ͼƬʽÿʡ 50TB ݴ洢ռ䡣

ˣWebP ֶ֧ȺͼΣ

ݶĿǰռ WebP Լ 50% ϵĹûֱ鵽 WebPվͼƬΪIJƷ Chromium ںˣ鳢ԡ App ʹ WebP Android4.0 ṩԭ֧⣬汾Լ iOS ֱʹùٷṩĽ⣨Android iOS 

Ϊ֤ WebP ͼƬʽҵԣǴȡʱCPU ʹáڴռüάȽеķڿͬѧǵݵõ˷dzIJݣ

һAndroidQQ PNG WebP ָԱȡ

ԻAndroidQQGalaxy NexusAndroid4.2.2 ϵͳ

ԶWebPPNG

ݣ֣

WebP ̽Ѱ֮·

Խۣ

ʱWebP Ľʱ PNG ʽ 4.4 24.8ms

̶ȣָʽ£AIO Բ

CPUʹãָʽ£ 15 飬CPU ʹþ 10%26% ֮䲨Բ

ڴռã߸ʽ£ 15 飬PSS ڴռÿȾΪ 11MԲ

ԶiPhoneQQ PNG WebP ָԱȡ

ԻiPhoneQQiPhone4iOS5.1.1 ϵͳ

ԶWebPPNG

ݣ֣

WebP ̽Ѱ֮·

Խۣ

ʱWebP Ľʱ PNG  5  ң64.1ms

̶ȣWebP FPS ƽֵ PNG ƽֵҪСDZȽȶȲҲ

CPUʹãϿPNG ʽıʹ CPU Ƚϴ󡣴ƽֵ WebP ʽռõ CPU PNG ռʴ

ڴռãWebP ʽ飬ռڴĿΪ 4MȽԡPNG ʽ飬ռڴĿΪ 5MûԲֹͣͱ40s ڴлؽ

ɼ WebP ڽʱ PNG нԲ죨뼶֮⣬ʹ PNG ޲졣ͬʱҲҪȷƶ豸ķչѸͣӲ죬һıҲڽԵԣ App ʹ WebP ûм谭

ԭ̳ǵļָ

֤ҵ֮WebP ּǶһЩ˼Ȼ㣬ܷһ䡰ԡõһЩδʹѭָ

ǣΪ˸˽ WebP ԣԭĿ ͬıͼƬλ WebP ѹЧʡ չ̽ҪͼƬɫɫüάȽУ

̽һͼƬ

ͨĶ˽⵽ WebP ʹõ Fancy 㷨ȻDz㷨Ȼв飬 JPEG IJ 8*8ԭʼͼƬij 8 ıҪȲ 8 ıʹһĴԶ 8 ͼƬѹЧ

ô WebP IJǶ٣رֲǰ¸ıͼƬѡȡ 200*200 ֵõһЩݡݿӻ֮Կ 16*16 160*160176*176192*192256*256ΪͼƬѹıԴ 4*4 8*8 ıΪͼƬ

WebP ̽Ѱ֮·

ۣԭԿʹ 16n*16n ĹĿǰԭѡ 200*200 ĹСʵѡ 256*256 192*192 ܻøߵ WebP ѹЧʣǧ֮

̽ɫ

JPEG PNG ʽѡϿ֪ɫʸӵͼƬһʹ JPEG ʽɫʵһͼƬʹ PNG ʽɼɫӰͼƬѹЧͨ Photoshop еɫ׷빦ܵͼƬɫرֲǰ¶ԱȲͬɫ WebP ѹӰ졣

WebP ̽Ѱ֮·

ɼɫԽٵǰ£ѹЧҪѹɫܶʱѹЧҪѹֽ 256100 ֮䡣

ۣԭ龡ɫ 256 ɫڣѹԼ۱ߡ

С 256 ɫͼ꣬ͼΣΪʺϲ WebP ѹϸ٣

256 ɫԶͼͼΪʺϲ WebP ѹѡϸѹȣѹΪ 100% ~ 75%

Զ 256 ɫԷ羰գƵͼΪʺϲ WebP ѹѡѹȣѹΪ 75% £

 

̽ɫ¡ɫֱֱߡ

WebP ̽Ѱ֮·

ִɫ¡ɫֱߡǷҪϽ˷Ľۼ

ɫ²ӰͼƬѹЧɴɫ

ɫ϶ɫѹɴӷϵڶͼƬýɫͲҪ

ֱҲɫΪ߱Եڽ䣩пԡֱĵطͲҪ䡱

WebP ʽͼƬë⣬ԲҪΪͼƬ

 

̽ģѹ

Ϊ˵õѹѹѹãͨ 900 űͼƬвͬѹõIJԣ󲿷ֱͼƬɫ 256 ɫϣõݣ

WebP ̽Ѱ֮·

ѹ˵

-losslessѹ

-qѹֵԽԽͼƬԽ

-mѹʽֵԽͼƬԽãԽСǺʱϳ

Է֣ѹֺȶѹԽߣѹЧҲԽáѹѹΪ 75 ֮ѹЧѹͼƬѹǰԵó½ۣ

ѡѹʱ-lossless -q 100 ѷ

ѡѹʱ-q 75ѷͼƬСﵽ⣩

ۺѹϡ-m 6ʹ WebP ͼƬһ1%~2%ǻӺʱ

գóһ永ӼǶȷͬıͼӣǿһǡǶȡоٵı鶼 ^_^

WebP ̽Ѱ֮·

̬ WebP ̽

˽꾲̬ WebP˽һ¶̬ WebPAnimated WebP2013 11 21 գAnimated WebP ȡýչ Chrome32 Beta еõ֧֡Ŀǰ Animated WebP ֽ֧ GIF ֱת Animated WebP߽ WebP ͼƬϳ Animated WebP봫ͳ GIF ͼȽϣAnimated WebP ڣ

֧ѹҿԺϲͼƬ֡

СGIF ת Animated WebP ԼС 64% תԽʡ 19%

ɫḻ֧ 24-bit RGB ɫԼ 8-bit Alpha ͸ͨ GIF ֻ֧ 8-bit RGB ɫԼ 1-bit ͸

˹ؼ֡metadata

ʹ Chrome32 ϵԵ

WebP ̽Ѱ֮·

˵ȻڲĵطAnimated WebP ڵ⣺

Ľ϶ CPU ͽʱ䣨 1.5~2.2

GIF ֶ֧ȻĿǰ޷ͨ

Ϊ֧ Animated WebPChrome ں Blink ˽ 1500 еĴ

ԼʵʵIJԣ Animated WebP ѹЧϲȶĬѹ´ﲻ Google ٷṩʾЧ Animated WebP ȻкֵܶڴĿռ䣬ֵüע

ۺϼ

ڲͬ WebP ʹãܽһЩ£

1ʹóԣ

JavaScript ⣬֧ WebP û WebP ͼƬ

ʹ WebP ֲ֧WebPJS

2ʹó Appԣ

Android 4.0 WebP ⣨

iOS WebP

3תߣ

ͼ

iSparta

iSparta WebP APNG ͼƬʽתһӦãֱͼƬתΪ WebPͬʱṩֲãӭ顣

WebP ̽Ѱ֮·

ο

http://en.wikipedia.org/wiki/WebP

https://developers.google.com/speed/webp/

http://tech.qq.com/a/20140721/074637.htm

http://faso.me/slides/2014/webp/

http://www.webpagetest.org/video/compare.php?tests=141121_3W_JT7,141121_6Q_JSM

лĶ ѶISUX ȨУתʱעΥ߱ؾллĺ
עʽѶISUX (http://isux.tencent.com/introduction-of-webp.html)

 



12/31

ʹSVGеSymbolԪIcon

ŴĻֱʵռԼƶ豸ƶʱĵվʱӦùڸ豸ϵĶԺʾЧ Ķ Ķ3447
ADDRESӵͼɽü·
30413-416#
CONTACT US

0631-5992060

Ƽά벦
0631-5992062
CONCREN

LifengNetwork

΢ṫں
ע΢Ӫ¶̬
ӵͼ

ȨУ Copyright © 2000-2018 

ַɽʡк·30ţº4¥413/416 ߣ0631-5992060

ţ³ICP09024632 ³ 37100402000105