Segítségével WebP a gyakorlatban, valamint egy modul Adobe Photoshop - orosz támogatás és
Van egy projekt helyszínén, ahol sok nagy grafikus fájlok, amelyeket az oldal elrendezését. Töltök optimalizálása ezeket a fájlokat a Photoshop, ha JPG és PNG fájlokat járókelők ImageOptim. de még mindig, grafikák nyom sokat. Miután az összes képjavító, ők továbbra is felszívja a 3,67 megabájt. Úgy döntöttem, hogy próbálja ki az új WebP képformátum. Összsúlya a képfájlokat, az átállás után a WebP 1,4 megabájt.
Milyen állat, a WebP. Között kerül sor Wiki:
A fő plusz WebP formátum, hogy csökkentse a képek méretét. Tudtam, hogy megtakarításokat érjenek el a 50% -os minőségromlás nélkül abban az esetben néhány PNG és JPG képeket.
A fő hátránya. Ez böngésző támogatja. Ez a formátum rájön: Opera 27+, 31+ Chrome, Opera Mini 8, Android böngésző 4.3, Chrome Androidra 42. De Firefox, IE és Safari nem akar barátkozni az új formátum.
Ahhoz, hogy hozzon létre egy cross-browser kiválasztja az optimális képet, szoktam modernizr.js. akik összegyűltek a img-webp zászló. Modernizr hozzáteszi osztályok a címke test (.webp és .no-webp) meghatározása után böngésző támogatja WebP formátum.
Úgy tűnik ez a CSS:
Ha használt
Támogatás a WebP az Adobe Photoshop
Itt van két alice.zip fájl [143,12 Kb] (száma: 21) PNG formátumban (104 Kbyte) és WebP (38 kilobájt) az összehasonlításhoz.
P.S: A WebP, több szükséges lemezterület fájlok tárolására, de nem hiszem, hogy ez egy mínusz a mi terabyte életben.