Pokaże trik na zmniejszenie wagi obrazków zapisanych jako PNG24. Jak wszyscy wiemy, PNG24 to niemal bezstratny format, który umożliwia zachowanie częściowej przezroczystości. Idealnie nakłada się na różne tła. Chciałoby się powiedzieć „format idealny”. Niestety ma jedna zasadniczą wadę. Wyeksportowany obraz to gigant.

Do optymalizacji używam Photoshopa w dowolnej wersji. Funkcja „Save for Web” otwiera okno podglądu, w którym wybieramy sposób zapisu png-24. W lewym rogu mamy oszacowaną wielkość pliku i de facto żadnej możliwości jej zmniejszenia.

Optymalizacja PNG24 - 1

Końcowy rozmiar to 704 kB. Czy nic nie da się zrobić? Jest sposób … wyśmienity :)

Użycie opcji Posterize pozwala w rozsądny sposób zmniejszyć ilość kolorów obrazu. Poniżej rezultat dla poziomu 16.

Optymalizacja PNG24 - 3

Co pozwoliło nam zmniejszyć obraz o połowę! Końcowy rozmiar to 303 kB.

Optymalizacja PNG24 - 2

Gdyby każdy obraz udało się tak zoptymalizować nasza strona wczytywałaby się dwa razy szybciej. Warto poświęcić chwilę na jej przyspieszenie.

Optymalizacja grafiki PNG24 4.94/5 (16 głosów)

1 Komentarz

  1. anita432tyler pisze:

    Fajny post. Szkoda, że tylko omawiany jest png. Jest wiele innych formatów, ale ogólnie, kierunek dobry 5*

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *