Na potrzeby strony internetowej przygotowano grafikę rysunek.jpg o rozmiarze: szerokość 200 px, wysokość 100 px. Aby wyświetlić tę grafikę jako miniaturę – pomniejszoną z zachowaniem proporcji, można zastosować znacznik
Odpowiedzi
Informacja zwrotna
Odpowiedź <img src="rysunek.png" style="width: 50px"> jest poprawna, ponieważ ustawia szerokość grafiki na 50 pikseli, co pozwala na zachowanie proporcji oryginalnego rysunku, którego rozmiar to 200x100 pikseli. Zmniejszenie szerokości do 50 px oznacza, że wysokość grafiki również automatycznie dostosuje się, by zachować proporcje, a wynikowy rozmiar miniaturki to 50x25 px. W praktyce, taka technika jest kluczowa w budowaniu responsywnych stron internetowych, które muszą działać na różnych urządzeniach o różnych rozmiarach ekranów. Używanie CSS do zarządzania rozmiarami obrazów jest zgodne z najlepszymi praktykami w branży web developmentu, ponieważ pozwala na elastyczne dostosowywanie treści wizualnej do kontekstu wyświetlania. Dodatkowo, zasady dostępności również podkreślają znaczenie zachowania proporcji, ponieważ skompresowane lub rozciągnięte obrazy mogą być trudne do interpretacji przez osoby z ograniczeniami wzrokowymi.
Pozostałe odpowiedzi nie spełniają wymogu zachowania proporcji podczas zmniejszania rozmiaru grafiki. W pierwszej opcji, <img src="rysunek.png" style="width: 25px; height:50px"> zaproponowane wartości szerokości i wysokości nie są ze sobą zgodne, co prowadzi do zniekształcenia obrazu. Proporcje oryginalnego rysunku wynoszą 2:1 (szerokość do wysokości), a w tym przypadku wynikowa proporcja to 1:2, co może wprowadzać w błąd użytkowników. W przypadku trzeciej opcji, <img src="rysunek.png"> brak określenia stylów szerokości i wysokości skutkuje wyświetleniem obrazu w jego pierwotnym rozmiarze, co nie jest zgodne z celem stworzenia miniatury. Ostatnia odpowiedź, <img src="rysunek.png" style="width: 25px; height:25px;"> również nie spełnia wymogu, ponieważ ustala jednakową wysokość i szerokość, tym samym prowadząc do powstania kwadratowej miniatury, co jest niezgodne z oryginalnymi proporcjami grafiki. Można zatem zauważyć, że niepoprawne odpowiedzi często wynikają z niezrozumienia, jak ważne jest dbanie o proporcje w grafice cyfrowej, co jest istotnym zagadnieniem w projektowaniu stron internetowych. Właściwe proporcje są również kluczowe dla zachowania estetyki oraz funkcjonalności elementów wizualnych na stronie.