Dołącz do naszego zespołu - sprawdź kogo szukamy REKRUTACJA

Kompresja plików graficznych – jak zastosować na stronie internetowej?

Kompresja plików graficznych – jak zastosować na stronie internetowej?
Joanna
Joanna 5 czerwca 2020

Tworząc własną stronę internetową należy pamiętać, że treść jest bardzo ważna, jednakże to grafika przyciąga uwagę odbiorcy. Wszelkie obrazki mogą nakarmić wzrok, jednakże obrazy o wysokiej rozdzielczości tworzą prawdziwą ucztę dla oczu! Niemniej jednak, nie wolno zapominać, że strona powinna szybko się wczytywać. Aby osiągnąć równowagę pomiędzy tymi dwoma kwestiami, należy połączyć czynnik świetnej jakości zdjęć z czynnikiem szybko ładującej się strony. A to osiągnąć możemy korzystając z bezstratnej kompresji plików graficznych.

Czym jest kompresja plików graficznych?

Kompresja plików graficznych, to zmiana sposobu zapisu pliku tak, aby zmniejszyć jego rozmiar podany w bajtach. Taka kompresja ma bardzo szerokie zastosowanie w informatyce, np. fotografia, która jest w formacie rastrowym (inaczej bitmapa), może zawierać wiele bitów o takim samym kolorze. Kompresja w tym konkretnym przypadku będzie polegała na zmniejszeniu ilości bitów o tym samym kolorze, dzięki czemu rozmiar zdjęcia będzie mniejszy.

Kompresja obrazu

Czym jest kompresja stratna i bezstratna?

  1. a) kompresja stratna – mówimy o niej wtedy, gdy jakość skompresowanego pliku uległa widocznemu pogorszeniu
  2. b) kompresja bezstratna – występuje, wtedy kiedy po skompresowaniu danego pliku, nie możemy dostrzec różnicy pod względem jakości pomiędzy oryginałem a zmniejszoną bitmapą

Kompresja obrazu

Jakie są formaty grafiki rastrowej?

  1. a) używające kompresję stratną:
  • JPEG (Joint Photographic Experts Group) – to najpopularniejszy format plików graficznych; używany zarówno w Internecie jak i w aparatach cyfrowych;
  • JPEG 2000 – to nowsza wersja formatu JPEG; oferuje lepszą kompresję;
  • TIFF (Tagged Image File Format) – to popularny format plików graficznych, który daje możliwość kompresji stratnej i bezstratnej oraz umożliwia przechowywanie kanału alfa;
  • JPS (JPG Stereo) – to stereoskopowy obraz JPEG, używa się go do tworzenia efektów 3D z obrazów 2D;
  1. b) używające kompresję bezstratną:
  • TIFF (Tagged Image File Format) – to popularny format plików graficznych, który daje możliwość kompresji stratnej i bezstratnej oraz umożliwia przechowywanie kanału alfa;
  • GIF (Graphics Interchange Format) – to popularny format grafiki, obsługiwany przez prawie wszystkie przeglądarki WWW; umożliwia przechowywanie wiele obrazków w jednym pliku tworząc z nich animację; obsługuje również przeźroczystość monochromatyczną (pełna przeźroczystość albo żadna);
  • PNG (Portable Network Graphics) – to popularny format grafiki, obsługiwany przez większość przeglądarek WWW; ma większy rozmiar, obsługuje kanał alfa, następca GIF;

Kiedy używać formatu JPEG a kiedy PNG?

  1. a) JPEG – przy zapisywaniu zdjęć oraz grafik, które mają niewiele tekstu i wtedy, gdy jakość tekstów nie jest taka ważna;
  2. b) PNG – przy zapisywaniu zdjęć oraz grafik wektorowych, jeżeli zależy nam, aby tekst oraz grafika była w jak najlepszej jakości;

Jakie są zalety kompresji plików graficznych?

  • pliki graficzne zajmują znacznie mniej miejsca;
  • mniejszy rozmiar plików, powoduje dużo szybsze operacje (np. przesyłanie, wczytywanie się pliku graficznego na stronie internetowej);
  • pobierane fotografie ściągają mniej transferu, co jest bardzo pożądane w sieciach z ograniczonymi GB Internetu na miesiąc i niezwykle ważne w kwestii pozycjonowania stron internetowych.

Jakie są metody kompresji plików graficznych – online lub offline?

Aby wykonać kompresję danego pliku graficznego, możemy wykorzystać program graficzny, przykładowo „Photoshop” lub darmowe narzędzia online.

Jeśli nie znamy się kompletnie na tym temacie, albo chcemy po prostu przeprowadzić szybką oraz masową kompresję plików, możemy skorzystać z kompresji automatycznej, która umożliwia zmniejszenie rozmiaru zdjęć online.

Przykładowe darmowe narzędzia online:

  • TinyPNG – bardzo łatwy w wykorzystaniu; pozwala na załadowanie maksymalnie 20 plików jednocześnie (wersja darmowa). Rozmiar jednego pliku może mieć najwięcej 5 MB. Jeśli chcielibyśmy uzyskać wersję płatną (25$ za użytkownika na miesiąc), moglibyśmy załadować nieograniczoną ilość plików, natomiast jeden musiałby mieć nie więcej niż 25 MB;

Tiny PNG

  • Kraken – narzędzie dla profesjonalistów. Dzięki niemu możemy dokonać kompresji stratnej lub bezstratnej. Posiada również funkcję, która umożliwia dobranie wymaganej jakości oraz zachowanie poszczególnych metadanych obrazków. Narzędzie istnieje jako wtyczka do WordPressa i Magento. Kraken można wykorzystywać w wersji darmowej (100 MB do testowania);

Kraken

  • JPEG Optimizer – to darmowe narzędzie online; posiada możliwość przesłania jednego pliku graficznego na raz, można wybrać poziom kompresji obrazu (od 0 do 99) oraz ustawić nową, dowolną szerokość zdjęcia w pikselach. Po załadowaniu pliku i wybraniu poszczególnych opcji, ukaże nam się skompresowany plik, zaś pod nim, wymiary (długość, szerokość, waga pliku) przed i po kompresji oraz o ile procent zostało zoptymalizowane zdjęcie;

Jpg Optimazer

  • Optimizilla – posiada możliwość kompresji stratnej i bezstratnej obrazów JPEG i PNG; pozwala na przysyłanie do 20 zdjęć jednocześnie; umożliwia pobranie masowo lub pojedynczo skompresowanych plików. W narzędziu znajduje się również możliwość podglądnięcia różnicy pliku graficznego przed i po kompresji;

optimizilla

Przykładowe darmowe programy do kompresji plików graficznych:

  • Riot – darmowy program do optymalizacji plików PNG, GIF i Kompresja odbywa się poprzez redukcję kolorów oraz powtórne zakodowanie obrazu w niższej jakości;
  • PNG Optimizer – program przeznaczony głównie do kompresji plików PNG, umożliwia edytowanie zdjęć – usuwanie koloru tła, tekstów itd.;
  • File Minizer Pictures – program, który posiada sporo możliwości kompresji oraz edycji formatów obrazów; umożliwia konwertowanie formatu zdjęcia, edycję jego wielkości, zmniejszenie zdjęcia;

Czym jest plik PCG?

Plik PCG należy do grupy plików audio. Obsługiwany jest przez urządzenia oparte na systemie operacyjnym Windows. Najpopularniejszym programem do obsługi rozszerzenia PCG jest Awave Studio.

PODSUMOWANIE

Kompresja plików graficznych w dzisiejszych czasach jest rzeczą bardzo ważną, gdyż obrazy o wysokiej jakości są wręcz wizytówką danej strony internetowej, która albo zachęci albo odstraszy potencjalnych klientów/odbiorców. Myślę, że każdy, kto ma swoją własną stronę internetową, powinien wiedzieć o powyższych kwestiach dotyczących kompresji obrazów oraz korzystać z powyższych instrukcji i programów. Dzięki temu, strona internetowa będzie nie tylko estetyczna, ale również będzie bardzo szybko ładowała się w przeglądarce oraz na urządzeniach mobilnych.

Narzędzia online - razem