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

Дорогие друзья, сегодня я хотел бы рассмотреть с вами всего один немаловажный момент работы над своим сайтом или блогом – это сжатие изображений или так называемая компрессия изображений. Здесь же мы рассмотрим другие моменты, касающиеся этого вопроса.

Когда-то я уже говорил с вами об оптимизации изображений, но в той статье мы рассмотрели всего один способ – онлайн сервис Puny Png. Сами понимаете, что это всего лишь малая часть большого вопроса, должна быть обязательно альтернатива, и мы ее поищем сегодня.

Перед тем как мы рассмотрим варианты сжатия изображений, давайте сразу обозначим плюсы этого процесса для нас, для вебмастеров.

Плюсы сжатия изображений

Сжатие изображений позволяет уменьшить объем самого изображения. Это вполне логичный и самый, пожалуй, большой плюс. Этот момент позволяет существенно экономить место на вашем сервере.

Давайте проанализируем мой пост о бирже покупки и продажи ссылок Rotapost. Данная статья представляет из себя мануал и рассказ об интерфейсе системы с комплектом советов по ряду пунктов. Как вы сами понимаете, что мало-мальски нормальный мануал, да и просто пост, не обходится без изображений. Большой же мануал втягивает в себя не малое число файлов. Так упомянутый мною пост содержит 56 изображений в исходном виде:

После этого я взял эти же изображения и прогнал через компрессор. Вот что мы имеем теперь:

Как мы видим экономия составила 1.05 Мб, а по отношению к полученному это приблизительно 61%.

Помимо экономии места на вашем хостинге сжатие изображений обеспечивает более быструю загрузку поста. Оперативная работа сайта позволяет:

• Уменьшить число отказов пользователей. Сами представьте, какое число пользователей вашего сайта из общего числа раздражают долгое время грузящиеся страницы;
• Улучшение позиций вашего сайта в поисковых системах. Большинство из вас слышало уже, что поисковики начали при построении выдачи и в целом ранжировании учитывать скорость работы сайтов. Чем скорость работы медленнее, тем плачевнее будут ваши дела при продвижении. Этот момент я вам не советую откладывать в долгий ящик и рекомендую с самого первого дня создания и индексации сайта приучить себя делать «быстрые статьи» в плане загрузки;
• Увеличить брожение по сайту. Ведь если сайт работает быстро, то ни у кого не возникнет даже мысли о том, что стоит или нет прочесть еще статью;
• Увеличить число вхождений с мобильных устройств. Мобильный рынок растет ежедневно, об этом не раз говорили статисты поисковой системы Google, при этом корректируя работу своих сервисов в сторону мобильных устройств. Даже если вы поставили плагин WPtouch, как стоит у меня на блоге, и сэкономили на графике самого блога для мобильных пользователей, то изображения в самом посту могут убить все попытки работы под мобильный трафик;
• Экономьте трафик и деньги своих пользователей. Не раз слышал от пользователей с помегабайтной оплатой доступа к сети Интернет, что, мол, если зайти на тот или иной сайт, то это сильно бьет по карману. Да даже если не бьет по карману, то отнимает весомую долю месячного лимита трафика, при лимитировании доступа, или массу времени для тех, кто оплачивает по времени…

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

После того, как мы оценили важность процесса сжатия изображений, думаю, что многим было бы интересно узнать, а как собственно изображения уменьшают свой вес? Ответ на этот вопрос прост – применяются специальные алгоритмы.

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

Алгоритмы сжатия изображений делятся на два вида:

• Алгоритмы сжатия изображений без потерь – процесс применения специального алгоритма тем или иным инструментом никак не сказывается на качестве конечного продукта даже при рассмотрении его чуть ли не под микроскопом;
• Алгоритм сжатия изображений с потерями – когда процесс сжатия наносит как несущественный так и серьезный урон качеству изображения. Серьезный урон изображению после процесса компрессии изображения может объясняться абсолютно просто – неправильно подобран инструмент к формату исходного изображения, к изображению уже применялся какой-то алгоритм или вариант такой, что вариантов нет. 😉

Мы, конечно же, в своем большинстве стремимся к тому, чтобы любые манипуляции с компрессией изображений никак небыли видны пользователям. Такое вполне реально, ведь нынешние инструменты сжатия позволяют нанести не существенный вред качеству изображения, который даже не будет заметен человеческому глазу. Однако после процесса обработки существенно уменьшается вес файла даже по сравнению с изображениями прошедшими компрессию через алгоритм сжатия изображений без потерь. Это собственно и является основным плюсом алгоритмов сжатия изображений с потерями над компрессией без потерь.

Именно поэтому я рекомендую вам работать с инструментами на основе алгоритмов сжатия изображений с потерями. Не бойтесь этого слова – «Потеря», ведь она действительно может быть не существенной, что вы и не заметите разницы. Переложите данное слово на поговорку «Отряд не заметит потери бойца» и все будет гораздо оптимистичнее. 😉

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

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

• Сжатие изображений онлайн сервисами;
• Программа для сжатия изображений.

Сжатие изображений онлайн сервисами

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

Вес подопытного образца: 51.46 кБ.

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

1. Puny Png, работу с которым я описывал здесь. Вполне не плохой сервис, поддерживает jpg, gif и png. Максимальный размер загружаемого файла 150 Кб. Сервис имеет API, а также PRO-версию, дающую ряд преимуществ перед FREE.

Сложного в работе абсолютно ничего нет. На главной странице загружаем изображение и выполняем компрессию.

2. Kraken работает по принципу предшественника и с теми же форматами jpg, gif и png.

Входим на сайт, загружаем изображение и получаем результат (кликабельно):

У данного сервиса даже есть плагины для сжатия изображения онлайн браузеров FireFox и Chrome. На самом сайте написано о молниеносной работе сервиса, но порой он впадает в транс и обрабатывает изображения продолжительное время.

3. Jpegmini – инструмент компрессии изображений работающий только с форматом jpeg. Сжатие происходит очень быстро и без потерь.

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

Этот сервис имеет и десктопную версию.

4. Smushit – пожалуй самый быстрый и лучший сервис обеспечивающий сжатие изображений онлайн. Разработка поисковика Yahoo! На самом деле быстрее сервиса этого направления я не видел. Между загрузкой изображения и получением результата проходит буквально пара секунд. Система позволяет максимально сжать изображение при этом применяется алгоритм сжатия изображения без потерь. Система четко определяет ненужные элементы файла и удаляет их сохраняя высокое качество, если оно конечно изначально было.

На Smushit не нашел я ограничений ни по формату ни по объему файлов. Я загружал разные и он их оперативно обрабатывал.

5. Dynamicdrive – позволяет производить сжатие изображений онлайн форматов gif, gif-анимаций, jpg и png. Максимальный размер загружаемого файла 300 Кб.

Изображения можно грузить как с компьютера, так и непосредственно вводить их URL. В этом инструменте нет определенной одной интенсивности обработки изображений. Система предлагает 9 различных вариантов на выходе, в зависимости от качества. Эта система работает на алгоритме сжатия изображения с потерями. Далее право выбора уже за вами, все в принципе очень наглядно.

Программы для сжатия изображений

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

1. Photoshop – данный инструмент любого вебмастера способен легко справиться с поставленной задачей.

Загружаем изображение в программу. После чего заходим в Файл -> Сохранить для Web…

Далее мы попадаем в окно оптимизации изображения при компрессии:

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

Хотел бы заметить, что скриншоты в Photoshop получаются действительно легкими.

2. Kirillka Image Compress – очень простая и легкая программа. Позволяет контролировать качество и вес изображения.

Данная программа рассчитана на работу с jpg и bmp форматами изображений.

По принципу обработки изображений данной программой построены: WipSoft, RIOT, Zoner Photo Studio и другие.

3. ImageCompression.SB – отличное решение для работы. Выглядит программа так:

Как видно из скриншота, программа сжатия изображений ImageCompression.SB обладает большим функционалом и массой настроен и поднастроек. Существует возможность осуществить пакетное сжатие изображений.

По данной программе предлагаю вашему вниманию видео:

Есть также платные решения, к примеру, JPEG Imager стоимость 25 у.е.

Но это далеко не все решения как программные, так и онлайн.

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

 
Теперь можете сами решить, где вам работать. Лично я пользуюсь Photoshop при работе со скриншотами и Smushit онлайн при работе с уже имеющимися изображениями. Всем удачи!