Strony www – optymalizacja grafik i obrazów
Strony www – optymalizacja grafik i obrazów
SEO/SEM, Tworzenie stron WWW
0

Strony www – optymalizacja grafik i obrazów

Niezależnie od tego, czy posiadasz firmową stronę www, bloga czy sklep internetowy pewnie wiesz o tym, że opłaca się optymalizować każde zdjęcie, które jest wysyłane na serwer i wykorzystane do budowy strony www.

Kiedy mówimy o “optymalizacji zdjęć na potrzeby Internetu” możemy interpretować to pojęcie na wiele różnych sposobów:

1) optymalizacja obrazów w celu poprawy ich wyglądu
2) optymalizacja obrazów w celu poprawy szybkości ładowania strony internetowej
3) optymalizacja obrazów w celu poprawy indeksowania przez wyszukiwarki internetowe.

Odpowiednie typy plików graficznych – JPEG lub PNG

Jeśli zastanawiasz się nad tym jaki format plików graficznych wykorzystać na stronie www musisz wiedzieć o tym, że formaty, które są najczęściej wykorzystywane w witrynach internetowych to JPG i PNG.

Zdjęcia powinny być zapisywane i przesyłane jako pliki JPG. Ten typ pliku może obsłużyć wszystkie kolory na zdjęciu przy stosunkowo małym rozmiarze pliku.

Grafika, szczególnie wykorzystująca duże, płaskie obszary koloru, powinna być zapisana jako PNG (wszelkie infografiki, wykresy, ikony). Pliki PNG są zazwyczaj lepszej jakości niż pliki JPEG, ale zwykle mają również większy rozmiar. Pliki PNG obsługują również przezroczystość (której będziesz zapewne potrzebował w momencie umieszczenia na stronie internetowej logotypu swojej firmy).

Istnieje jeszcze kilka innych plików graficznych, takich jak JPEG XR czy WebP, ale nie są one powszechnie obsługiwane przez wszystkie przeglądarki.

Zmień rozmiar i rozdzielczość obrazów

Im wyższa rozdzielczość obrazu, tym większy będzie rozmiar pliku. W przypadku materiałów drukowanych takich jak plakat, ulotka czy katalog obrazy w wysokiej rozdzielczości są dobrą rzeczą. Ale w przypadku stron www obrazy o dużych rozmiarach i wysokiej rozdzielczości mogą negatywnie wpłynąć na szybkość ładowania witryny. To z kolei prowadzi do pogorszenia pozycji strony internetowej w organicznych wynikach wyszukiwania. Duże obrazy i długie czasy ładowania strony www są szczególnie irytujące dla użytkowników urządzeń mobilnych.

Jak więc zachować równowagę między rozmiarem a jakością? Po pierwsze, ważne jest, aby zrozumieć, że jeśli chodzi o obrazy, „rozmiar” jest terminem względnym. To, czego potrzebujesz uzyskania dobrej jakości wydruku, jest zwykle znacznie większe niż to, czego potrzebujesz do strony internetowej.

Oto 3 główne parametry składających się na „rozmiar”:

Optymalny rozmiar pliku: liczba bajtów, które plik zajmuje na komputerze. Jest to czynnik, który może spowolnić działanie strony internetowej. Plik o wielkości 15 MB (megabajtów) jest ogromny. Plik o wielkości 300 KB (kilobajtów) jest znacznie bardziej rozsądny jeżeli ma być wykorzystany na stronie internetowej. Jeśli rozmiar pliku jest zbyt duży, oznacza to, że albo wymiary obrazu są ogromne, albo rozdzielczość jest zbyt wysoka.
Rozmiar obrazu: rzeczywiste wymiary obrazu w pikselach. Na przykład typowy rozmiar obrazu na stronie internetowej lub blogu to ok. 800×600 pikseli.
Rozdzielczość obrazu: parametr wykorzystywany zwykle w poligrafii – jest to jakość lub gęstość obrazu mierzona w punktach na cal (dpi). Profesjonalna drukarka może wymagać obrazów o rozdzielczości co najmniej 300 dpi, ale większość monitorów komputerowych wyświetla obraz w rozdzielczości 72dpi lub 92dpi. W przypadku sieci Internet nie potrzebujesz rozdzielczości większych niż 92 dpi.

Uzupełnij znaczniki Alt i Title

Znaczniki Alt nie będą widoczne dla użytkownika, ale dają wyszukiwarkom podstawowe informacje o tym, o co jest na zdjęciu / grafice. Po dodaniu obrazu do strony www uzupełnij znacznik alt frazą kluczową opisującą to, co pokazuje zdjęcie. Nazwy plików i znaczniki alt są szczególnie istotne w przypadku pozycjonowania stron produktowych w sklepach internetowych.

Wnioski

Obrazy i grafiki to bardzo ważne elementy stron internetowych. Pozwalają odbiorcom lepiej zapamiętać treści w Twojej witrynie i nadają jej nowoczesny wygląd. Jednak obrazy, jeśli nie są zoptymalizowane pod kątem Internetu mogą stanowić poważne zagrożenie dla pozycji Twojej strony www w wynikach wyszukiwania.

Kamil Niewczas
Webdesigner, webdeveloper, pasjonat IT i nowoczesnych technologii. Moja przygoda z komputerami zaczęła w 1994 roku kiedy to stałem się szczęśliwym posiadaczem Amigi 1200. Interesuję się wszystkim co jest związane z tworzeniem stron www i szeroko pojętym marketingiem internetowym. Mogę zaoferować praktyczną wiedzę i usługi z zakresu tworzenia stron internetowych ludziom, którzy chcą zaistnieć w sieci, bądź odświeżyć obecną witrynę, ale nie wiedzą jak się za to zabrać. Mieszkam w Kielcach (województwo świętokrzyskie) jednak obszar mojej działalności jest właściwie nieograniczony. Jako SIPLEX Studio z powodzeniem obsługujemy klientów z całego kraju.
Podobne posty
Strony www – optymalizacja grafik i obrazów
Przyszłość pozycjonowania i reklamy internetowej
Tworzenie stron i aplikacji internetowych z użyciem wzorca MVC
Bądź widoczny w Internecie! Nasza oferta

Zostaw komentarz

Twój Komentarz*

Twoje Imię*
Twoja strona

Call Now Button
Przeczytaj poprzedni wpis:
Nowa strona internetowa dla stowarzyszenia Polska Pomoc Drogowa

Dla stowarzyszenia Polska Pomoc Drogowa zaprojektowaliśmy i wdrożyliśmy nową wersję strony www. Nowa strona internetowa polskapomocdrogowa.pl jest nowoczesna i wykonana...

Zamknij