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

test JPG

21 KB

test GIF

61 KB

test JPG

15 KB

test GIF

35 KB

test JPG

8 KB

test GIF

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

test JPG

8 KB

test GIF

5 KB

test JPG

6 KB

test GIF

4 KB

test JPG

4 KB

test GIF

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

test PNG

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.

wykres wielkości plików graficznych

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 !