Obrázky zohrávajú významnú úlohu v čase načítania webovej stránky, a preto musia byť dobre optimalizované pre web bez akejkoľvek viditeľnej straty kvality. Nový obrazový formát tzv „.WebP“ sa časom vyvíjal av súčasnosti je vyvinutý spoločnosťou Google, ktorá poskytuje bezstratovú a stratovú kompresiu obrázkov na webe. Google uvádza, že obrázky konvertované na bezstratový webp sú o 26 % menšie v porovnaní s PNG, zatiaľ čo stratové webp obrázky sú o 25 – 34 % menšie v porovnaní s JPEG.
V súčasnosti iba prehliadač Google Chrome a Opera natívne podporujú WebP, zatiaľ čo Firefox, Safari a Internet Explorer naďalej zobrazujú obrázky v ich štandardnom formáte, t. j. JPG alebo PNG. Keďže obrazový formát .webp nie je všeobecne uznávaný, používa ho iba niekoľko spoločností, ako napríklad Netflix, eBay a Google, samozrejme, vo svojich službách, ako sú Google+, Google Play, Internetový obchod Chrome a YouTube (pre miniatúry).
Problém nastáva, keď si obrázky WebP uložíte do počítača a nemôžete ich zobraziť. Je to preto, že štandardný softvér na prezeranie obrázkov, ako je Windows Photo Viewer, neponúka natívnu podporu pre webp. Aj keď je možné previesť obrázky webp do formátu JPG / PNG alebo použiť iný webový prehliadač, ako je Firefox, na uloženie týchto obrázkov v ich štandardnom formáte. Je to však určite ťažkopádna úloha len uložiť a zobraziť obrázky neskôr. Našťastie existuje jednoduchý trik, ktorý vám to umožní bez väčších problémov.
Ukladanie obrázkov vo formáte WebP vo formáte JPG alebo PNG v prehliadači Google Chrome –
- Kliknite pravým tlačidlom myši na obrázok a vyberte možnosť „Otvoriť obrázok na novej karte“.
- Odstrániť-rw prípona z konca adresy URL obrázka v paneli s adresou a stlačením klávesu Enter znova načítajte obrázok.
- Teraz kliknite pravým tlačidlom myši a vyberte možnosť „Uložiť obrázok ako...“ alebo ho jednoducho presuňte na plochu.
To je všetko! Obrázok sa uloží vo svojom štandardnom formáte súboru, t.j. buď JPG alebo PNG, ktorý je možné prezerať kdekoľvek bez akýchkoľvek obmedzení.
Tip od Jasona (Google+)
Tagy: PrehliadačGoogle ChromeGoogle PlusTipy