Z kursu: Podstawowe szkolenie w zakresie HTML

Aby odblokować ten kurs, skorzystaj z bezpłatnej próbnej subskrypcji

Dołącz dzisiaj, aby uzyskać dostęp do ponad 24 000 kursów prowadzonych przez ekspertów w branży.

Obrazy responsywne

Obrazy responsywne – HTML: przewodnik

Z kursu: Podstawowe szkolenie w zakresie HTML

Zacznij mój 1. bezpłatny miesiąc Kup dla mojego zespołu

Obrazy responsywne

“

- Czasami chcemy wyświetlić duży, piękny obraz o wysokiej rozdzielczości dla osób z dużymi ekranami, a następnie zmniejszyć go znacznie dla osób korzystających z telefonów, na małych ekranach. CSS może to zrobić. Jeden plik obrazu może być wyświetlany w dowolnym rozmiarze. Ale jest problem. Duży obraz o wysokiej rozdzielczości zawiera miliony pikseli. Wszystkie te dane mogą sprawić, że rozmiar pliku będzie dość duży. Co zajmuje dużo czasu, aby pobrać na wolne połączenie sieciowe i może zużywać plany danych ludzi, a na niektórych rynkach kosztuje ich dużo pieniędzy. Nie chcemy dostarczać niepotrzebnych danych o wysokiej rozdzielczości na małe ekrany. Zamiast tego może powinniśmy po prostu zmniejszyć wszystkie nasze obrazy. Fizycznie mniejsze, mniej kolorowe dane, mniej pikseli, bardziej skompresowane, które sprawdzą się na mniejszym ekranie. Ale jeśli wyślemy ten plik do wszystkich, ludzie z dużymi monitorami stacjonarnymi nie zobaczą dużego, wspaniałego zdjęcia. Dostaną zdjęcie…

Spis treści