Zanim omówimy kwestię jak powinno się tworzyć optymalne grafiki na stronie internetowej, to warto poruszyć kwestię nieprawidłowo przygotowanych materiałów wizualnych. “Za ciężka” i zbyt duża grafika może wydłużyć proces ładowania strony, który w efekcie zmniejszy zainteresowanie użytkowników i robotów wyszukiwarki. Warto pamiętać, że źle zaprojektowana i zoptymalizowana grafika może budzić u potencjalnego klienta skojarzenie z nieprofesjonalną strategią biznesową.
Rozdzielczość i format grafiki na stronie www – nierozłączna para
Osoba tworząca grafikę lub optymalizująca zdjęcie powinna pamiętać o dwóch kluczowych elementach cyfrowego obrazu – rozdzielczości i formacie. To właśnie one decydują o tym, w jakim tempie załaduje się Twoja strona internetowa.
Rozdzielczość określa się miarą pikseli, których liczba decyduje o docelowej jakości zdjęcia. Teoretycznie, im więcej pikseli, tym lepsza jakość zdjęcia. Przy budowie strony internetowej należy podchodzić ostrożnie do interpretacji tej zasady, ponieważ zbyt duża liczba pikseli w dodanej grafice może wydłużać czas ładowania witryny. Jeśli chcesz cieszyć się pięknymi materiałami wizualnymi, pamiętaj o zachowaniu prawidłowej rozdzielczości.
W przypadku formatu, warto znać podstawowe rodzaje występujące w zastosowaniu grafiki na stronie internetowej.
- Format JPEG to najpopularniejszy format grafiki cyfrowej, który wyróżnia się doskonałym odzwierciedleniem kolorów. JPEG może okazać się formatem stratnym – w przypadku kompresji tego rodzaju pliku zdjęcie może dać efekt “pikselozy” i straci na jakości.
- Format SVG ze względu na swój wektorowy charakter jest bardzo popularnym formatem wśród webmasterów. Grafiki w formacie SVG można dowolnie skalować bez obaw o utratę jakości.
- Format PNG to format bitmapowy, który może odtworzyć aż 16 milionów kolorów. Jego niezaprzeczalną zaletą jest to, że nie traci na jakości ze względu na możliwość dwustopniowej kompresji.
- Format GIF doskonale sprawdza się w przypadku prostych grafik animowanych. Niestety GIF obsługuje jedynie 256 kolorów – ich większa liczba może sprawiać kłopoty z odwzorowaniem barw.
- WebP to najnowszy format graficzny, który wykorzystuje zaawansowane algorytmy kompresji, zarówno stratnej, jak i tej bezstratnej. To sprawia, że obrazy w tym formacie są znacznie mniejsze niż tradycyjne zapisy w JPEG czy PNG, bez kompromisów w jakości. Obecnie jest to najbardziej efektywny sposób na optymalizację grafiki na stronach internetowych.
Na co zwrócić uwagę podczas projektowania i publikacji grafiki na stronie internetowej?
Optymalizacja i dostosowanie rozmiaru
Zanim umieścisz grafikę lub zdjęcie na stronie internetowej pamiętaj, żeby dostosować rozmiar do zaplanowanego miejsca (np. slajder, post blogowy, blok, paralaxa).
Zmniejszenie wagi pliku
Przed publikacją należy pamiętać o prawidłowej kompresji pliku. Dzięki temu, Twoje grafiki będą ładować się szybciej i skuteczniej. W sieci można znaleźć bezpłatne i proste w obsłudze narzędzia kompresujące.
Wybór odpowiedniego formatu
Pamiętaj, żeby wybrać projekt grafiki na stronie www w odpowiednim formacie. Nieodpowiedni wybór w tym zakresie może prowadzić do poważnych problemów z przetwarzaniem obrazu, a co za tym idzie z pozycjonowaniem serwisu.
- Podpisanie pliku
Pliki graficzne również pozycjonują się w Google. Dodanie nazwy z wykorzystaniem wartościowego słowa kluczowego może pomóc zwiększyć widoczność Twojej strony w Google. Pamiętaj o nie używaniu polskich znaków i wielkich liter oraz rozdzieleniu słów myślnikami (np. agencja-interaktywna-warszawa).
Dodanie tekstów alternatywnych (czyli ALTÓW)
Alty do zdjęć należy dodać na etapie dodawania materiałów do biblioteki CMSa strony. To nic innego jak “tekst alternatywny” czy “opisowy tekst zastępczy”. Podobnie jak w przypadku nazwy pliku - poprawnie napisany atrybut ALT jest przyjazny dla SEO. Opis powinien dostarczać jak najwięcej informacji o zdjęciu - w sposób zwięzły i rzeczowy.
Zależy Ci na profesjonalnym projekcie oraz publikacji w witrynie nowych grafik lub zdjęć? Nie musisz czekać i szukać rozwiązań! Skontaktuj się ze specjalistami od contentu wizualnego i ciesz się wyjątkowymi treściami wizualnymi na swojej wyjątkowej stronie internetowej. Pomożemy Ci przygotować lub zoptymalizować istniejące grafiki na stronie internetowej!