- Dlaczego musisz zoptymalizować obrazy na stronie
- Jak zoptymalizować obrazy
- Zmniejsz rozmiar obrazu.
- Zmniejsz wagę pliku obrazu.
Наша команда-партнер Artmisto
Często komunikując się z klientami, którzy sami wypełniają swoje strony, musisz wyjaśnić im potrzebę optymalizacji obrazów na stronie.
Charter, aby wyjaśnić to samo od czasu do czasu, postanowiliśmy opublikować artykuł tutaj, aby dać go klientom.
Dlaczego musisz zoptymalizować obrazy na stronie
Dla wielu okazuje się być faktem, że zdjęcia witryny muszą być zoptymalizowane, większość klientów nawet o tym nie myśli, a czasami przesyła zdjęcia połączone z lustrzanek bezpośrednio na stronę, bez żadnego przetwarzania! Ilość takich plików sięga 10-12 MB!
Tymczasem ciężkie obrazy powodują poważne uszkodzenia witryny:
- Po pierwsze, strona otwiera się na długi czas, czasami nie jest zauważalna w szybkim Internecie, ale dla tych użytkowników twojego zasobu, którego Internet nie jest zbyt reaktywny, otwarcie strony staje się prawdziwym wyzwaniem. Oprócz długich witryn ładowania negatywne są wyszukiwarki;
- po drugie, ze względu na ciężkie obrazy, cały folder plików witryny staje się cięższy, a duża liczba ciężkich obrazów osiąga szalony rozmiar, co powoduje marnowanie miejsca na hostingu i poważnie komplikuje tworzenie i korzystanie z kopii zapasowych.
Jak zoptymalizować obrazy
Dla uproszczenia podzieliliśmy proces optymalizacji obrazu na kilka etapów:
Zmniejsz rozmiar obrazu.
- Spójrz na rozmiar zdjęć wyświetlanych w witrynie. Jeśli szerokość pola, w którym wstawiany jest obraz, wynosi 600 pikseli, nie ma sensu wsuwać tam zdjęcia o wymiarach 2000 x 3000 pikseli! Do samodzielnej zmiany rozmiaru zdjęć zalecamy korzystanie z bezpłatnej przeglądarki FastStone Image Viewer, którą możesz pobrać tutaj
- Otwórz obraz za pomocą FastStone. Przesuń mysz w lewo, otworzy się menu:
- Wybierz element „zmień rozmiar”, aw otwartym oknie ustaw żądaną wysokość lub szerokość (w polu „Zachowaj proporcje” powinien znajdować się znacznik wyboru)
- Zapisz. Okazuje się obraz o pożądanym rozmiarze.
Zmniejsz wagę pliku obrazu.
Po zmniejszeniu obrazu do żądanego rozmiaru otwórz witrynę Optimisilla , prześlij tam zdjęcie i pobierz je już zoptymalizowane. Możesz wybrać jakość kompresji plików w formacie jpg lub liczbę kolorów dla plików png.
Jeśli wstawisz obrazy gif na stronie, korzystamy z usługi Ezgif
Różnica wagi załadowanych i zoptymalizowanych obrazów może okazać się wielokrotnością!
I na koniec jeszcze jedna ważna uwaga: podczas nadawania nazw plikom graficznym używaj tylko cyfr i liter łacińskich, możesz używać myślników i podkreśleń tylko ze znaków. Użycie cyrylicy w nazwie pliku, spacjach, kropkach, przecinkach i innych znakach może prowadzić do nieprawidłowego odczytu pliku przez serwer.