Дизайн та розробка сайту

Сжатие PNG и JPG изображений, уменьшение размера

Сжатие изображений

Доброго времени суток 🙂
Уважаемые веб мастера и начинающие верстальщики, верстая новые страницы и целые сайты, Вы сталкиваетесь с тем что добавляете изображения, которые формируют внешний вид Вашего сайта. Иногда так бывает что изображений не мало и основная их составляющая, это изображения с расширением PNG и JPG.
Как известно, перед версткой дизайн сайта создается в программе Photoshop, после изображение режется на части и сохраняется в определенных форматах. Если выбрать обычный метод сохранения, то размер таких изображений может быть даже очень большим. Выбрав метод, сохранить для Web, Вы значительно уменьшите размер, но нужно внимательно настраивать, чтобы не потерять сильно в качестве, дабы не испортить внешний вид. К тому же Если таких картинок много, то каждую нужно настраивать и внимательно сохранять.
Лично мне понравился немного иной способ, как сжать PNG и JPG изображения.Существует неплохой сервис, в котором можно сжать быстро и без лишних действий изображения в формате PNG и JPG:

tinypng.com

Сжатие изображений

Данным сервисом можно иногда сжать даже до 80%. Как же он работает? Как пишут создатели системы, по сути так же как и Photoshop. Когда Вы загружаете изображение в систему, то программа берет похожие цвета из изображения и совмещает их. Эта техника имеет название "квантование". Поскольку количество цветов уменьшается, То например 24-битовые PNG - файлы могут быть преобразованы в гораздо меньшие 8-битные изображения. Все ненужное метаданные удаляются тоже. В результате файл теряет не малый вес и его размер становится явно меньше.

Чтобы сжать изображение достаточно перетянуть нужные файлы в эту зону на странице или нажав на нее выбрать файлы с нужной папки.

После система загрузит все файлы и проведет сжатие.

Когда процесс завершается, возле каждого файла появляется ссылка на скачку download и справа от нее сразу вывод, на сколько процентов был сжат файл.

Далее Вам остается скачать и прикрепить к своей верстке. Также можно сжимать и другие изображения без потери качества, которые вы добавляете на сайт, даже если Вы не создавали их в Фотошопе. Каждое сжатое изображение поможет Вам снизить нагрузку и уменьшить скорость загрузки сайта.
Если Вы еще не пользовались данным способом, то обязательно попробуйте, гарантировано получите неплохой результат.

На этом все, спасибо за внимание 🙂

Дизайн та розробка сайту

Back to top