Помимо того, что графические элементы составляют дизайн сайта, его внешний вид, неотъемлемо присутствуют изображения, которые служат иллюстрациями, инфографикой. Плюс ко всему, бывает необходим такой раздел на сайте, как галерея, где количество изображений и фотографий может иметь довольно большой объем.

Вебмастеру сайта, содержащего большое количество изображений, всегда нужно следить за тем, как они влияют на загрузку страниц, их размер и вес. Поэтому периодически нужно оптимизировать и подвергать редизайну изображения на сайте. Невозможно сказать, что стоит один раз оптимизировать картинки, и это будет служить долгое время. Помимо того, что нужно всегда следить за временем, которое занимает загрузка страницы, нужно соответствовать современным стандартам. Каждый год среднее разрешение экрана монитора компьютера увеличивается на 25-30% (1/2 дюйма в год). И более-менее приемлемые изображения в .jpg формате размером 1000х700 пикселей через год станут не актуальны.

Очень часто владельцы скоростного интернета забывают о том, что далеко не все пользователи сети имеют выделенную линию доступа к интернету, но даже она не всегда гарантирует высокоскоростной доступ. Поэтому всегда нужно следить за общим весом страниц, скоростью загрузки. В среднем, человек проводит на одной странице интернета 3 секунды, а ждет загрузки и того меньше. Если сайт будет очень «тяжелым», посетители уйдут, не дождавшись загрузки.

Прописывайте в теге <IMG> атрибут alt. Там пишется текст, который будет отображаться при наведении курсора на изображение. Это хорошая возможность прописать ключевики и позволить пользователям найти это изображение в интернете. Именно из этого атрибута поисковые системы берут фразы, по котором потом пользователи смогут найти изображение в Яндекс.Картинках и Google Images.

Самое широкое заблуждение об оптимизации изображений – это о качестве. Что можно исходное изображение сжать, а потом восстановить без потерь качества. Это невозможно. Если взять изображение размером 3000х2000 пикселей, сжать до 100х100, сохранить, а потом растянуть снова до 3000х2000 – исходное изображение не получится. Потеряются все мелкие детали, смажутся цвета, исказятся контуры. Лучше всего хранить исходные изображения в высоком разрешении где-то отдельно, чтоб при любой работе с картинкой, можно было начинать работу от оригинала.

Немного о форматах. Форматов изображений есть много и каждый оптимален для определенного случая. GIF изображения довольно сильно уступают в качестве, но позволяют анимацию. PNG файлы более всего подходят для веб-сайта, они мало «весят», позволяют прозрачный фон и не сильно страдают из-за изменения цветов. JPG файлы, по большей части, фотографий. Могут быть довольно большими по объему, поэтому лучше на сайте выложить превью (уменьшенную копию) со ссылками на скачивание полноразмерного изображения. И пользователи удовлетворены – и страницу не перегружает.

Грамотно оптимизировав изображения на сайте можно не только повысить скорость загрузки страниц, но и подняться в рейтингах поисковиков, у которых «вес» странички есть один из основных критериев определения позиции. Кроме того, быстро работающий сайт непременно привлечет и удержит посетителей.

Список статей