Как изменить вес картинки, не меняя ее размеров?


Как известно, в настоящее время поисковые системы все больше и больше обращают внимание на скорость загрузки сайта. А она, в свою очередь, сильно зависит от «веса» картинок, размещенных на его страницах.

И вот, недавно, блуждая по забугорному Интернету, я обратил внимание на один сервис — netmechanic.com. На его страницах имеется целый ряд инструментов – как платных, так и бесплатных – для вебмастеров. Один из них под названием GIFbot как раз и предназначен для уменьшения веса картинок.

 

Работать с сервисом очень просто. Заходим на netmechanic, открывается такая страница:

Сервис netmechanic.com Рис.1

Нам надо сделать всего 4 действия. Прежде всего, указать адрес веб-страницы (верхняя стрелка) или же выбрать на компьютере картинку. О безопасности компьютера и сайта можно не беспокоиться: сервис предлагает много платных инструментов и для него сообщения прльзователей, что он повредил компьютер или сайт, смерти подобно. Тем более, что он сам сообщает, что не вносит никаких изменений на сайте. Ниже мы в этом убедимся сами. А то как-то страшновато...

Вносить данные сразу в две эти графы бессмысленно – он все равно будет анализировать картинку с сайта, я проверял :).

Далее, надо указать свой почтовый адрес, без этого анализ картинки не проводится, и это я проверял:).

Потом надо указать (в 3 разделе) выходной формат картинки – в каком формате Вы бы ее хотели получить на выходе. Варианты там такие:

  • Изображение в существующем формате (т.е. в том же формате, как он есть на сайте или в компьютере),
  • Изображение в формате jpeg,
  • Изображение в формате gif,
  • Изображение в формате jpeg и gif.

И в конце нажимаете кнопку «Начать тестирование».

После небольшого периода ожидания мы увидим страницу с результатами. После общей информации будет расположена такая таблица:

Страница анализа netmechanic.com Рис.2 (кликабельно)

Перечислены все картинки, которые имеются на сайте. Картинки, индексация которых запрещена в файле robots.txt, отмечены в самой правой графе желтым цветом – их сервис, естественно анализировать не может. Сначала необходимо убрать запрет.

Для того, чтобы вспомнить ЧТО это за картинка, кликните по ссылке (левая стрелка).

Если Вы хотите ее отредактировать (в смысле уменьшения веса), кликните по цифре (правая стрелка). Тогда у Вас откроется страница с результатами:

Результаты анализа netmechanic.com Рис.3 (кликабельно)

Прежде всего, Вы можете изменить расширение (формат) картинки, установив gif, jpeg, png и нажав кнопку Re-Optimize. При таком переключении хорошо видно в самой верхней графе, как изменяется вес картинки.

В самой таблице в левой графе указаны некоторые показатели, а в правой – результат этих изменений.

Показатели такие:

  • Тип,
  • Качество,
  • Размер (вес),
  • Время загрузки с помощью модема 28,8 в секундах,
  • Экономия веса (в процентах).

Теперь нам надо найти компромисс, между весом картинки и ее качеством. За счет чего уменьшается качество? За счет уменьшения применяемых цветов, это хорошо видно при форматах gif и png.

Выбирая подходящую по качеству картинку, держите курсор в стороне от таблицы, потому что при наведении курсора на какую-то картинку, мы увидим не картинку с упрощенным качеством, а оригинал картинки.

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

Как сохранить картинку с выбранным качеством?

Кликните по ней левой мышью – откроется новая страница с уже выбранной картинкой. Кликните по ней правой мышью и выпадающем меню выберите «Сохранить изображение как…». Далее делайте все точно так же, как и с обычной картинкой, сохраняя ее на свой компьютер.

Теперь Вы убедились, что сервис netmechanic.com никаких изменений на сайте не производит? Для того чтобы изменить картинку на сайте, старую надо удалить, а новую — установить.

Кстати, хранить картинки Вы можете не только на своем компьютере, а и на хостинге картинок. Тогда Вам в статье надо только указать ее URL и все.

Надеюсь этот сервис поможет Вас в ускорении Вашего сайта. Удачи!

И еще, как обычно, жирные ссылки. Информационный сайт, тИЦ 1200, PR 6.

[share-locker locker_id="610054bedcdc093a3" theme="grey" message="Чтобы увидеть ссылку, кликните по любой из кнопок!" facebook="true" likeurl="CURRENT" google="true" googleurl="CURRENT" tweet="true" tweettext="" tweeturl="CURRENT" follow="true" linkedin="true" linkedinurl="CURRENT"]Сайт http://www.novate.ru/. тИЦ 1200, PR 6. Необходим[/share-locker]о: при регистрации указать свой сайт. Там же можно завести себе блог.

Похожие записи по этой теме:

One thought on “Как изменить вес картинки, не меняя ее размеров?

  1. Olga

    Эх, где Вы были раньше, когда я пыталась уместить gif-ку с анимацией из WoW для аватарки из почти 300 кб в 100 :D Уместила, кстати.

    Спасибо за информацию, очень пригодится.

    Reply

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

Your email address will not be published. Required fields are marked *