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

Онлайн сервис по сжатию изображений punypng

Существует несколько способов снизить размер изображений. Например при сохранении в графических редакторах выбрать пункт сохранения для web. Как вариант — найти специальное программное обеспечение по сжатию изображений. Или же воспользоваться простым в использовании и удобным онлайн сервисом ;-) .

Онлайн сервис для сжатия изображений

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

Как, я еще не назвал название сервиса? Если кто-то им уже пользовался, то наверняка догадался о чем идет речь по изображению сверху, а для остальных говорю: это PunyPNG — замечательный онлайн сервис! Правда есть одно, о чем я жалею — жаль что я не знал о нем с самого начала ведения блога :?: , а пользоваться им начал сравнительно недавно, с начала текущего 2011 года.

В начале этого года я начал заниматься оптимизацией блога, направленной на увеличение скорости загрузки страниц. Для этого я уже сжал  javascript файлы, очистил базу данных MySQL от мусора и лишних записей, запретил хранение резервных копий своих записей. И наравне со всеми этими мероприятиями узнал о сжатии изображений, к тому же качество этих самых изображений после оптимизации ничуть не страдает.

Сжатие изображенияДля наглядности я приведу пример. За основу эксперимента я взял свои самые первые записи на блоге и сжал их при помощи PunyPNG. Для этого перешел на сайт по ссылке. В открывшемся окне будет кнопка загрузки изображения (Upload image). Щелкая на нее появится окно с выбором файла для загрузки и его последующего сжатия.

Поддерживаются графические форматы следующих типов: JPG, GIF и PNG. Как я уже упоминал выше, существует небольшое ограничение на размер загружаемого файла. Он должен быть не более 150 кБ, а число загружаемых файлов не более 15. С размером все понятно, но можно повысить планку, если сделать пожертвование (donate) в адрес сервиса. Тогда размер загружаемого сервиса увеличится до 500 кБ.

Меня это ограничение ничуть не смущает. А число загружаемых файлов очень просто увеличивается — достаточно обновить страницу и доступно еще 15 файлов. Обновлять страницу можно сколько угодно :twisted: . После того как выбрали изображение оно автоматически начнет сжиматься, а в это время прогресс-бар изменится на пару секунд (в зависимости от скорости интернет-соединения).

Сжатие картинки онлайн

Итак, для примера, я загрузил 9 файлов, взятых из своих первых постов (на тот момент я еще не пользовался сжатием изображений) и получил следующий результат:

Сжатие изображений без потери качества

На скрине видно, что все без исключения графические файлы, загруженные мною, были не оптимизированы и имели размер более чем достаточный. PunyPNG сжал изображения, процент сжатия колеблется от 9 до 67% :smile: ! В окне в виде таблицы без границ предоставляется итог сжатия: имя файла, оригинальный размер, размер после сжатия, и степень сжатия в процентах. Напротив каждой строчки располагается кнопка на скачивание оптимизированного изображения на свой компьютер.

Под чертой подводится общий итог. На моем примере он составляет сжатие на 32%  или 108,6 кБ от суммарного размера файлов. Есть возможность скачать все изображения в zip архиве.

Теперь я каждый раз, вот уже на протяжении трех месяцев, сжимаю картинки, перед размещением и публикацией новых записей :oops: , а качество изображений после сжатия не снижается. Теперь остается только разобраться с изображениями, загруженными до начала пользования онлайн сервисом по сжатию изображений без потери качества PunyPNG.

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

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