- Jak służyć obrazom, które są odpowiednio rozmiarowe w celu zapisywania danych komórkowych i poprawy czasu ładowania?
- Co to jest rozmiar obrazu?
Jak służyć obrazom, które są odpowiednio rozmiarowe w celu zapisywania danych komórkowych i poprawy czasu ładowania?
Idealnie, Twoja strona nigdy nie powinna obsługiwać obrazów większych niż wersja, która jest renderowana na ekranie użytkownika. Cokolwiek większego niż tylko powoduje zmarnowane bajty i spowalnia czas ładowania strony. Główna strategia obsługi obrazów o odpowiednio rozmiarów nazywa się „responsywnymi obrazami”.
Co to jest rozmiar obrazu?
Jeśli ten obraz jest wyświetlany na smartfonie, który szerokość rzutni wynosi 360 pikseli, jego ostateczny rozmiar nie wynosi 400 x 400 pikseli, ale najwyżej 360 x 360 pikseli - ze względu na maksymalną szerokość CSS. Ten bardzo końcowy rozmiar 360x360 lub mniejszy nazywa się renderowanym rozmiarem obrazu.