Aby na stronie internetowej wyświetlić logo, które zachowa ostrość przy dowolnym powiększeniu, należy zapisać je w formacie
A. SVG
B. JPG
C. BMP
D. GIF
SVG to właściwy wybór, bo jest formatem wektorowym. Logo zapisane jako SVG nie składa się z siatki pikseli, tylko z opisów kształtów, linii, krzywych, kolorów i wypełnień. Dzięki temu przeglądarka może je przeliczyć na dowolny rozmiar i nadal będzie ostre, nawet na ekranach Retina albo przy dużym powiększeniu strony. W praktyce to bardzo ważne przy logotypach, ikonach, znakach firmowych i prostych ilustracjach w interfejsie WWW. SVG jest standardowo obsługiwany przez nowoczesne przeglądarki i dobrze pasuje do responsywnych stron, bo można ustawić mu szerokość w CSS, używać viewBox, zmieniać kolory albo animować elementy. Z mojego doświadczenia, dobrze przygotowane SVG często waży mniej niż bitmapa i wygląda dużo bardziej profesjonalnie. Trzeba tylko pamiętać, że SVG jest świetne do grafiki wektorowej, ale nie do zdjęć, gdzie lepiej sprawdza się JPG, WebP albo PNG.
W tym pytaniu łatwo pomylić format grafiki z jakością obrazu, a to są trochę inne sprawy. JPG, BMP i GIF to formaty rastrowe, czyli takie, w których obraz jest zapisany jako konkretna siatka pikseli. Jeżeli takie logo powiększymy mocno na stronie, przeglądarka musi rozciągnąć istniejące piksele, więc pojawi się rozmycie, schodki na krawędziach i ogólnie taki mniej elegancki efekt. JPG bywa dobry do zdjęć, bo dobrze kompresuje fotografie, ale przez kompresję stratną może pogarszać ostrość tekstu i krawędzi logotypu. BMP zachowuje dane obrazu dość prosto, ale jest ciężki i praktycznie nie jest dobrym wyborem do stron internetowych, bo zwiększa transfer i czas ładowania. GIF obsługuje animacje i prostą przezroczystość, ale ma ograniczoną paletę kolorów, więc dla nowoczesnego logo też wypada słabo. Typowy błąd polega na myśleniu, że wystarczy zapisać obraz w dużej rozdzielczości. To pomaga tylko do pewnego momentu, bo nadal jest to raster. Dobre praktyki webowe mówią, żeby logotypy, ikony i proste znaki graficzne przygotowywać jako SVG, ponieważ skalują się bez utraty jakości i lepiej współpracują z responsywnym układem strony.