Jak sprawić, aby obraz pojawiał się i ładował szybciej

Wideo: Windows 10 zwolnił? Zobacz, jak go przyspieszyć

Zawartość

Instrukcje
Jak
Czego potrzebujesz

Podczas publikowania obrazów w Internecie należy upewnić się, że są one zoptymalizowane pod kątem przeglądania stron internetowych, dzięki czemu można je szybciej ładować. Powolne ładowanie obrazów chroni przed odwiedzającymi i może uniemożliwić im pełne korzystanie z witryny. Najlepszym sposobem, aby upewnić się, że obrazy ładują się szybciej, jest wyciśnięcie jak największej jakości w ustalonym rozmiarze. W przypadku przeglądania stron internetowych dobrym pomysłem jest zachowanie rozmiaru każdego z obrazów poniżej 50 KB.

Instrukcje

Zoptymalizuj swoje obrazy do przeglądania stron internetowych, dzięki czemu będą ładowały się szybciej (Ablestock.com/AbleStock.com/Getty Images)

Użyj właściwego formatu. Użyj JPEG dla obrazów gradientowych i dużo mieszania kolorów. W przypadku obrazów zawierających kształty i tekst o wysokim kontraście można użyć GIF lub PNG. Większość programów do edycji obrazów obsługuje konwersje między formatami.
Zmień rozdzielczość obrazu na 72 dpi (punkty na cal). Większość ekranów i monitorów wyświetla strony internetowe i obrazy z tą rozdzielczością. Użyj tej rozdzielczości, aby zmniejszyć zniekształcenia i problemy z kolorem.
Zmaksymalizuj cięcie na obrazie. Na przykład, jeśli obiekt obrazu jest umieszczony na jednolitym tle, odetnij większość jednolitego koloru. Będziesz miał mniejszy rozmiar pliku.
Zastosuj niewielkie rozmycie na obrazie. Zacznij od zastosowania rozmycia gaussowskiego o promieniu 0,2 piksela. Rozmycie tła Gaussa wynoszące 1,0 piksela powinno wystarczyć do zmniejszenia rozmiaru pliku obrazu o około 23%. Aby uniknąć utraty jakości, spróbuj usunąć tylko tło obrazu lub jego części, które się nie wyróżniają.
Odizoluj obiekt od obrazu za pomocą narzędzia do zaznaczania i dodaj więcej rozmycia do reszty obrazu. Spowoduje to znaczne zmniejszenie rozmiaru pliku obrazu. Jako korzyść podkreślasz to, co ważne.

Jak

W znaczniku HTML pamiętaj o wskazaniu szerokości i wysokości każdego wprowadzanego obrazu. W ten sposób przeglądarki nie muszą obliczać idealnego rozmiaru obrazu. Używaj obrazków sprite, kiedy tylko możesz. Połącz mniejsze obrazy w duży plik obrazu, aby zmniejszyć liczbę żądań HTTP, które musi wykonać strona internetowa. Dzięki temu możesz szybciej ładować swoje zdjęcia.