W następnym artykule przyjrzymy się, jak to zrobić konwertować obrazy do formatu WebP. Jeśli poświęcasz się tworzeniu stron internetowych, wiesz już, że jedną z najlepszych metod optymalizacji wydajności witryny jest używanie skompresowanych obrazów. W tym artykule zobaczymy, jak używać formatu WebP. Dzięki niemu możemy tworzyć skompresowane i wysokiej jakości obrazy do wykorzystania na naszych stronach internetowych.
WebP to stosunkowo nowy format obrazu, który oferuje wyjątkowo bezstratną i stratną kompresję obrazów w Internecie. Ten format był zaprojektowany przez google. Aby go użyć, musisz pobrać wstępnie skompilowane narzędzia dla Gnu / Linux, Windows i Mac OS X.
WebP to nowy format obrazu, który zapewnia bezstratną i stratną kompresję plików PNG i JPEG. W tym formacie osiągniemy rozmiar obrazu nawet o 34% mniejszy, To jest kompatybilny z Google Chrome i Opera. Możemy użyć Nginx i Apache, aby określić, czy ten format jest obsługiwany przez agenta przeglądarki, a następnie udostępnić obraz w nowym formacie zamiast oryginalnego obrazu. Ten format pliku obsługuje również animowane obrazy, co może prowadzić do znacznego zmniejszenia rozmiaru obrazu.
Dzięki formatowi WebP webmasterzy i twórcy stron internetowych mogą tworzyć mniejsze, bogatsze obrazy dzięki którym internet jest szybszy.
Zainstaluj narzędzie WebP w systemie Ubuntu
Na szczęście pakiet webp to obecny w oficjalnych repozytoriach Ubuntu. Możemy go zainstalować za pomocą menedżera pakietów APT. Będziemy musieli tylko otworzyć terminal (Ctrl + Alt + T) i napisać w nim:
sudo apt install webp
Możemy również wybrać Ubuntu i inne dystrybucje Gnu / Linux dla pobierz pakiet webp z repozytorium google. W tym celu użyjemy polecenia wget otwierając terminal (Ctrl + Alt + T) i wpisując:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Następną rzeczą, którą zrobimy, jest wyodrębnienie pliku i przejście do katalogu wyodrębnionego pakietu w następujący sposób:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Wbudowane narzędzia
Jak widać na powyższym zrzucie ekranu, pakiet zawiera wstępnie skompilowaną bibliotekę (libwebp), aby dodać różne narzędzia internetowe wymienione poniżej:
- anim_diff → Jest to narzędzie dla pokazują różnicę między obrazami animacji.
- anim_dump → To jest narzędzie dla zrzuć różnicę między obrazami animacji.
- cwebp → Jest to narzędzie dla kodowanie webp.
- dwebp → To jest narzędzie dla dekodowanie webp.
- gif2webp → Narzędzie do konwertować obrazy GIF do WebP.
- img2webp → Narzędzia dla przekonwertować sekwencję obrazów na animowany plik internetowy.
- vwebp → To jest plik przeglądarka plików webp.
- webpinfo → To narzędzie służy do przeglądania informacje o pliku obraz webp.
- webpmux → Jeden narzędzie mux z webp.
Będziemy mogli zobaczyć wszystkie opcje dowolnego z poprzednich narzędzi, wykonując je bez żadnego argumentu lub używając - flaga długiej pomocy, Por ejemplo:
cwebp -longhelp
Wreszcie, jeśli chcemy uruchamiać poprzednie programy bez zapisywania ich bezwzględnych ścieżek, będziemy musieli tylko dodać katalog ~ / libwebp-0.6.1-linux-x86-32 / bin do naszego Zmienna środowiskowa PATH w naszym pliku ~ / .bashrc. Aby to zrobić, wykonamy w terminalu (Ctrl + Alt + T):
vi ~/.bashrc
W ostatnim z pliku dodamy:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Po zakończeniu będziemy musieli tylko zapisać plik i zamknąć go. Po wyjściu otworzymy nowe okno terminala i będziemy mogli wykonywać wszystkie programy internetowe jak każde inne polecenie w systemie.
Konwertuj obraz na format webp
Aby przekonwertować obraz na webp, możemy użyj narzędzia cwebp. W nim parametr -q określa jakość wyjściową, a -o określa plik wyjściowy. Oto przykład:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Wyświetl przekonwertowany obraz
Po zakończeniu konwersji możemy wyświetl obraz webp za pomocą narzędzia vwebp. Jak widać na przechwyceniu, ten sam obraz różni się od tego w formacie jpeg.
vwebp ubunlog.webp
WebP to tylko jeden z wielu produktów, które powstały w wyniku ciągłych starań Google, aby przyspieszyć internet. Jeśli chcemy dowiedzieć się więcej o tym formacie obrazu, możemy odwiedzić Witryna projektu WebP.