Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • Technologie webowe
  • E-marketing
  • AI
  • Poradniki
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
  • Technologie webowe
  • E-marketing
  • AI
  • Poradniki
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ć

Pakiet programów graficznych od Corela jak za darmo z Humble Bundle

WebSocket: Nowoczesna komunikacja w czasie rzeczywistym w sieci

Event Storming krok po kroku

Co to jest Social Login?

10 najlepszych wtyczek do tworzenia galerii w WordPress

WebInside.pl 2023-08-14 2023-08-14
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Jak reklamować stronę?
Następny artykuł Tekst na stronach WWW, zastosowanie CSS w typografii
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

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

Najnowsze artykuły

Pika Labs wprowadza przełom w tworzeniu filmów AI. Rewolucja w branży wideo?
AI Aktualności
Koniec Omegle. Serwis Omegle.com niespodziewanie kończy działalność
Aktualności
Płatna subskrypcja na Facebooku właśnie weszła w życie. Spora cena za prywatność i brak reklam
Aktualności
Cyfrowa rewolucja w branży motoryzacyjnej. Kupuj wygodnie auto części w sklepie motoryzacyjnym online
Artykuły partnerskie
Pakiet programów graficznych od Corela jak za darmo z Humble Bundle
Aktualności Technologie webowe
Cyfrowe karty podarunkowe od WhiteBIT są dostępne za kryptowalutę w Polsce
Technologie
Nowe oskarżenia w środowisku polskich twórców internetowych: Wardęga oskarża Stuu o nieodpowiednie kontakty z nastoletnimi fankami
Aktualności
Pliki XAdES – Jak otworzyć?
Poradniki
Jak otworzyć plik GPX w Google Maps?
Poradniki
Intercity WiFi – jak się połączyć i zalogować? – Darmowy internet WiFi w pociągach PKP Intercity
Poradniki
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

AktualnościTechnologie webowe

Pakiet programów graficznych od Corela jak za darmo z Humble Bundle

2 min czytania
Technologie webowe

WebSocket: Nowoczesna komunikacja w czasie rzeczywistym w sieci

5 min czytania
Technologie webowe

Event Storming krok po kroku

5 min czytania
Technologie webowe

Co to jest Social Login?

8 min czytania
Technologie webowe

10 najlepszych wtyczek do tworzenia galerii w WordPress

12 min czytania
recaptcha 2 - nie jestem robotem
Technologie webowe

Nie jestem robotem, czyli ReCAPTCHA 2

6 min czytania
Technologie webowe

Jak wycentrować element DIV w poziomie i pionie?

4 min czytania
Technologie webowe

Start-up na start: najczęstsze błędy popełniane przez wydawców

8 min czytania
//

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

Wszystkie kategorie

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

Ostatnio dodane

  • Pika Labs wprowadza przełom w tworzeniu filmów AI. Rewolucja w branży wideo?
  • Koniec Omegle. Serwis Omegle.com niespodziewanie kończy działalność
  • Płatna subskrypcja na Facebooku właśnie weszła w życie. Spora cena za prywatność i brak reklam
  • Cyfrowa rewolucja w branży motoryzacyjnej. Kupuj wygodnie auto części w sklepie motoryzacyjnym online

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
Witaj ponownie!

Zaloguj się do swojego konta

Zarejestruj się Zapomniałeś hasła?