by karlosky | sty 15, 2012 | Optymalizacja
Umieszczając grafikę na stronach internetowych zazwyczaj skupiamy się na tym, by było ładnie i… tyle. Szybkie łącza internetowe dają nam ten luksus, że nie musimy się zbytnio martwić czasem ładowania strony. Okazuje się jednak, że optymalizacja grafiki ma ogromne znaczenie nawet teraz. Szybkość ładowania strony jest wciąż jednym z czynników wpływających na pozycję strony w wynikach wyszukiwania Google, a coraz więcej użytkowników korzysta z urządzeń mobilnych, gdzie szybkość połączenia internetowego pozostawia wiele do życzenia. Zarówno podczas projektowania strony internetowej, jak i później, dodając kolejne wpisy, powinniśmy zwracać większą uwagę na optymalizację wykorzystywanych plików graficznych. Zajmując się pozycjonowaniem stron internetowych skupiamy się na optymalizacji kodu HTML, pomijając grafikę, która stanowi zdecydowaną większość zajmowanych na serwerze zasobów. Ponadto pliki graficzne mogą być także dobrym źródłem odwiedzin poprzez wyszukiwarkę obrazów Google. Poniżej przedstawiam kilka punktów, na które warto zwrócić uwagę, jeśli zależy nam na prawidłowej optymalizacji grafiki na stronie internetowej. 1. Format plików graficznych Najczęściej wykorzystywane w internecie formaty plików graficznych to JPEG i PNG. Nie oznacza to jednak, że powinniśmy je dobierać dowolnie. Prawda jest taka, że JPEG nadaje się bardziej do kolorowych fotografii, natomiast PNG sprawdza się lepiej w przypadku prostszych grafik. Trzeba też zauważyć, że PNG obsługuje przezroczystości, których nie można wykorzystać w przypadku plików JPEG. Jeśli grafika na stronie wymaga zastosowania przezroczystości, nie mamy więc wyboru. Umieszczając obrazy na stronie internetowej powinniśmy zapisać tę samą grafikę w różnych formatach i decydować się na taki, którego stosunek jakości i rozmiaru będzie najkorzystniejszy. Jako przykład mogę powiedzieć, że umieszczony powyżej obrazek z porównaniem formatów grafiki zapisany w PNG zajął 150 kB, a w JPEG tylko 65,5 kB. Różnica w jakości...