Powinieneś być świadomy kilku kluczowych czynników ...
Po pierwsze, istnieją dwa rodzaje kompresji: bezstratna i stratna .
- Bezstratny oznacza, że obraz jest zmniejszony, ale bez uszczerbku dla jakości.
- Utrata oznacza, że obraz jest (nawet) zmniejszony, ale ze szkodą dla jakości. Jeśli wielokrotnie zapisujesz obraz w formacie stratnym, jakość obrazu będzie się stopniowo pogarszać.
Istnieją również różne głębokości kolorów (palety): Kolor indeksowany i Kolor bezpośredni .
- Indeksowany oznacza, że obraz może przechowywać tylko ograniczoną liczbę kolorów (zwykle 256), kontrolowanych przez autora, w czymś, co nazywa się mapą kolorów
- Bezpośrednie oznacza, że możesz przechowywać wiele tysięcy kolorów, które nie zostały bezpośrednio wybrane przez autora
BMP - bezstratny / indeksowany i bezpośredni
To jest stary format. Jest bezstratny (żadne dane obrazu nie są tracone przy zapisywaniu), ale kompresja jest też niewielka lub wcale, co oznacza zapisywanie, ponieważ BMP powoduje BARDZO duże rozmiary plików. Może mieć palety indeksowane i bezpośrednie, ale to niewielka pociecha. Rozmiary plików są tak niepotrzebnie duże, że nikt tak naprawdę nigdy nie używa tego formatu.
Dobre dla: Naprawdę nic. Nie ma w czym BMP wyróżnia się, ani nie jest lepiej wykonywany przez inne formaty.
GIF - tylko bezstratny / indeksowany
GIF używa bezstratnej kompresji, co oznacza, że możesz zapisywać obraz w kółko i nigdy nie stracić żadnych danych. Rozmiary plików są znacznie mniejsze niż BMP, ponieważ faktycznie używana jest dobra kompresja, ale może ona przechowywać tylko paletę indeksowaną. Oznacza to, że w większości przypadków w pliku może być maksymalnie 256 różnych kolorów. To brzmi jak niewielka ilość i tak jest.
Obrazy GIF mogą być również animowane i mają przezroczystość.
Dobre dla: logo, rysunków i innych prostych obrazów, które muszą być małe. Naprawdę używany tylko na stronach internetowych.
JPEG - Lossy / Direct
Obrazy JPEG zostały zaprojektowane w taki sposób, aby szczegółowe obrazy fotograficzne były jak najmniejsze, usuwając informacje, których ludzkie oko nie zauważy. W rezultacie jest to format stratny, a zapisywanie tego samego pliku raz za razem spowoduje utratę większej ilości danych w miarę upływu czasu. Ma paletę tysięcy kolorów, a więc świetnie nadaje się do zdjęć, ale kompresja stratna oznacza, że jest szkodliwa dla logo i rysunków: nie tylko będą wyglądały na rozmyte, ale będą miały większy rozmiar pliku w porównaniu do GIF-ów!
Dobry dla: zdjęć. Również gradienty.
PNG-8 - Bezstratny / indeksowany
PNG to nowszy format, a PNG-8 (indeksowana wersja PNG) jest naprawdę dobrym zamiennikiem plików GIF. Niestety ma on jednak kilka wad: po pierwsze, nie może obsługiwać animacji takiej jak GIF (może, ale wydaje się, że obsługuje go tylko Firefox, w przeciwieństwie do animacji GIF obsługiwanej przez każdą przeglądarkę). Po drugie, ma pewne problemy z obsługą starszych przeglądarek, takich jak IE6. Po trzecie, ważne oprogramowanie, takie jak Photoshop, ma bardzo słabą implementację tego formatu. (Cholera, Adobe!) PNG-8 może przechowywać tylko 256 kolorów, takich jak GIF-y.
Dobre dla: Najważniejszą rzeczą, którą PNG-8 robi lepiej niż GIF-y, jest obsługa przezroczystości alfa.
Ważna uwaga: Photoshop nie obsługuje przezroczystości alfa dla plików PNG-8. (Cholera, Photoshop!) Istnieją jednak sposoby konwersji Photoshop PNG-24 na pliki PNG-8 przy zachowaniu ich przezroczystości. Jedną z metod jest PNGQuant , drugą jest zapisywanie plików za pomocą Fireworks .
PNG-24 - Bezstratny / Bezpośredni
PNG-24 to świetny format, który łączy bezstratne kodowanie z bezpośrednim kolorem (tysiące kolorów, podobnie jak JPEG). Pod tym względem jest bardzo podobny do BMP, z tym wyjątkiem, że PNG faktycznie kompresuje obrazy, dzięki czemu powstają znacznie mniejsze pliki. Niestety pliki PNG-24 nadal będą znacznie większe niż JPEG, GIF i PNG-8, więc nadal musisz się zastanowić, czy naprawdę chcesz z nich skorzystać.
Mimo że PNG-24 pozwalają na kompresję tysięcy kolorów, nie są przeznaczone do zastępowania obrazów JPEG. Zdjęcie zapisane jako PNG-24 będzie prawdopodobnie co najmniej 5 razy większe niż równoważne zdjęcie JPEG, przy bardzo niewielkiej poprawie widocznej jakości. (Oczywiście może to być pożądany wynik, jeśli nie martwisz się rozmiarem plików i chcesz uzyskać obraz o najlepszej jakości).
Podobnie jak PNG-8, PNG-24 obsługuje również przezroczystość alfa.
SVG - bezstratny / wektorowy
Typ pliku, który obecnie zyskuje na popularności, to SVG, który różni się od wszystkich powyższych tym, że jest to format pliku wektorowego (powyższe są wszystkie rastrowe ). Oznacza to, że faktycznie składa się z linii i krzywych zamiast pikseli. Po powiększeniu obrazu wektorowego nadal widać krzywą lub linię. Po powiększeniu obrazu rastrowego zobaczysz piksele.
Na przykład:
Oznacza to, że SVG jest idealny do logo i ikon, które chcesz zachować ostrość na ekranach Retina lub w różnych rozmiarach.
Ponadto pliki SVG są zapisywane przy użyciu XML, więc można je otwierać i edytować w edytorze tekstów, aby można było nimi manipulować w locie, jeśli chcesz. Na przykład, możesz użyć JavaScript, aby zmienić kolor ikony SVG na stronie internetowej podobnie jak w przypadku tekstu (tj. Nie potrzebujesz drugiego obrazu).
Mam nadzieję że to pomogło!
