{"id":13708,"date":"2022-03-22T09:01:34","date_gmt":"2022-03-22T08:01:34","guid":{"rendered":"https:\/\/www.nazwa.pl\/blog\/?p=13708"},"modified":"2022-06-23T11:57:17","modified_gmt":"2022-06-23T09:57:17","slug":"przyspiesz-swoja-strone-www-konwertujac-obrazki-do-webp","status":"publish","type":"post","link":"https:\/\/www.nazwa.pl\/blog\/przyspiesz-swoja-strone-www-konwertujac-obrazki-do-webp","title":{"rendered":"Przyspiesz swoj\u0105 stron\u0119 WWW, konwertuj\u0105c obrazki do WebP"},"content":{"rendered":"

Czy wiesz, \u017ce przewa\u017caj\u0105ca wi\u0119kszo\u015b\u0107 czasu otwierania strony WWW przypada na przesy\u0142anie zdj\u0119\u0107 i innych element\u00f3w z serwera? Aby skr\u00f3ci\u0107 oczekiwanie na wczytanie Twojej strony, wystarczy \u017ce zmniejszysz ilo\u015b\u0107 przesy\u0142anych danych. Zacznij od kompresji obrazk\u00f3w do nowoczesnego formatu WebP i dostosowania ich do rozdzielczo\u015bci ekranu u\u017cytkownika.<\/strong><\/p>\n

 <\/p>\n

Zdj\u0119cia w wysokiej rozdzielczo\u015bci pi\u0119knie prezentuj\u0105 si\u0119 na Twojej stronie, ale po\u0142owa u\u017cytkownik\u00f3w, odwiedzaj\u0105cych j\u0105, nigdy ich nie zobaczy, je\u017celi czas oczekiwania na wczytanie b\u0119dzie zbyt d\u0142ugi<\/strong>. Mo\u017cna jednak pogodzi\u0107 posiadanie \u015bwietnie wygl\u0105daj\u0105cego serwisu i szybkie wczytywanie strony WWW.<\/p>\n

Konwertuj zdj\u0119cia do rozdzielczo\u015bci ekranu u\u017cytkownika<\/strong><\/h2>\n

Przesy\u0142ane zdj\u0119cia wy\u015bwietlaj\u0105 si\u0119 na ekranie u\u017cytkownik\u00f3w Twojej strony w rozdzielczo\u015bci nie wi\u0119kszej ni\u017c pozwalaj\u0105 na to ich ekran <\/strong>i ustawienia wysoko\u015bci oraz szeroko\u015bci w kodzie HTML. Inaczej zdj\u0119cie b\u0119dzie si\u0119 wy\u015bwietla\u0142o na smartfonie, a inaczej na du\u017cym ekranie komputera. Im wi\u0119ksza rozdzielczo\u015b\u0107 grafiki, tym zajmuje ono wi\u0119cej miejsca, a jego czas przesy\u0142ania jest d\u0142u\u017cszy. Du\u017cy obrazek na urz\u0105dzeniu u\u017cytkownika i tak zostanie przeskalowane do wielko\u015bci jego ekranu. Po co wi\u0119c zapycha\u0107 \u0142\u0105cze i przesy\u0142a\u0107 wi\u0119cej danych ni\u017c potrzeba?<\/p>\n

Korzystaj z nowoczesnego formatu zdj\u0119\u0107 WebP<\/strong><\/h2>\n

Rozw\u00f3j sieci Internet wymusi\u0142 powstanie wielu format\u00f3w zapisu zdj\u0119\u0107, a ka\u017cdy z nich mia\u0142 przynie\u015b\u0107 nowe funkcjonalno\u015bci i wy\u017cszy poziom kompresji. Z pewno\u015bci\u0105 nie obce Ci s\u0105 takie nazwy plik\u00f3w, jak Gif, JPG czy te\u017c PNG. Ale czy s\u0142ysza\u0142e\u015b o obrazkach zapisywanych w formacie WebP?<\/p>\n

WebP to format kompresji statycznych obraz\u00f3w rozwijany przez Google<\/strong> w oparciu o nowoczesne metody kompresji. Przy zachowaniu tej samej jako\u015bci pliki WebP potrafi\u0105 by\u0107 nawet o 40% l\u017cejsze w por\u00f3wnaniu z formatem JPG<\/strong>. Wyobra\u017a sobie teraz, o ile mo\u017ce si\u0119 skr\u00f3ci\u0107 czas przesy\u0142ania tych zdj\u0119\u0107 z serwera do przegl\u0105darki u\u017cytkownika korzystaj\u0105cego z Twojej strony.<\/p>\n

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

Zdj\u0119cia najlepiej skonwertowa\u0107 do formatu WebP jeszcze przed przes\u0142aniem na serwer, ale je\u017celi posiadasz ju\u017c od jakiego\u015b czasu swoj\u0105 stron\u0119, to ich samodzielna konwersja do WebP zaj\u0119\u0142aby bardzo, bardzo du\u017co czasu<\/strong> i pewnie kosztowa\u0142aby Ci\u0119 mn\u00f3stwo wysi\u0142ku i pieni\u0119dzy. Jeszcze trudniej by\u0142oby Ci automatycznie zmienia\u0107 wielko\u015b\u0107 przesy\u0142anych obraz\u00f3w, gdyby przegl\u0105darka u\u017cytkownika obs\u0142ugiwa\u0142aby rozdzielczo\u015b\u0107 ekranu komputerowego 1920 x 1080px czy te\u017c 360 x 640, jak na telefonach kom\u00f3rkowych.<\/p>\n

Na hostingu w nazwa.pl istnieje spos\u00f3b, aby wykona\u0107 wszystkie powy\u017csze operacje automatycznie, za Ciebie<\/strong>. Wprowadzona w po\u0142owie 2021 roku us\u0142uga dodatkowa \u201eKonwersja do formatu webp i\u00a0zmiana wielko\u015bci obraz\u00f3w\u201d<\/strong> na us\u0142ugach CloudHostingu wykonuje wszystkie opisane powy\u017cej optymalizacje bez potrzeby Twojego udzia\u0142u w tym procesie. Oryginalne zdj\u0119cia konwertowane s\u0105 do formatu WebP z du\u017cym poziomem kompresji, a przed ich wys\u0142aniem serwer z przegl\u0105dark\u0105 ustalaj\u0105 jeszcze, na jakim ekranie b\u0119d\u0105 one wy\u015bwietlane<\/strong>. Przekonwertowane do r\u00f3\u017cnych rozdzielczo\u015bci zdj\u0119cia s\u0105 utrzymywane przez serwery CDN nazwa.pl bez konieczno\u015bci ich konwertowania w\u0142asnor\u0119cznie. Funkcjonalno\u015b\u0107 nie modyfikuje oryginalnych plik\u00f3w na Twoim serwerze, co oznacza, \u017ce mo\u017cesz nadal zapisywa\u0107 obrazki w ulubionym przez Ciebie formacie.<\/p>\n

\n

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