Ни для кого не секрет, что на рейтинг сайта влияет информация, которую вы преподносите посетителям. Качественный текст — это важно, но не менее важным является иллюстрации. Если взять книгу, то для изображения в ней важна красочность, насыщенность и размер. Тоже самое и для сайта. Единственное отличие страницы сайта, от страницы журнала – загрузка информации онлайн.
Чем быстрее загрузиться изображение, тем более вероятность, что посетитель дождется открытия и останется на странице. Конечно, с современной скоростью интернета, об этом уже не сильно заботятся разработчики. Мы все-таки рекомендуем оптимизировать все изображения. Это даст большой прирост к скорости загрузки сайта и репутации вашего сайта.
Мы рассмотрим средства для сжатия изображений формата jpg и png.
Для теста возьмем два изображения jpg и png на прозрачном фоне.
Исходные данные jpg:
2,88 мб
3888 на 2592 пикселя
Исходные данные png:
690кб
1000 на 1000 пикселей
Задача: сжать изображения по максимуму, оставив хорошее качество.
Начнем с jpg.
Сначала изменим размер изображения 750 на 500 пикселей. Для веб нам не надо огромные размеры фотографий. Для этого открываем Photoshop, в кладке image выбираем image size, выбираем размер 750 на 500 пикселей.
Сохраняем изображение quality: 9 и получаем размер 130кб в принципе фото готово для публикации.
Прогоним фото через онлайн-сжиматель изображений https://tinypng.com/ и получаем размер 89,4кб
Второе фото сразу прогоним через сервис https://tinypng.com и получим сразу размер 157кб
Данным методом я рекомендую оптимизировать все фотографии перед публикацией.
Спасибо за внимание!
