Skalowanie obrazu

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

Co to jest skalowanie obrazu?

Skalowanie obrazu to zmiana jego rozmiaru, czyli szerokości i wysokości, bez celowego usuwania fragmentów treści. Obraz po skalowaniu przedstawia tę samą scenę lub grafikę, ale jest większy albo mniejszy.

W pytaniach egzaminacyjnych skalowanie należy odróżnić od kadrowania. Kadrowanie wycina fragment obrazu, natomiast skalowanie zmienia rozmiar całego obrazu.

Skalowanie w grafice rastrowej

W grafice rastrowej obraz składa się z pikseli. Przy skalowaniu program musi przeliczyć piksele, dlatego jakość może się zmienić:

  • zmniejszanie obrazu zwykle daje dobrą jakość, ale usuwa część informacji szczegółowych,
  • powiększanie obrazu może powodować rozmycie, pikselizację lub utratę ostrości,
  • stosuje się interpolację, np. najbliższego sąsiada, dwuliniową lub dwusześcienną.

Skalowanie w grafice wektorowej

W grafice wektorowej obraz opisany jest za pomocą figur, krzywych i równań matematycznych. Dzięki temu skalowanie zwykle nie powoduje utraty jakości. Logo lub ikona wektorowa może być powiększana bez widocznej pikselizacji.

Skalowanie a inne operacje

Skalowanie nie oznacza:

  • zmiany formatu pliku, np. PNG na JPEG,
  • zmiany stopnia kompresji,
  • wycinania fragmentu obrazu,
  • łączenia lub odejmowania kształtów.

Przykład w CSS

Na stronie internetowej obraz można skalować za pomocą CSS:

img {
  width: 300px;
  height: auto;
}

W tym przykładzie szerokość obrazu zostaje ustawiona na 300 px, a wysokość dopasowuje się automatycznie, aby zachować proporcje.