Шаг №79.Как уменьшить размер картинки для загрузки на блог?

Привет друзья, как и обещал сегодня я хочу рассказать Вам как необходимо уменьшить размер картинки перед загрузкой на блог.
Я думаю не стоит объяснять всем для чего это необходимо делать, и так понятно что чем меньше картинка или фотография имеет вес, то тем быстрее будет загружаться страничка, на которой данная картинка добавлена.Помните в прошлом уроке о том как увеличить скорость загрузки страниц дополнение Page Speed предложило оптимизировать изображение, так вот под оптимизацией как раз и имеется ввиду уменьшение размера картинки.

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

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

Прежде всего из всех сервисов хочу выделить один особо ценный, который имеет название PunyPng. Пользоваться им очень просто, перейдите по адресу http://punypng.com/, и перед Вами откроется стартовая страница сервиса, для загрузки картинок необходимо нажать на большую зеленую кнопку «Upload Images».

Как уменьшить размер картинок перед загрузкой на сайт?

После чего необходимо выбрать картинки, размер которых Вы собираетесь уменьшать.Теперь всегда когда я готовлю новую статью, то все картинки используемые в статье я уменьшаю при помощи именно этого сервиса. Еще раз напомню, алгоритм данного сервиса работает по принципу уменьшения размера картинки без потери качества, так что визуально оптимизированные картинки совсем не отличаются от первоначальных.

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

Как уменьшить размер картинок перед загрузкой на сайт?

Нажав на кнопку Download Вы загрузите оптимизированную картинку к себе на компьютер.

Я решил провести небольшой эксперимент,и посмотреть насколько хорошо сервис справляется с сжатием исходных изображений. За основу я взял картинку которую Вы видите чуть выше. Изначальный вес ее в формате jpg составляет 14,1 кб, а в формате png 8,04 кб. Загрузив два изначальных изображения на сервис я увидел вот такие результаты:

Как уменьшить размер картинок перед загрузкой на сайт?

 

Как видите результаты вполне удовлетворительные, и картинку в формате png удалось уменьшить на 25%, и в итоге картинка стала весить 6кб. Так что советую всем в следующий раз воспользоваться данным сервисом, тем более он очень легок в использовании.

Данный сервис подойдет для уменьшения размера картинок для новых статей, но нельзя забывать о том что блог мы можем вести уже достаточно давно, и на сайте уже есть достаточно много картинок. Недостаток сервиса PunyPng в том что он позволяет загрузить только 15 изображений за раз,  и таким образом не уменьшить размер всех картинок на сайте, так что этой теме я хочу посвятить следующий урок. Так что, что бы не пропустить следующий урок, советую подписаться на RSS или получение новых уроков на почту.

Хотелось бы услышать в комментариях, а какими сервисами для уменьшения размера картинок пользуетесь Вы?

  • http://novtrail.ru Полина

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

  • http://slob-expert.ru Николай

    В последнее время для редактирования картинок использую онлайн сервис avatan.ru, который кроме всего прочего хорошо сжимает картинки на выходе.

  • Max

    punypng плохо сжимает
    лучше вот этот
    http://compresspng.com

  • http://льмира ильмира

    спасибо за вашу статью. очень познавательно.

  • dima

    vk.com/wall21149523_3167 сыллка
    seoadsense@i.ua

  • Стелла

    Это кошмар!!! Статья заспамлена фразами вроде «уменьшить размер картинки» в различных склонениях и находится на 4 месте в выдаче Яндекса!!! А говорят, что поиск лучше стал!!
    Позор-позорище тебе, спамер!!!

    • http://batumi.by Вардан

      Ключевые слова прописывает никто не отменял. Просто некоторым сайтам это опасно делать, а тем, у кого есть траст — вполне можно. И Яндекс сайт Артема поставил на 4 место не потому что много ключевых слов, а потому что у него высокие показатели поведенческих факторов.