Kursy multimedii - użycie obrazów w Web

Ten artykuł szczegółowo wyjaśnia, w jakich warunkach należy używać obrazów i tekstu, jak przyspieszyć pobieranie obrazów oraz wybór odpowiedniego formatu obrazu.

Kiedy używać obrazów

Dla większości obrazów, jedno zdjęcie może zastąpić tysiące słów. Ale należy pamiętać, że nikt nie zwraca uwagi na tych, którzy gęsto gęsto mówią. Najważniejsze jest, aby traktować grafikę w dokumencie jako narzędzie wizualne, a nie jako bezcelową dekorację. Powinny one wspierać treść tekstu i pomagać czytelnikom nawigować po dokumencie. Użycie obrazów może uczynić treść bardziej przejrzystą i umożliwić dodawanie notatek lub przykładów. Fotografie, wykresy, krzywe, mapy i ilustracje są naturalnymi i odpowiednimi opcjami. Na przykład, zdjęcia produktów są kluczowym elementem dla katalogów online i przewodników zakupowych. Ikony i symbole drukowane z funkcją linkowania, w tym obrazy z efektami animacyjnymi, mogą być bardzo skutecznymi przewodnikami do treści lub zewnętrznych zasobów. Jeśli jakiś obraz nie spełnia żadnej z tych funkcji, powinien być odrzucony!

Kiedy rozważa się dodanie obrazu do dokumentu, innym ważnym czynnikiem do rozważenia jest opóźnienie w wyszukiwaniu, które powoduje przesyłanie dokumentu przez sieć, zwłaszcza przez modem. Zwykły dokument może zawierać do 10-15 kilobajtów, podczas gdy obraz może łatwo osiągnąć rozmiar kilkuset kilobajtów. Ponadto, całkowity czas pobierania dokumentu nie jest tylko sumą jego wszystkich części, ale także opóźnienia spowodowane obciążeniem sieci.

Zgodnie z prędkością połączenia (czyli przepustowościąbandwidthZwykle używa się bps lub b/s do reprezentacji i możliwych opóźnień w prędkości połączenia, aby pobrać osobny dokument zawierający obraz o rozmiarze 100 KB, może będzie to w środku nocy, około pierwszej lub drugiej nad ranem, gdy większość ludzi śpi, połączenie za pomocą modemu 57.6 Kbps zajmie około 15 sekund, aby zakończyć pobieranie, a w południe może to zająć więcej niż 10 minut, używając modemu 9600 bps. Czy dostałeś to zdjęcie?

Oczywiście, użycie obrazów i innych multimedii促使 dostawców usług internetowych dążyć do szybszych, lepszych i bardziej solidnych sposobów dostarczania treści webowych. Wkrótce, połączenia 56 Kbps modulatorów przestaną istnieć w historii (tak jak 9600 bps modulatory), zostaną zastąpione przez nowe technologie takie jak kable modulatory i ADSL. W rzeczywistości, większość połączeń szybko przekroczy prędkość 1Mbps.

Z malejącymi cenami, rośnie liczba użytkowników sieci, co prowadzi do problemów z zatłoczeniem. Jeśli próbujesz uzyskać dostęp do serwera, który jest przeciążony, niezależnie od prędkości Twojego połączenia sieciowego, nie będziesz w stanie normalnie uzyskać dostępu.

Kiedy używać tekstu

Tekst nie jest przestarzały. Dla niektórych użytkowników tekst jest jedyną częścią dokumentu, do której mają dostęp. Zalecamy, aby w większości przypadków dokumenty były dostępne dla każdego, w tym dla tych, którzy nie mogą przeglądać obrazów lub którzy wyłączyli automatyczne pobieranie obrazów w przeglądarce, aby poprawić wydajność połączenia sieciowego. Chociaż potrzeba dodania obrazów do dokumentu może być bardzo silna, czasami czysty dokument tekstowy ma większe znaczenie.

Dokumenty konwertowane z innych formatów rzadko zawierają wtyczkowe obrazy, a参考文献i inne poważne treści są zwykle dostępne w czystej formie tekstowej.

W sytuacjach, gdzie szybkość dostępu jest bardzo ważna, powinieneś stworzyć czysty dokument tekstowy. Jeśli wiesz, że użytkownicy będą się śpieszyć, aby uzyskać dostęp do Twojego dokumentu, powinieneś unikać użycia obrazów w dokumencie, aby dostosować się do potrzeb tych użytkowników. W niektórych ekstremalnych przypadkach, możesz dostarczyć stronę główną (stronę wprowadzającą), która pozwoli użytkownikom dokonać wyboru między dwoma kopiarami Twojej pracy: jedna zawiera obrazy, a druga ich nie (popularne przeglądarki mają specjalne ikony obrazów, które pozwalają na miejsce dla obrazów do pobrania, a te占位符 mogą popsuć układ dokumentu, nawet sprawić, że staje się on niemożliwy do przeczytania).

Jeśli chcesz, aby Twoje dokumenty były łatwo dostępne dla wielu usług indeksowania w Internecie, tekst jest formą najbardziej odpowiednią - wyłącznie wsparcie dla obrazów, bez dekoracji i zbędnych grafik. Jednak te wyszukiwarki często ignorują istnienie obrazów. Jeśli główne treści strony są dostarczane za pomocą obrazów, informacje o Twoim dokumencie w online Web katalogu będą bardzo ograniczone.

Przyspieszenie prędkości pobierania obrazów

Oprócz ostrożnego wyboru treści do zawarcia w dokumencie, istnieje wiele metod poprawiających obciążenie i opóźnienia spowodowane przez obrazy:

Zachowanie prostoty

Pełnoekranowy 24-bitowy grafik kolorowy, nawet po zmniejszeniu rozmiaru przez standardową kompresję cyfrową (np. GIF, JPEG itp.), nadal zajmuje większość przestrzeni sieciowej. Dlatego najlepiej używać różnych narzędzi do zarządzania obrazami do optymalizacji ich rozmiarów i zmniejszenia liczby kolorów do najmniejszej liczby pikseli. Proste rysunki, unikaj użycia zdjęć krajobrazowych, oraz unikaj dużych pustych tła w obrazach, niepotrzebnych ram, oraz innych zajmujących przestrzeń elementów. Unikaj również efektów dithering (mieszanie dwóch podobnych kolorów, aby uzyskać trzeci kolor), które znacznie obniżają kompresowalność obrazu. Zamiast tego, staraj się używać dużych obszarów jednolitych kolorów, ponieważ można je łatwo kompresować w formatach GIF lub JPEG.

Ponowne użycie obrazów

To dotyczy szczególnie ikon i animacji GIF. Większość przeglądarek będzie cacheować wprowadzone komponenty dokumentu w lokalnej pamięci, co pozwala na szybszy dostęp do danych i mniejsze użycie połączenia sieciowego. Dla mniejszych plików animacji GIF, warto przygotować każde kolejne obrazu, aby zaktualizować tylko te części, które zmieniły się w animacji, zamiast odświeżać całą grafikę (co może przyspieszyć również wyświetlanie animacji).

Rozdział dużych dokumentów

To ogólny原则 dotyczący obrazów. Wiele małych części dokumentu jest organizowanych za pomocą hiperłączy (oczywiście, że tak!) i efektywnych spisów treści, co pozwala użytkownikom na lepsze przyjęcie, w porównaniu do dużych bloków dokumentu. Ogólnie rzecz biorąc, ludzie wolą przeglądać kilka stron, niż marnować czas na czekanie na pobranie dużego dokumentu (co przypomina zespół telewizyjnych kanałów). Dobrym doświadczeniem jest utrzymywanie każdego dokumentu w wielkości około 50 KB, aby nawet czytelnicy korzystający z najwolniejszych połączeń nie czuli się znużeni.

Oddzielanie dużych grafik w razie potrzeby

Dedykowany link dla bardzo dużych obrazów, który może być miniaturą obrazu, pozwalając czytelnikowi zdecydować, czy chce poświęcić czas na pobranie całego obrazu oraz kiedy to zrobić. Ponadto, takie obrazy, w przeciwieństwie do wstawionych obrazów, nie są mieszać z innymi elementami dokumentu, co ułatwia ich identyfikację i przechowywanie w lokalnej pamięci do przyszłego użytku.

Określenie wymiarów obrazu

Ostatecznie, innym sposobem na poprawę wydajności jest zawarcie wysokości i szerokości prostokątnego otoczenia obrazu w jego etykiecie. Określenie tych wymiarów pozwala na uniknięcie niektórych dodatkowych kroków, co nie wymaga od przeglądarki z rozszerzonymi funkcjami dodatkowych kroków do pobierania, sprawdzania i obliczania wymiarów obrazu w dokumencie. Jednak, takie podejście ma swoją wadę. Jeśli użytkownik wyłączy funkcję automatycznego pobierania obrazów, przeglądarka wciąż pokaże puste miejsce dla obrazu o określonych wymiarach. Zwykle pozostawia to czytelnikowi pustą ramkę, chociaż nie ma jeszcze rozwiązania tego problemu, zachęcamy jednak do użycia tych właściwości wymiarów, ponieważ popieramy wszystko, co może poprawić wydajność sieci.

JPEG czy GIF?

Jeśli źródło obrazu lub twoje oprogramowanie narzędziowe ma preferencje dla jednego z formatów, możesz używać tylko jednego z obrazów JPEG lub GIF. Obecnie, oba te formaty są szeroko wspierane przez przeglądarki, więc nie ma problemu z przeglądaniem przez użytkowników.

Jednakże, zalecamy, abyś użył pewnych narzędzi do tworzenia lub konwersji tych formatów, aby w pełni wykorzystać ich funkcje. Na przykład, można zastosować przezroczystość GIF do ikon i małych elementów dekoracyjnych. A JPEG można użyć do kompresji dużych obrazów bogatych w kolory, aby przyspieszyć szybkość pobierania.

Znacznik <img>

Znacznik <img> pozwala na odniesienie lub wstawienie grafiki w bieżącym strumieniu dokumentu. Aby uzyskać więcej informacji na temat tego znacznika, zapoznaj się z: