Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Gif, jpg i png – główne formaty zapisu grafiki na WWW
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Gif, jpg i png – główne formaty zapisu grafiki na WWW
Technologie webowe

Gif, jpg i png – główne formaty zapisu grafiki na WWW

WebInside.pl
Ostatnia aktualizacja: 14.08.2023
WebInside.pl
Udostępnij
Udostępnij

Siedząc kolejną noc nad wysublimowanymi efektami w naszej pracy, którą później zamierzamy wykorzystać jako szatę graficzną tworzonej strony, nie zwracamy uwagi, że często niuanse te zostaną zgubione w wyniku kompresji.

Zawartość
.jpg (.jpeg).gif.png

Publikując grafikę w internecie, stajemy przed ciężkim wyborem…postawić na jakość?…czy szybkość?
Oto opis najpopularniejszych formatów, dzięki którym dobierzecie kompresję do odpowiedzi na wyżej postawione pytania.

.jpg (.jpeg)

(Joint Photographic Experts Group) Format polecany do przechowywania zdjęć oraz wielobarwnych grafik, z dużą ilością przejść tonalnych. Interpretuje 16,7 mln kolorów. Konwertuje przy użyciu bezpowrotnej kompresji stratnej. Metoda ta opiera się na segregowaniu kolorów na obszary, dlatego też w największym stopniu skompresowania widzimy już wyrażne, ostre krawędzie poszczególnych barw. Przy kolejnych zapisach zmian w tym samym pliku .jpg jego jakość ulega dalszemu pogorszeniu. Dlatego zaleca się konwertowanie ostatniej fazy pracy i pozostawianie jej już bez nanoszenia zmian. Jedną z charakterystycznych cech tej metody kompresji jest oddzielanie informacji o jasności i odcieniach koloru, dlatego świetnie nadaje się także do obrazów czarno-białych.

Format ten jest bardzo dobrze interpretowany przez przeglądarki. Posiada opcję wyświetlania z przeplotem, powodującym wyświetlanie najpierw co 8, potem 4, następnie 2 i na końcu nieparzystych linii obrazu. Dzięki temu, oglądający ma wrażenie szybszego wczytywania grafiki. Udoskonalona wersja-JPG 2000, oparta na technologii Wavelet (wykorzystującej algorytmy falkowe, także kompresja stratna, jednak mimo utraty pikseli przejściowych nie powodująca zniekształceń), zapewnia znacznie lepszą konwersję, przy jednoczesnym zachowaniu dobrej jakości obrazu.

.gif

(Graphics Interchange Format) W założeniach był formatem obsługującym pliki przesyłane na bardzo duże odległości przy wykorzystaniu urządzeń transmisyjnych. Dlatego posiada także opcję zapisu z przeplotem, umożliwiającą szybki podgląd dokumentu. Konwertuje za pomocą bezstratnej kompresji słownikowej (Lempel-Ziv i Welch).

Opiera się ona na zastępowaniu poziomych ciągów pikseli tego samego koloru, przez liczbę określającą długość sekwencji. Stąd też format ten polecany jest do kompresji obrazów o niewielkiej ilości barw (szczególnie na dużych płaszczyznach), małych zdjęć, geometrycznych kształtów, logotypów, ikon oraz napisów (raczej bez anty-aliasingu). Obsługuje 256 kolorów, a także przezroczystość. Pozwala na obecność wielu obiektów w pliku, dzięki czemu można w tym formacie zbudować prostą animację. Doskonale interpretowany przez przeglądarki.

.png

(Portable Network Graphics) Format, który w założeniach miał zastąpić GIFa. Występuje jako png-8 ( 8 bitowa głębia koloru, 256 barw ) oraz png-24 (16,7 mln barw). Oparty także na bezstratnej kompresji LZW, konwertuje kolory do 48 bitów. Obsługuje przeplot, przezroczystość oraz 8-bitowy kanał Alfa, który umożliwia tworzenie barw półprzezroczystych, dających możliwość odpowiedniego wkomponowania obrazu w tło. Raczej średnio interpretowany przez przeglądarki.

Polecamy także:

Może Cię zainteresować

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

WebInside.pl 2023-08-14 2023-08-14
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Photoshop: cięcie grafiki na potrzeby WWW
Następny artykuł Typografia na stronach WWW
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?