+7(982) 597-7179

Сжимаем изображения перед публикацией

0 мин. на прочтение

Сжимаем изображения перед публикацией

Ни для кого не секрет, что на рейтинг сайта влияет информация, которую вы преподносите посетителям. Качественный текст — это важно, но не менее важным является иллюстрации. Если взять книгу, то для изображения в ней важна красочность, насыщенность и размер. Тоже самое и для сайта. Единственное отличие страницы сайта, от страницы журнала – загрузка информации онлайн.

Чем быстрее загрузиться изображение, тем более вероятность, что посетитель дождется открытия и останется на странице. Конечно, с современной скоростью интернета, об этом уже не сильно заботятся разработчики. Мы все-таки рекомендуем оптимизировать все изображения. Это даст большой прирост к скорости загрузки сайта и репутации вашего сайта.

Мы рассмотрим средства для сжатия изображений формата 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кб

Данным методом я рекомендую оптимизировать все фотографии перед публикацией.

Спасибо за внимание!


Читайте также:

Приглашаем поучавствовать в обсуждении статьи:

Комментариев 0