В этой статье мы постараемся ответить на вопросы касательно оптимизации изображений на сайте для увеличения скорости загрузки. Обработка подобных файлов занимает важное место в продвижении сайтов.
Зачем нужно сжимать изображения?
Скорость загрузки сайта является важным фактором, влияющим на успешность проекта в целом, и оказывает следующие воздействия:
косвенно: на поисковую выдачу; при всех равных показателях ПС покажет того, кто быстрее грузится; процент отказов. Достаточно большая доля отказов из-за длинной загрузки документа; скорость загрузки страницы влияет на конверсию и в общем на количество успешных продаж.
По статистике, основную долю веса страницы занимают изображения, лишь 10% приходится на сам HTML код и CSS стили и примерно столько же на скрипты. Картинки отлично поддаются сжатию. Наша компания имеет собственные разработки и программы для этих операций, но в интернете существуют сервисы, которые помогут выполнить поставленную задачу.
О форматах изображений
Формат GIF
В данном формате используется ограниченное количество цветов, максимальное будет равняться 256. Ограниченная цветовая палитра позволяет сделать размер такого изображения минимальным, но и сама картинка должна умещаться в набор цветов. Для фотографий такой формат не подходит, а вот для логотипов, значков и других похожих элементов будет являться наилучшим решением.
Формат JPG
Отличное решение для фотографий.
Хороший баланс между качеством изображения и размером. С помощью специальных программ типа AdobePhotoshop можно вручную выбирать необходимое качество, наблюдая изменения веса картинки.
Формат PNG
Очень похож на GIF, но не имеет ограничений по количеству цветов. Также поддерживает прозрачность. Обычно его применяют для оптимизации изображений, где необходимы прозрачные тона.
Чем и как сжимать
Уменьшение размера изображения возможно благодаря различным шифрованиям и удалением мета-данных. Есть множество сервисов и программ, предназначенных для этих задач. Эмпирическим путём можно выбрать лучшие и использовать их для оптимизации изображений, но нужно следить за тем, чтобы сервисы и программы не оставляли мета-данные.
Выводы
Благодаря сжатию картинок можно уменьшить вес страницы до 50%, что очень хорошо скажется на продвижении сайта. Необходимо использовать GIF, когда это возможно, JPG для фотографий и PNG для прозрачности. Также для дополнительной оптимизации страницы необходимо уменьшить количество HTTP запросов, а для SEO - прописать alt и title. В SEO умение правильно расставлять приоритеты является ключевым навыком, не нужно заниматься оптимизацией стилей, когда на сайте не проработан такой важный элемент как изображения.