Rozdzielczość obrazu

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest rozdzielczość obrazu?

Rozdzielczość obrazu określa liczbę pikseli tworzących grafikę, najczęściej podawaną jako szerokość × wysokość, np. 1920 × 1080 px. Im więcej pikseli ma obraz, tym więcej danych trzeba zapisać, a więc plik zwykle ma większy rozmiar.

Dlaczego rozdzielczość wpływa na rozmiar pliku?

Obraz o większej rozdzielczości zawiera więcej szczegółów, ale także więcej informacji do zapisania. Przykładowo grafika 4000 × 3000 px ma 12 milionów pikseli, a obraz 1000 × 750 px tylko 750 tysięcy pikseli. Po zmniejszeniu rozdzielczości plik może być wielokrotnie mniejszy.

Zastosowanie w publikacji internetowej

Do publikacji w sieci nie zawsze potrzebna jest bardzo duża grafika, np. zdjęcie prosto z aparatu. Jeśli obraz ma być wyświetlany na stronie jako miniatura, baner lub ilustracja w treści, należy dopasować jego rozmiar do faktycznego miejsca wyświetlania.

Typowe działania optymalizacyjne:

  • zmniejszenie rozdzielczości obrazu,
  • zapis w odpowiednim formacie, np. JPEG, PNG, WebP,
  • dobranie stopnia kompresji,
  • usunięcie zbędnych metadanych.

Przykład

Jeśli zdjęcie ma rozmiar 5000 × 3000 px, a na stronie będzie wyświetlane jako 1000 × 600 px, warto zmniejszyć jego rozdzielczość przed publikacją. Dzięki temu strona będzie ładować się szybciej i zużyje mniej transferu.

Ważne na egzaminie

Jeżeli plik graficzny jest zbyt duży do publikacji w sieci, najprostszym poprawnym działaniem jest zmniejszenie jego rozdzielczości. Zwiększenie głębi kolorów, zapis do BMP lub dodanie kanału alfa zwykle zwiększają rozmiar pliku albo nie rozwiązują problemu.