Уникальный алгоритм сжатия изображений

Сжатие изображенийТема сегодняшней статьи, уважаемые читатели блога LiWiHelp.ru, подготовка  изображений, а именно, их сжатие с минимальной потерей качества, для последующей публикации на сайтах, блогах, в форумах, социальных сетях или для отправки по e-mail.

Если Вы читали статьи (т. е. пошаговые инструкции) на моём блоге, то наверняка заметили, что в них каждый шаг, который нужно сделать пользователю для достижения поставленной цели, сопровождается скриншотом.

Одна инструкция содержит от 3 до 40 скриншотов.

Теперь представьте, что 1 не оптимизированный скриншот, в среднем, имеет вес 200 Кб. В статье, опять же в среднем, 25 скриншотов, то есть, 25 умножаем на 200 и получаем 5000 Кб. Делим 5000 Кб на 1024 и получаем 4,88 Мб.

В итоге на одну статью приходится 4,88 Мб скриншотов, добавьте ещё вес графических элементов блога на странице и текст. Получится… Лучше об этом не думать, а заняться оптимизацией изображений :).

Несколько недель назад, даже не помню на каком сайте, я узнал об отличном онлайн-сервисе по сжатию картинок, который находится по адресу http://compressjpg.com/.

Он позволяет сжать любое изображение от 20% до 50%, с минимальной потерей качества. Лично я сжимаю по максимуму до 50%. Почему? А потому, что качество скриншота при таком проценте сжатия остается вполне приемлемым и пользователь без труда увидит нужную ему информацию.

Сервис поддерживает сжатие фотографий и изображений следующих основных форматов JPEG и PNG. Также, BMP и PNG-файлы поддерживаются через автоматическое преобразование в JPEG, а BMP, ICO, GIF и JPG-файлы поддерживаются через автоматическое преобразование в PNG.

Для веб-мастеров, я уверен, этого вполне достаточно.

За один заход, сервис допускает загрузку 20 изображений для обработки. Тестированием установлено, что максимальный вес загружаемой картинки должен быть не больше 5 Мб.

Чтобы не быть голословным, для вас я проведу тест по сжатию фотографии в JPG-формате и картинки в PNG-формате.

КАК СЖАТЬ ФОТОГРАФИЮ (JPG)

1. Переходим на сайт http://compressjpg.com

2. Нажимаем кнопку «SELECT FILES»

SELECT FILES

3. Выбираем фотографию для обработки

Выбираем фотографию

4. Кликаем на «UPLOAD QUEUE»

UPLOAD QUEUE

5. Дальше кликаем мышкой на загруженное фото и смотрим на результат сжатия фотографии при качестве 80%.

Получаем размер 318 Кб из 894 Кб, т.е. фотография сжата на -64%.

Замечу, что это без потери качества!

Без потери качества

6. Но это ещё не всё! При помощи ползунка, устанавливаем качество на 50% и сжимаем фотографию на -83% (155 Кб). Качество осталось вполне приемлемым.

Если нас всё устраивает, нажимаем на кнопку «COMPRESS»

Сжатие на -50%

— и сохраняем обработанную фотографию на ПК

Сохраняем обработанную фотографию

КАК СЖАТЬ ИЗОБРАЖЕНИЕ (PNG)

1. Кликаем на переключатель вверху и нажимаем кнопку «SELECT FILES»

SELECT FILES

2. Выбираем PNG-изображение

Выбираем PNG-изображение

3. Нажимаем кнопку «UPLOAD QUEUE»

UPLOAD QUEUE

4. Опять же, клик по нужному изображению и оцениваем качество сжатия изображения при установке 256 Colors. А это -65%. При этом качество не ухудшилось.

Если нас всё устраивает, нажимаем на кнопку «COMPRESS» и сохраняем изображение на компьютер.

COMPRESS

Или можем ещё поэкспериментировать, передвигая ползунок и уменьшая количество цветов.

Для читателей блога, которые лучше воспринимают видеоинформацию, предлагаю посмотреть этот процесс сжатия изображений в небольшом видеоролике:

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

Прошу вас задавать свои вопросы и оставлять комментарии к статье.

А также прошу не оставлять своих друзей без этой информации, нажимайте на кнопки социальных сетей.


Комментарии:

3 комментария “Уникальный алгоритм сжатия изображений

  1. Замечательная информация, спасибо! Сделал все по Вашим инструкциям, картинка стала весить на много меньше, теперь буду обрабатывать все изображения на главной странице моего блога.

    • Пожалуйста, Алексей!
      Для основных изображений на блоге главное КАЧЕСТВО и в то же время небольшой размер, что и позволяет сделать формат PNG + этот сервис.
      Скриншоты, как у меня в инструкциях, можно делать уже менее качественными, главное чтобы пользователю было видно, что ему надо сделать.

Оставить комментарий