X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

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

Приклад
  • 2024-04-25
  • 5446 переглядів

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

Доброго времени суток 🙂
Уважаемые веб мастера и начинающие верстальщики, верстая новые страницы и целые сайты, Вы сталкиваетесь с тем что добавляете изображения, которые формируют внешний вид Вашего сайта. Иногда так бывает что изображений не мало и основная их составляющая, это изображения с расширением 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
Читайте також