duże obrazy są dużym problemem! Obniżają czasy ładowania strony i pochłaniają ogromne ilości miejsca na stronie, sygnalizując Google, że Twoja strona jest powolna, zepsuta i należy jej unikać. To może wysłać swoją stronę do ziemi niczyjej: strona druga. Rany!
aby pomóc ci uniknąć zgubienia się w dziczy, wymyśliłem kilka najlepszych wskazówek dotyczących zmiany rozmiaru obrazów., Tutaj znajdziesz wskazówki dotyczące rozmiaru obrazu wraz z poradami dotyczącymi wykorzystania i optymalizacji obrazu.
4 pytania dotyczące rozmiaru obrazu
- jak szeroka jest moja strona? Szerokość witryny jest różna, więc jeśli chcesz dodać duże obrazy, musisz wiedzieć, jak szeroki jest obszar zawartości., Było wiele razy, kiedy rozmawiamy z właścicielami firm, którzy są niezadowoleni z tego, jak powoli ładuje się ich strona internetowa, tylko po to, aby odkryć, że dodali obraz 5-megabajtowy na stronie, która jest tylko Megami 3—mów o opóźnieniu ładowania!
- ile kolumn znajduje się na stronie, na której będzie wyświetlana treść? Jeśli Twoja witryna jest projektem jednokolumnowym, masz około 980 pikseli do pracy. Jeśli jednak masz dwie kolumny, obraz nie powinien być większy niż 640 pikseli. W ten sposób nie pożre strony i cennych nieruchomości dla treści.,
- czy obraz jest skupiony na treści, czy jest ulepszeniem? Po utworzeniu (lub udostępnieniu) infografiki obraz będzie głównym tematem strony. W takim przypadku dopuszczalne jest pozostawienie dużego obrazu, co pozwala na rozłożenie go na całej stronie. Jeśli jednak jest to tylko obraz, który ma zwiększyć zainteresowanie wizualne, zachowaj mały obraz, o szerokości Od 200 do 250 pikseli. Chcesz, aby była wystarczająco mała, aby nie zajmowała całej kolumny, z wystarczającą ilością miejsca na tekst, aby ją owinąć.
- jak będzie wyglądał obraz na urządzeniu mobilnym?, Podobnie jak w przypadku witryn stacjonarnych, Rozmiar witryny mobilnej może się różnić. Z tego powodu będziesz musiał dostosować rozmiar obrazu do swojej witryny. Aby określić, czy obrazy są zbyt duże dla witryny mobilnej, Podnieś telefon i otwórz stronę z obrazem. Od razu dowiesz się, czy jest zbyt duży, ponieważ może to wpłynąć na czas ładowania i zajmie całą stronę. Jeśli tak jest, wróć, zmniejsz się i sprawdź jeszcze raz. Oceń również, czy obraz jest niezbędny do treści. Jeśli tak nie jest, najlepiej pominąć to, co ułatwi czytanie napisanej treści na stronie.,
naprawianie zniekształceń proporcji
poniżej przedstawiamy studium przypadku dotyczące wyświetlania obrazów na urządzeniach mobilnych. Po lewej stronie znajduje się obraz o szerokości 5000 pikseli. Nie tylko spowalnia czas ładowania strony, ale możesz zobaczyć, jak się rozciąga i próbuje wcisnąć w widok mobilny. Po prawej stronie obraz został zmieniony na 250 pikseli i ustawiony na 100% szerokości na dowolnym urządzeniu, więc wygląda świetnie zarówno na komputerze, jak i w wersji mobilnej.,
-
przykład zbyt dużego obrazu na urządzeniu mobilnym. Gdzie zawartość?! -
tutaj ten sam obraz został wycięty do rozmiaru. Teraz jest miejsce do przeglądania zarówno treści, jak i obrazu.
Wskazówka Pro: zasadniczo nigdy nie umieszczaj dużego obrazu na górze swojej zawartości., To odwróci uwagę czytelnika, co sprawi, że będzie bardziej prawdopodobne, że przestanie przewijać i przejdzie dalej … być może do twojego konkurenta!
skurcz (dobra rzecz w tym przypadku!)
zanim zaczniesz zmniejszać obraz, koniecznie zapisz oryginał. To pozwoli Ci wrócić do niego, jeśli przypadkowo sprawisz, że będzie zbyt mały. Chociaż zawsze można zmniejszyć obraz w dół, nie można go powiększyć po jego skurczeniu. Skończysz z ziarnistym, pikselowym obrazem. Niedobrze!
więc jeśli obraz zaczyna się od 2000 pikseli, zmniejsz go do 500., Spójrz, upewniając się, że nie zrobiłeś go zbyt mały; następnie, jeśli to konieczne, zmniejszyć ponownie. Szukasz idealnej równowagi między rozmiarem piksela a jakością obrazu: po co jest taki obraz, którego nikt nie widzi?
uwaga dla klientów Foster Web Marketing: jeśli chcesz uzyskać bardziej szczegółowe instrukcje, sprawdź nasze instrukcje krok po kroku dotyczące dodawania, optymalizacji i zmiany rozmiaru obrazów. Więcej informacji znajdziesz na forum użytkowników w DSS. Albo zadzwoń do mnie! Z przyjemnością przeprowadzę Cię przez ten proces.,
inne kwestie związane z obrazem
Po poprawnym wykonaniu zdjęcia mogą pomóc zwiększyć ranking wyszukiwania. Aby poprawnie zoptymalizować obrazy, zalecamy zmianę nazwy pliku:
- . Niezależnie od tego, czy używasz obrazu stockowego, czy własnego oryginalnego obrazu, musisz pomyśleć, zanim nazwiesz plik. Zamiast” image4 „spróbuj czegoś bardziej opisowego, np.” car crash Dallas.”
- Dodaj znacznik ALT. Ten krótki fragment tekstu (zwykle poniżej 20 znaków lub około trzech słów) zostanie użyty, aby pomóc niedowidzącym i botom Google zrozumieć, czym jest obraz.,
- Dołącz podpis. Podpisy obrazów należą do najczęściej czytanych treści na stronie internetowej, więc nie zapomnij dodać interesującego, odpowiedniego podpisu.
- Sprawdź znaczenie. Obrazy pomagają zaangażować czytelnika i mogą dodać głębi do pisanej treści. Ale dodawanie obrazów ze względu na dodawanie obrazów to strata czasu.
aby zagłębić się w to, jak uzyskać więcej z każdego zamieszczonego obrazu, koniecznie przeczytaj nasz artykuł, Odblokuj potencjał SEO swojej witryny.
Jeśli ten artykuł okazał się pomocny, koniecznie podziel się nim na Facebook lub gdziekolwiek, gdzie Twoim zdaniem dotrze on do większości właścicieli firm., Razem możemy pomóc zapobiec powolnym czasom ładowania!
