Grafika na stronie WWW - formaty graficzne

Formaty bitmapowe

Test wielkości plików graficznych.

W tym teście zbadamy jak wygląda wielkość pliku w zależności od przyjętego formatu i zawartości. Jako formaty ścigać się będą JPG i GIF, zawartość to raz zdjęcie, a dwa płaska grafika. ...Start!

JPG - foto	GIF - foto
21 KB	61 KB
15 KB	35 KB
8 KB	16 KB

Wygrał JPG!!! Nic dziwnego to najpopularniejszy format w internecie.
Wygrał bo jego pliki są 3 x mniejsze (3x szybciej się ściągną w necie) JPG lepiej oddał szczególy chropwatości ściany, lepiej oddał też kolor z większą ilością subtelności.

JPG - grafika	GIF - grafika
8 KB	5 KB
6 KB	4 KB
4 KB	3 KB

Tym razem zwycięzcą jest GIF, jego pliki sa mniejsze, już nie aż tak spektakularna różnica jak w poprzednim etapie, ale jest. Ponadto przy dużej kmpresji JPG na na gładkich powierzchniach mogą pojawiś się skazy, w GIFie mamy pewność, że zawsze będzie gładko.
Innym formatem bitmapowym występującym na stronach WWW jest format PNG, spójrzmy na niego.

PNG - foto	PNG - grafika
kliknij jak chcesz zobaczyć obrazek PNG, jest duży do ściągania i wygląda tak samo jak JPG. Nie pokazuję go ze względu na mających wolne łącza, mogli by być wściekli 338 KB	4 KB

338 KB to jednak ciut za dużo by zakceptować zdjęcie w formacie PNG. Natomiast dla grafiki to 4 KB to rekord wielkosci w dzisiejszym teście.

Rysunki i obrazy Józef Jan Zimmerman

Formaty wektorowe

Czyli...szkoda, że Państwo tego nie widzą. Przeglądarki potrzebują dodatkowych pluginów by wyświetlić grafikę wektorową.

Flash jest bardzo popularny, pewnie jednak mniej osób zobaczy tu umieszczony plik SVG.

Powyżej robiłem test grafiki z uwzględnieniem wielkości obrazka, im obrazek większy to większy rozmiar piku graficznego, przy grafice wektorowej obszar zajmowany na ekranie nie ma zadnego wplywu na wielkość pliku. Możesz to sprawdzić teraz klikając nad grafiką prawym przyciskiem myszy i wybierając [zoom +] udaje się powiększyć szczegóły bez potrzeby pobierania dodatkowych danych.

Flash	SVG
2 KB	9 KB

I oto mamy kolejnego rekordziste - Flash dla zobrazowania grafiki potrzebuje najmniejszy plik. Gdyby zawieral zdjęcie to to zdjęcie posiadało by wielkość pliku JPG, bo tak by bylo wpisane wewnątrz pliku Flash.

Więcej testów z grafiką

Grafika do stron WWW transparentność

Zasady tworzenia stron WWW

Swiat starych pocztówek to początek rewolucj obrazkowej. Pocztówki musiały zastąpić TV przekazując widoki pocztowe z dalekich stron.

Stare pocztówki Kolekcja

Zapraszam do obejrzenia, urok starych pocztówek jest niezaprzeczalny.
O wnętrzach przeczytasz na stronie

wnętrza - OK !