Оптимизация изображений

Здравствуйте уважаемые начинающие оптимизаторы. Продолжим тему Работа с изображениями.

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

Более продвинутый — это графический редактор GIMP. Именно его рекомендует Google для оптимизации изображений.

И эта рекомендация не безосновательна.

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

Помимо базовой оптимизации, выполняемой редактором GIMP при загрузке изображения, и составляющей 10 порядков ±, можно применить дополнительные опции, и ещё облегчить картинку вручную.

При этом, все изменения, происходящие с изображением, а так же с его весом, наглядно показываются в окне редактора.

Скачать редактор лучше с его официального сайта www.gimp.org.

36-1

Здесь нажимаем Download, и переходим на следующую страницу, для закачки именно последней версии редактора.

На этой странице выбираем самое первое предложение (на сегодняшний день, это Download GIMP 2.8.14).

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

После установки (стандартная), возвращаемся на страницу загрузки, и опустившись немного вниз, в меню GIMP User Manual, выбираем Russian (24.9 MB).

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

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

Но это ещё не всё. Сам редактор оптимизацию не производит, для того чтоб реализовать эту функцию, к нему нужно добавить плагин.

Получить его можно совершенно бесплатно, просто попросив об этом в комментариях.

Скачав Zip c плагином, определим, куда его установить. Запускаем редактор из меню «Пуск».

37

Выбираем: Правка > Параметры > Каталоги. Открываем каталоги, нажав на крестик, и выбираем «Расширения».

В правом окне будет показана папка, в которую нужно установить плагин.

38

Копируем Zip с плагином, идём в указанную папку на нашем компьютере, вставляем, распаковываем (Zip потом можно удалить), возвращаемся в редактор, и закрываем окно с каталогами, просто нажав на крестик.

Следующий шаг — Файл > Открыть.

39

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

40

Выбираем изображение, оно появляется в окне редактора, и снова: Файл.

После загрузки изображения активизировалась опция Save-for-web. Это и есть плагин.

41

Выбираем, и открывается окно оптимизации. Первым делом смотрим в низ окна. Там показан вес оптимизированного изображения.

Эта картинка, изначально весила 1100 kB, теперь, как видите, осталось 102 kB.

Вот теперь можно попробовать сделать что-то вручную. Для этого, в левом поле, есть несколько инструментов.

42

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

Хотя нет, про один всё же расскажу, а то Вы его не заметите из-за мелкости исполнения. Это маленький синий квадратик с плюсом.

GIMP-2

Супер классная опция. Открыв её Вы увидите две строки Width и Height, в которых можно изменять размер изображения, не обрезать, а именно уменьшать.

Фишка в том, что вместе с размером изменяется и вес картинки, без потери качества.

Затем можно вернуться обратно, поиграть с ползунками и посмотреть, как меняется качество картинки и её вес.

Можно обрезать, просто сдвинув границы к центру, и ещё уменьшить значение внизу окна.

В общем — полёт для творчества.

Что меня ещё приятно удивило, это то, что многие картинки, оптимизированные до этого в Image Optimizer, в GIMP удалось ещё немного облегчить, без потери качества, особенно формат PNG.

Так что берите, осваивайте GIMP, ускоряйте загрузку сайта, и занимайте высокие места в поиске, на зависть конкурентам.

В следующей статье научимся делать фирменную надпись на изображении.

Желаю творческих успехов.

Неужели не осталось вопросов? Спросить


Перекур

Сара вернулась с базара
-Ох Мойша, мне там такого наговорили!!! Последними словами обзывали.
-Сколько раз тебе говорить — не ходи туда, где тебя все знают.

Негр сидит на лавочке, и читает еврейскую газету.
Мимо проходит еврей
-Хм! Ему ещё мало, что он негр!

Файл robots.txt для WordPress < < < ◊ > > > Как сделать надпись на картинке

Запись опубликована в рубрике SEO. Добавьте в закладки постоянную ссылку.

16 комментариев на «Оптимизация изображений»

  1. stariс говорит:

    У меня нет. Попробуйте обратиться на форум GIMP. Но насколько мне известно для win64 версии плагина нет. Всё равно спросите. А вдруг что-то есть.

  2. Ирина говорит:

    Добрый день!
    Спасибо, но к сожалению плагин не устанавливается. У вас имеется для 64 разрядной ОС?

  3. stariс говорит:

    Можно Ирина. Отправил на указанный вами адрес

  4. Ирина говорит:

    Здравствуйте! Можно получить плагин?

  5. stariс говорит:

    Да можно.

  6. Денис говорит:

    Добрый день! Можно получить плагин?
    Спасибо Вам за Ваши старания.

  7. stariс говорит:

    Получайте. Отправил ссылку на указанный E-mail. Плагин на моём Яндекс. Диск.

  8. Roman говорит:

    Доброго времени суток!
    Можно получить плагин?
    Крайне полезный и понятный сайт. Спасибо!

  9. stariс говорит:

    Отправил ссылку на скачивание на указанный E-mail.

  10. Андрей говорит:

    день добрый! как плагин к редактору скачать?
    заранее спасибо

  11. stariс говорит:

    Спасибо! И Вам всего наилучшего в Новом Году. Ссылку на плагин я вам отправил на указанный E-mail, а подписку я временно убрал.

    Но если интересно, то завтра или послезавтра выйдет статья о том как сделать оригинальные маркеры для списков без картинок. Только html + css.
    А так как даже самая мизерная картинка грузится на порядок или даже на несколько порядков дольше чем html + css, то тема довольно актуальная.

    Ссылка на пост будет в сайдбаре.

  12. Илья говорит:

    Сергей Юрьевич, в Новым годом!

    Собственно , интересны две вещи —
    1. подписка на блог.
    2. плагин к ГИМПу.

    С наилучшими пожеланиями на новый год!

  13. stariс говорит:

    Я отправил Вам ссылки на скачивание, и ссылки на статьи с инструкциями, на E-mail, который Вы указали.

  14. Владимир говорит:

    А как и этот плагин мне получить? тоже ведь уже подписан на рассылку от вас)

  15. stariс говорит:

    Размер можно, но вес — нет. На скорость загрузки влияет вес, а не размер.

  16. Vadar говорит:

    А разве без этой программы, в редакторе изображения, при написании новой статьи, нельзя изменить размер картинки?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *