Kuvilla on merkittävä rooli verkkosivuston latausajassa, ja siksi niiden tulee olla hyvin optimoituja verkkoon ilman näkyvää laadun heikkenemistä. Uusi kuvamuoto ns ".WebP" on kehittynyt ajan myötä, ja se on tällä hetkellä Googlen kehittämä, joka tarjoaa häviöttömän ja häviöttömän pakkaamisen verkossa oleville kuville. Google raportoi, että häviöttömäksi webp:ksi muunnetut kuvat ovat kooltaan 26 % pienempiä PNG-kuviin verrattuna, kun taas häviölliset webp-kuvat ovat kooltaan 25-34 % pienempiä kuin JPEG.
Toistaiseksi vain Google Chrome ja Opera-selain tukevat natiivisti WebP:tä, kun taas Firefox, Safari ja Internet Explorer jatkavat kuvien näyttämistä vakiomuodossaan, eli JPG- tai PNG-muodossa. Koska .webp-kuvamuotoa ei arvosteta laajasti, vain harvat yritykset, kuten Netflix, eBay ja Google, käyttävät sitä tietysti palveluissaan, kuten Google+, Google Play, Chrome Web Store ja YouTube (pikkukuvia varten).
Ongelma ilmenee, kun tallennat WebP-kuvia tietokoneellesi etkä voi tarkastella niitä. Tämä johtuu siitä, että tavalliset kuvien katseluohjelmistot, kuten Windows Photo Viewer, eivät tarjoa alkuperäistä tukea webp:lle. Vaikka web-kuvat voidaan muuntaa JPG/PNG-muotoon tai käyttää jotakin muuta verkkoselainta, kuten Firefoxia, tallentaaksesi kuvat vakiomuotoon. Se on kuitenkin varmasti vaivalloinen tehtävä vain kuvien tallentaminen ja katseleminen myöhemmin. Onneksi on olemassa yksinkertainen temppu, jonka avulla voit tehdä sen ilman suurta vaivaa.
WebP-muotoisten kuvien tallentaminen JPG- tai PNG-muodossa Google Chromessa -
- Napsauta kuvaa hiiren kakkospainikkeella ja valitse "Avaa kuva uudessa välilehdessä".
- Poista-rw pääte kuvan URL-osoitteen lopusta osoitepalkissa ja paina Enter ladataksesi kuvan uudelleen.
- Napsauta nyt hiiren kakkospainikkeella ja valitse "Tallenna kuva nimellä..." tai vedä se työpöydälle.
Se siitä! Kuva tallennetaan sen vakiotiedostomuodossa, eli joko JPG- tai PNG-muodossa, jota voi katsella missä tahansa ilman rajoituksia.
Vinkki Jasonin kautta (Google+)
Tunnisteet: SelainGoogle ChromeGoogle PlusTips