Grafika na stronie WWW - formaty graficzne

Formaty bitmapowe

Test wielkości plików graficznych.

Przy zapisywaniu GIFa JPGa czy PNG masz wpyw na wielkość pliku, ale kosztem jakości. Przy GIFie i PNG czasem ograniczona ilość kolorów sama w sobie może dawać ciekawy efekt.

JPG - grafika - stopień kompresji

test JPG

Jakość 100 - Wielkość 39 KB

test JPG

Jakość 80 - Wielkość 19 KB

test JPG

Jakość 60 - Wielkość 12 KB

test JPG

Jakość 30 - Wielkość 7 KB

test JPG

Jakość 10 - Wielkość 5 KB

test JPG

Jakość 0 - Wielkość 4 KB

wykres wielkości plików graficznych

Każdy musi sam ocenić moment najlepszego kompromisu między jakością a wielkością plku (stopniem kompresji)

GIF - ilość kolorów

test GIF

Kolorów 4 - Wielkość 3 KB

test GIF

Kolorów 8 - Wielkość 4 KB

test GIF

Kolorów 16 - Wielkość 5 KB

test GIF

Kolorów 32 - Wielkość 6 KB

GIF - ilość kolorów - noise

test GIF

Kolorów 4 - Wielkość 9 KB

test GIF

Kolorów 8 - Wielkość 12 KB

test GIF

Kolorów 1grafik/6 - Wielkość 14 KB

test GIF

Kolorów 32 - Wielkość 18 KB

I jeszcze test z PNG

PNG - grafika

PNG - grafika - noise

test JPG

Kolorów 32 - Wielkość 4 KB

test GIF

Kolorów 32 - Wielkość 17 KB

wykres wielkości plików graficznych

Wkrótce pojawi się tu wyjaśnienie dlaczego PNG choć mi tu wychodziło, że jest lepszy jest pomijany przez twórców stron WWW. Ujawnimy tu jego wady, nie tyko jego. Przygotuję tablicę funkcjonalności formatów graficznym, co się da w którym formace a co nie. Czasem pojawia się pytanie -jak zrobić przeźroczystego JPGa? - odpowieć wkrótce ...negatywna :-(

Więcej testów z grafiką

Zasady tworzenia stron WWW

Tu kącik muzyczny, trochę muzyki jazzowej, wybierz się na festiwal pianistów.

Festiwal pianistów jazzowych w Warszawie JAZZ

Hip-Hop Efekt Działania

Nie lubisz jazzu, a hip-hop??? mocna grupa z Wawrzyszewa - Efekt Działania. RAP i bity.