Оптимизация - Зачем это нужно 

    Все снимки кликабельны, чтобы увеличить картинку,кликните по ней левой клавишей мыши.


4

Почти у каждого владельца блога, рано или поздно, возникает желание внести какие-то изменения в шаблон и страницы. Зачастую, первое, что хочется изменить, это шапка блога и фоновое изображение, а значит, нужно найти или нарисовать подходящие под тематику блога, картинки. Но, чем больше вносится изменений и добавлений, различных эффектов в картинку, тем "тяжелей" она становится. А если ещё вставлять в посты много поясняющих снимков то, как следствие, страница блога будет загружаться значительно медленнее, а это может грозить потерей потенциальных читателей, которые не хотят пережидать завышенное время загрузки вашего блога.

   Если мы работаем в редакторах Photoshop или Paint.net, картинку можно оптимизировать но, за счёт потери качества изображения, что не очень хорошо. Конечно, если у вас быстрый интернет, вы возможно и не замечаете разницу во времени загрузки того или иного сайта. А как же быть тем, у кого медленное соединение с интернетом, ведь они тоже люди, и так же, хотят получать информацию с минимальной потерей драгоценного времени. А т.к. мы с вами стараемся делать сайты для людей (СДЛ), то и думать должны в первую очередь о тех кто будет нас читать.

Как уменьшить вес картинки

В редакторах GIMP и IrfanView, присутствует плагин RIOT (Radical Image Optimization Tool), что в переводе означает: Радикальный инструмент оптимизации изображения.

Но, разработчики позаботились о создании отдельной бесплатной утилиты RIOT, которую вы можете скачать с официального сайта разработчика, вот ЗДЕСЬ.

1

 

Нажав на ссылку, вы попадёте на такую страницу где, можно скачать как утилиту, так и плагин для вышеупомянутых редакторов. Нажмите на кнопку Скачать (см. снимок).

 

2

В открывшемся окне нажмите на кнопку Скачать (см.снимок).

 

2.1

  Разархивируйте программу и запустите (стрелка 1). Программка портабельная, стационарной установки не требует, но при запуске, укажите куда программе установить плагин и текстовые тексты. Если этого не сделать то, по умолчанию всё содержимое файла загрузится в системный диск: С. У меня указан путь загрузки в ту же папку где находится архив и запускающий файл этой утилиты. Можно сразу зайти в папку, создать ярлык и поместить его в удобное для вас место.

3

   Запустите утилиту и она предстанет перед вами вот в таком виде. Программка не переведена на русский язык, но интуитивно понятна и очень проста в настройках. Основные моменты я постараюсь показать. Нажмите кнопку Открыть файл.

 

4

 

В открывшемся окне выберите требуемое изображение и нажмите Открыть.

 

5

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

6

Под левым сектором находятся уже знакомые вам инструменты: повернуть изображение и отразить изображение. Рассмотрим инструмент с коротким названием: Изменить размер изображения с помощью фильтров частоты дискретизации, нажмём на него. В открывшемся окне видим, что не такой уж страшный “зверь” там сидит. Улыбка Здесь можно изменить размер изображения. Изначально показан оригинальный размер картинки и, если установлена галочка в чекбоксе Сохранять пропорции, достаточно выставить размер одной из сторон: вверху - ширина, ниже – высота. Если хотите выставить свои размеры, то галочку снимите, только тогда программа не отвечает за сохранение пропорций. Когда настройки сделаны, или вас устраивают оригинальные размеры, нажмите ОК. 7

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

 

8

Самая крайняя справа кнопка: Сжимание до размера позволяет выставить в открывшемся окошке желаемый вес картинки и, если это в силах программы, то она сожмёт картинку до желаемого размера. Только нужно не забыть нажать ОК после установки размера. Хочу сразу предупредить, не всегда качество картинки после такой операции, будет вас удовлетворять хотя, можно ползунком исправить нежелательный вид. Но, можно подкорректировать вид картинки ещё одним набором инструментов. 9

   Откройте инструмент: Настройки изображения и, с помощью ползунков: Яркость; Контрастность; Насыщенность, придайте изображению желаемые оттенки, возможно ваш шедевр станет во много раз лучше исходного. Из личного опыта: двигать ползунки лучше используя маленькие кнопочки с треугольничками, настройки в таком случае, более точны. Чтобы вернуть настройки в исходное состояние, воспользуйтесь кнопкой: Сброс.

10

Известно, что цифровая фотография несёт в себе метаданные, профили EXIF,цветовые профили, различные комментарии и теги.

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

11

 

Если нажать вот эту кнопку: Сохранить, то новое изображение, просто заменит в папке исходное.

 

12

Бывает, принципиально важно, сохранить и исходник, и редактированную копию. Для этого, в меню жмём Файл и в открывшемся контекстном меню выберите Сохранить как (см.снимок). Дайте новому файлу другое имя, и исходник останется в сохранности.

  

Желаю Удачи!

 

 

Михаил Ковеньков

 

Полезный урок:

 

[vsw id="frRSm6PprHk" source="youtube" width="425" height="344" autoplay="no"]