Авторизация

Рубрики блога


Рекомендуем



Последние комментарии

Облако тегов


Устами великих

"Странный этот мир, где двое смотрят на одно и то же, а видят полностью противоположное." © Агата Кристи

Мы Вконтакте

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

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

рейтинг материал 0.0 (0) | количество просмотров 2080 | количество коментариев 0
Обзор нескольких онлайн-сервисов сжатия картинок для уменьшения веса страницы и, соответственно, увеличения скорости загрузки.

Суть проблемы

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

В качестве примера, возьмем текущий сайт. На главной странице есть слайдер, который прокручивает четыре, в общем-то, немаленьких изображения (940х290), общий размер которых в исходном состоянии равнялся - 740Кб. Согласитесь, для пользователя с низкоскоростным интернетом это существенная задержка при загрузке страницы.

Решение

В качестве решения, в просторах интернет наткнулся на сервис, который меня буквально заинтриговал. Речь идет о сайте www.jpegmini.com . После сжатия всех четырех изображений (слайдов) их общий размер составил 256Кб. Как бы сама идея сжатия не нова, но на этом сервисе используется какая-то запатентованная технология, которая сжимает изображения jpg и при этом потери качества просто не видно, оцените сами:

Минусы сервиса - так это работа только с jpg (jpeg) форматом и возможность обрабатывать изображения только поштучно, правда, последнее ограничение снимается при использовании премиума…

Для сравнения, загуглил похожие сервисы (поисковый запрос: «compressor image online»), чтобы сравнить эффективность. Протестил только первую страницу выданных результатов поиска и отметил для себя только пару сервисов.

1. dynamicdrive.com Плюсы: работа с тремя основными форматами – jpg, png и gif, и возможность выбрать качество исходя из степени сжатия (сразу показаны несколько вариантов). Минусы: поштучная обработка изображений, ограничение максимального размера файла в 2,86 Мб и достаточно высокое качество изображения при сжатии достигается только при наименьших параметрах сжатия, а уже следующая градация сжатия значительно портит визуальный вид картинки.

2. compressjpg.com Плюсы: массовая обработка файлов – возможность загрузки до 20 изображений, предварительный предпросмотр и изменение степени сжатия «на лету». Минусы: работа только с jpg (jpeg) форматом.

Помимо этого, также хотелось бы обратить внимание на сервис www.punypng.com . Среди плюсов: высокая степень сжатия и при этом потеря качества не видна невооруженному глазу, загрузка и обработка до 15 изображений одновременно, и работа с тремя наипопулярнейшими форматами изображений - JPG, GIF и PNG. Один единственный, при этом настолько значительный минус, что о этом сервисе упоминаем лишь в конце статьи, - это ограничение максимального размера картинки в 150Кб.

Заключение

Сервис JPEGmini очень хорош так как он работает на интуитивном движке, оценивающем степень сжатия без видимых потерь качества, поэтому для разных изображений степень сжатия разная. Для вебмастера он наиболее применим для сжатия больших изображений, таких как элементы слайдера или постеры. Что касается вебграфики - иконок, аватарок и прочей графической "мелочи", то наиболее лучшие результаты сжатия у сервиса PunyPNG.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]