Главная
Web-дизайн
Сжатие PNG и JPG изображений, уменьшение размера

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

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

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

tinypng.com

tinypng.com

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

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

Зона, кнопка

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

Процесс загрузки

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

Ссылки на загрузку

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

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




Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)

Добавить комментарий

Заполните поля ниже. Ваш e-mail не будет опубликован. Обязательные поля помечены *

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий