Optymalizacja grafik do internetu, czyli o JPG, GIF, PNG

Chyba nie trzeba wyjaśniać po co optymalizować wagowo zdjęcia i grafiki, które umieszczamy na stronie? Jeśli trzeba to odsyłam najpierw do wpisu Po co przyśpieszać stronę internetową.

Okej. Skoro wiesz, że zdjęcia/grafiki powinny ważyć możliwie mało, to pozostaje pytanie jak to zrobić… Większość sprowadza się do wyboru odpowiedniego formatu, który powinien być zależny od tego co zapisujemy. Mamy kilka popularniejszych formatów, czyli:

  • .jpg
  • .gif
  • .png (2 wersje .png czyli PNG-8 oraz PNG-24)

Wektory tutaj pomijam bo one działają na całkiem innej zasadzie. Pomijam też internetowe narzędzia do kompresji grafik, zejdzemy level niżej i zoptymalizujemy grafiki już na etapie wyboru formatu.

Żeby wiedzieć, kiedy jakiego formatu użyć, musimy zacząć od odrobiny teorii (spokojnie, to zajmie chwilę). Pokażę ci o co chodzi tymi bitami, czyli co dokładnie oznacza w praktyce, że GIF jest 8 bitowy i z czym to się wiąże. Na kaniec kilka prostych, praktycznych przykładów. Póki co transkryput nie ma, więc zapraszam do wideo 🙂