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 operacja polegająca na zmianie jego wymiarów, czyli szerokości i/lub wysokości. Obraz może zostać powiększony albo pomniejszony, ale jego główna zawartość wizualna pozostaje ta sama.
Przykład: zdjęcie o rozmiarze 1920 × 1080 px można przeskalować do 960 × 540 px. Nadal przedstawia ten sam kadr, ale ma mniejsze wymiary.
Czego skalowanie nie oznacza?
Skalowania nie należy mylić z innymi operacjami graficznymi:
- kadrowanie – wycięcie fragmentu obrazu,
- kompresja – zmiana sposobu zapisu pliku w celu zmniejszenia rozmiaru,
- łączenie figur – operacja typowa dla grafiki wektorowej,
- zmiana formatu – np. zapis JPG jako PNG.
Skalowanie proporcjonalne i nieproporcjonalne
Najczęściej stosuje się skalowanie proporcjonalne, czyli takie, które zachowuje stosunek szerokości do wysokości. Dzięki temu obraz nie jest zniekształcony.
Przykład proporcjonalny:
1200 × 800 px → 600 × 400 px
Przykład nieproporcjonalny:
1200 × 800 px → 600 × 600 px
W drugim przypadku obraz może wyglądać na rozciągnięty lub spłaszczony.
Skalowanie w stronach internetowych
W HTML i CSS skalowanie obrazu często wykonuje się przez ustawienie jego szerokości lub wysokości, np.:
img {
max-width: 100%;
height: auto;
}
Taki zapis pozwala obrazowi dopasować się do szerokości kontenera bez utraty proporcji.
Najważniejsze na egzamin
Skalowanie obrazu oznacza zmianę wymiarów obrazu bez usuwania jego istotnej zawartości. Dlatego poprawna odpowiedź to ta, która mówi o zmianie rozmiaru, a nie o kadrowaniu, kompresji czy edycji kształtów.