10 Фев, 2012
Категории: Мысли вслух, Продвижение
Автор: Вовка

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

Партнерская программа Vulkanpartner

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

Когда-то я уже говорил с вами об оптимизации изображений, но в той статье мы рассмотрели всего один способ – онлайн сервис 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 у.е.

Системы сжатия изображений

 

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

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

 

 

Название инструмента

Исходный размер изображения

Полученный размер изображения

Сэкономлено

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

PunyPNG

51.46 Кб

31.90 Кб

19.56 Кб

Kraken

51.46 Кб

31.91 Кб

19.55 Кб

Jpegmini

51.46 Кб

46 Кб

5.46 Кб

Smushit

51.46 Кб

31.91 Кб

19.55 Кб

DynamicDrive

51.46 Кб

25.4-49.4 Кб

26.06-2.06 Кб

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

Photoshop

51.46 Кб

21.46 Кб

30 Кб

Kirillka Image Compress

51.46 Кб

20.4-40 Кб

31.06-11.46 Кб

ImageCompression.SB

51.46 Кб

21.22 Кб

30.24 Кб

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

Урок пения в школе. Учительница вызвала Вовочку:
- Каких ты знаешь композиторов?
А Вовочка не учил. Стоит и смотрит на соседа по парте. Тот взял книгу, стукнул по парте.
- Бах, - сказал Вовочка.
- Правильно. Кто еще?
Друг вырвал из тетради листок.
- Лист.
- Хорошо, еще.
- Членников.
- Не Членников, а Хренников. А ты, Петров, убери подсказку.

Робот блога считает, что это может быть вам интересно:

Похожие записи в блоге:

   

Нравится как я пишу? Давайте вместе формировать интересные материалы на моем блоге. Вы можете сделать ретвит данной статьи или подписаться на мою ленту в системе микроблогов Твиттер.
Читайте меня в Твиттере и будьте в курсе последних моих действий.

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


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

  • Благодарю за указание на ошибку. Поправил код, див что-то сам сдвинулся...

  • А если по делу, хорошая статья, о Kirillka Image Compress не знал, спасибо. Кинул ссылку знакомому даже)

  • bm

    Может Кирилка и хорош, но даже на оф. сайте файл с трояном.

  • Kirillkoi пользуется мой брат и довольно давно. Наши компьютеры в 1 сети, ни у него, ни у меня троян Каспером не обнаружен.
    Качали не с офф.сайта.

  • Sergey

    Отличный пост. Как раз искал сервис для PNG. Спасибо, Вован.

  • Видимо хорошая программа. Обязательно попробую.

  • Спасибо!

  • Спасибо! В закладки однозначно)
    До этого вполне устраивали Photoshop и Punypng...
    Попробую и другие)

  • Саша

    Привет, Вовка. 

    У меня сайт, на котором я размещаю только свои фотографии. Я не фотограф, фото непрофессиональные, хотя и не мыльницу сняты: фото, заголовок, иногда описание. Сайт на русском и английском, хотя на русском пока почти ничего нет.

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

    Я не доволен низкой посещаемостью и не знаю, стоит ее пытаться ее поднять. Мне кажется, что, хотя там и уникальные фото, но там больше нет ничего интересного: ну посмотрел посититеоль пару фоток, а дальше что? Получается одноразовый сайт. Ничего не удерживает пользователя.

    Цель увеличения посещаемость - это монетизация, скорее всего с помощью рекламы.

    Хотя, поситителей может привлечь то, что размещаю фотки с интервалом примерно одну в 3 дня. Но я точно не знаю.

    Возможно можно чем-то дополнить сайт, открыть, например, форум. Но его есть смысл открывать только когда посещаемость уже большая, а не для того, чтобы ее увеличить. Можно еще добавить возможность комментирования для фотографий. Что еще можно?

    Можно ли поднять посещаемость и стоит ли пытаться?

  • Вопрос можно ли поднять посещаемость неуместен. Посещаемость можно поднять на чем угодно и до какого угодно уровня, вопрос в стараниях, времени и деньгах.
    Я бы посоветовал вам составить Семантическое Ядро по запросам связанным с фото. Фото разных мест, разные направления фотографий и по фотографировать именно это. Запросов на самом деле огромное число. Если не умеете составлять семантические ядра, то вам к моим знакомым igorekdanger@mail.ru, хорошо и не дорого работают.
    Фотоблоги и фотосайты чаще всего имеют огромную популярность. Фото и небольшие комментарии привлекают много пользователей.

  • Спасибо за пост. Заинтересовался программой JPEG Imager.На счет Wp Touch, он у вас наверное работает только для iPad, iPod, iPad, Sumsung Galaxy, Android и т.д, а вот на простых телефонах показывается web версия. Очень много трафика уходи при просмотре из телефона...

  • Может немножко не в тему, но всетаки, подскажите чем можно сжать изображение при серфинге, по аналогии с опера турбо например, для firefox? toonel не предлагать, может есть что нибудь в виде плагина?

Я в Google Plus

Блоггеру

Рекомендую

Мануалы

Опрос

Что для вас важно при выборе PPA партнёрской программы для долгосрочной работы?

Просмотреть результаты

Загрузка ... Загрузка ...

Вовкин блог на Facebook

SEO Powered by Platinum SEO from Techblissonline