{"id":14010,"date":"2022-08-10T09:00:22","date_gmt":"2022-08-10T07:00:22","guid":{"rendered":"https:\/\/www.nazwa.pl\/blog\/?p=14010"},"modified":"2022-08-10T09:00:22","modified_gmt":"2022-08-10T07:00:22","slug":"kompresja-zdjec-do-webp-ogranicza-wielkosc-strony-www-o-25-procent","status":"publish","type":"post","link":"https:\/\/www.nazwa.pl\/blog\/kompresja-zdjec-do-webp-ogranicza-wielkosc-strony-www-o-25-procent","title":{"rendered":"Kompresja zdj\u0119\u0107 do WebP ogranicza wielko\u015b\u0107 strony WWW o 25%"},"content":{"rendered":"

Zastanawiacie si\u0119, jak\u0105 oszcz\u0119dno\u015b\u0107 przynosi kompresja obrazk\u00f3w do formatu WebP na stronach WWW? Firma nazwa.pl zmierzy\u0142a to na podstawie ponad 100 miliard\u00f3w zapyta\u0144 o strony WWW kierowanych do kilkuset tysi\u0119cy serwis\u00f3w obs\u0142ugiwanych przez sp\u00f3\u0142k\u0119. Ilo\u015b\u0107 przesy\u0142anych danych zmniejszy\u0142a si\u0119 a\u017c o jedn\u0105 czwart\u0105!<\/strong><\/p>\n

 <\/p>\n

Nieca\u0142y rok temu nazwa.pl wprowadzi\u0142a na swoich serwerach automatyczn\u0105 konwersj\u0119 obrazk\u00f3w do formatu WebP<\/strong>. Dodatkowo przed wys\u0142aniem grafiki s\u0105 konwertowane do wielko\u015bci ekranu komputera lub telefonu<\/strong>, dzi\u0119ki czemu urz\u0105dzenia nie musz\u0105 przeskalowywa\u0107 zdj\u0119cia o zbyt du\u017cym rozmiarze do wielko\u015bci wy\u015bwietlacza. Zar\u00f3wno kompresja do WebP, jak i przeskalowywanie zdj\u0119\u0107 na serwerach nazwa.pl, wp\u0142ywaj\u0105 na zmniejszenie wielko\u015bci przesy\u0142anych plik\u00f3w graficznych<\/strong>, a tym samym na przyspieszenie dzia\u0142ania serwis\u00f3w WWW<\/strong>.<\/p>\n

\r\n
\r\n
\r\n \"Odbierz\r\n <\/div>\r\n
\r\n Odbierz Voucher<\/span>\r\n na CloudHosting z CDN w Polsce<\/span>\r\n i aktywuj serwer a\u017c 80% taniej!<\/strong><\/span>\r\n Pobierz Voucher<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\n

Format WebP przysz\u0142o\u015bci\u0105 Internetu<\/strong><\/h2>\n

WebP to nowoczesny format zapisywania zdj\u0119\u0107, kt\u00f3ry charakteryzuje si\u0119 bardzo du\u017cym stopniem kompresji<\/strong> danych. Formaty GIF, JPG i PNG, o kt\u00f3rych pewnie s\u0142ysza\u0142e\u015b, nie zapewniaj\u0105 mo\u017cliwo\u015bci tworzenia tak ma\u0142ych obj\u0119to\u015bciowo plik\u00f3w, wi\u0119c staj\u0105 si\u0119 coraz mniej atrakcyjne w zakresie wykorzystania ich na stronach WWW. Wed\u0142ug niekt\u00f3rych \u017ar\u00f3de\u0142 obrazy zapisywane jako WebP zajmuj\u0105 o 40% mniej miejsca ni\u017c obrazy JPG<\/strong>. Stopie\u0144 kompresji mo\u017ce si\u0119 jednak r\u00f3\u017cni\u0107 przy ka\u017cdej grafice, dlatego nie mo\u017cna jednoznacznie wskaza\u0107 dok\u0142adnej warto\u015bci.<\/p>\n

Automatyczna konwersja do WebP i zmiana rozdzielczo\u015bci obrazk\u00f3w<\/strong><\/h2>\n

Co jednak zrobi\u0107, gdy strona jest ju\u017c gotowa i zawiera setki zdj\u0119\u0107 zapisanych w starszych formatach? Konwersja posiadanych obraz\u00f3w by\u0142aby bardzo czasoch\u0142onna i kosztowna. Dla wi\u0119kszo\u015bci w\u0142a\u015bcicieli serwis\u00f3w WWW taka zmiana nie wchodzi wi\u0119c w gr\u0119. Lepiej pogodzi\u0107 si\u0119 z przesy\u0142aniem ze strony wi\u0119kszych obraz\u00f3w i nieco wolniejszym wczytywaniem strony, ni\u017c wyda\u0107 wiele tysi\u0119cy z\u0142otych na przekonwertowanie zapisanych zdj\u0119\u0107 do nowego formatu WebP.<\/p>\n

Z pomoc\u0105 dla w\u0142a\u015bcicieli takich serwis\u00f3w przychodzi nazwa.pl, kt\u00f3ra oferuje na swoich us\u0142ugach CloudHostingu mo\u017cliwo\u015b\u0107 aktywacji automatycznej konwersji wysy\u0142anych zdj\u0119\u0107 do formatu WebP. Oryginalne grafiki na dysku pozostaj\u0105 niezmienione, natomiast serwery nazwa.pl przed ich wys\u0142aniem w inteligentny spos\u00f3b konwertuj\u0105 je do formatu WebP, dostosowuj\u0105c przy okazji ich rozdzielczo\u015b\u0107 do ekranu u\u017cytkownika<\/strong> i ustawie\u0144 wysoko\u015bci oraz szeroko\u015bci w kodzie HTML. Operacja takiej konwersji wykonywana jest jedynie podczas pierwszego odwiedzenia strony, a zmienione obrazki przechowywane s\u0105 w pami\u0119ci cache na serwerze i na w\u0119z\u0142ach CDN nazwa.pl<\/strong>, dzi\u0119ki czemu nie spowalniaj\u0105 dzia\u0142ania serwisu.<\/p>\n

Konwersja do WebP przyspiesza wczytywanie strony WWW<\/strong><\/h2>\n

Zysk z kompresji obraz\u00f3w do formatu WebP i zmiany ich rozdzielczo\u015bci mo\u017cna zaobserwowa\u0107 praktycznie dla ka\u017cdej strony. Dla jednych s\u0105 wi\u0119ksze, dla innych mniejsze, co uzale\u017cnione jest zar\u00f3wno od liczby grafik, kt\u00f3re s\u0105 zawarte na niej, jak i od stopnia ich obecnej kompresji. \u015arednia oszcz\u0119dno\u015b\u0107 ilo\u015b\u0107 przesy\u0142anych danych<\/strong>, obserwowana na kilkuset tysi\u0105cach stron obs\u0142ugiwanych przez nazwa.pl, wynosi oko\u0142o 25%<\/strong>. Oznacza to, \u017ce strona, kt\u00f3ra wcze\u015bniej wymaga\u0142a przes\u0142ania 2\u00a0MB\u00a0danych, obecnie potrzebuje przes\u0142a\u0107 jedynie 1,5 MB. Poniewa\u017c a\u017c 80% czasu wczytywania strony zajmuje przesy\u0142anie jej element\u00f3w sk\u0142adowych<\/strong>, taka oszcz\u0119dno\u015b\u0107 przesy\u0142anych danych mo\u017ce wp\u0142yn\u0105\u0107 na oko\u0142o 20-procentowe przyspieszenie jej wczytywania. Je\u017celi wi\u0119c strona do tej pory \u0142adowa\u0142a si\u0119 w oko\u0142o 2\u00a0sekundy, to po zastosowaniu opisywanych modyfikacji mo\u017ce to robi\u0107 o oko\u0142o 0.5\u00a0sekundy kr\u00f3cej<\/strong>.<\/p>\n

\n

KONIECZNIE PRZECZYTAJ NA BLOGU:<\/span><\/p>\n