Крок №80.Как зменшити розмір всіх картинок на сайті? Оптимізація картинок і зображень.
І знову всіх вітаю на своєму блозі, з учорашнього дня пройшло зовсім мало часу, але думка про те як же мені зменшити розмір всіх картинок на сайті не покидала мене ні на мінуту.Вчера ми з Вами визначилися для того що б зменшити розмір картинки до нової статті, досить скористатися одним веб сервісом, але як я вже вчора говорив, для того що б обробити і зменшити все картинки на сайті знадобиться або платний аккаунт, або зовсім інший підхід, про який я і хочу розповісти в цій статті.
Сьогодні я хочу розповісти про пакетної оптимізації картинок сайту, це означає що ми можемо взяти папку з картинками, і обробити абсолютно всі файли в папці, дотримуючись загальних настроек.Скажу відразу, якщо в минулому уроці ми зменшували розмір картинок без втрати якості, то в сьогоднішньому уроці втрати все таки будуть, але настільки незначні, що майже не помітні для людського погляду.
Так як же нам зменшити розмір всіх картинок на сайті? Перш за все ці картинки необхідно завантажити з хостингу до себе на комп'ютер, так як оптимізацію картинок ми будемо робити за допомогою встановленої на комп'ютер програми під назвою XnConvert.Для того що б підключитися до хостингу скористайтеся уроком про FTP доступ до хостингу . Після підключення по FTP перейдіть в папку wp-content і скачайте папку uploads до себе на комп'ютер. В папці uploads якраз і зберігаються всі зображення сайту, через адмінку wordpress їх можна подивитися в розділі «Медіафайли».
Після того як Ви скачали всі зображення сайту, прийшов час встановити програму для пакетної оптимізації картинок під назвою XnConvert, програма безкоштовна, і російською мовою. Програму можна завантажити з офіційного сайту . Скачайте і встановіть програму на свій комп'ютер, після чого запустіть ярлик з робочого столу. Весь інтерфейс досить простий, і думаю не змусить ламати голову.Загрузів програму ви опинитеся на вкладці Вхідні дані:
На цій вкладці в самому низу є кнопочка «Вибрати папку», натисніть на неї, і знайдіть папку, ту яку Ви завантажили з FTP, так як в папці uploads, ще є під папки, то вибирати потрібно конкретну під папку, і потім повторити дії описані нижче для кожної під папки, зберігаючи структуру папок.
Після того як Ви вибрали папку, можете переключитися на вкладку «Дії», на скріншоті вище видно що я вибрав 2 дії, які саме зараз покажу.Первое дію яке ми будемо виробляти при оптимізації зображень і картинок - це видалення метаданих .Як я вже говорив в минулий раз, метадані це така собі службова інформація, яка ніяк не відбивається на самому малюнку, ну а все таки займає якийсь место.Удалів метадані картинок, зовнішній вигляд їх візуально не зміниться.
Друга дія яке необхідно додати для оптимізації картинок, це зміна глибини кольору. Ось тут перед Вами і відкривається дилема або пожертвувати вагою і залишити більш кращу якість зображень, або пожертвувати якістю (незначно) і виграти у вазі.
При таких налаштуваннях загальна вага картинок скоротився в 2-2.5 рази наприклад прогнавши одну папку яка попередньо до обробки важила 12 мб, то після обробки вона стала важити 3 мб, і при цьому якість залишилася на нормальному рівні. Якщо Ви хочете більш кращої якості, тоді можете зробити обробку і вказати замість «Кольорове» -> 24 біта.
Після того як ми вибрали фільтри, якими будуть оптимізуватися зображення і малюнки, прийшов час вказати папку в яку необхідно зберегти оптимізовані малюнки. Пам'ятайте я говорив що найкраще зберігати структуру папок, так ось тепер потрібно виконати цю пораду, і в настройках вказати шлях для сохраненія.Также ім'я файлу зверніть увагу, що б було {Filename}.
Тепер сміливо можете натиснути на кнопку «Перетворити», і у вкладці «Стан» простежити за ходом оптимізації картинок. Чим мені подобається ця програма, так це тим що вся обробка відбувається дуже бистро.449 фото обробити у мене за 51 секунду, що дуже швидко.
Після оптимізації картинок не забудьте завантажити всі файли, зберігаючи структуру назад на хостинг через FTP. Хотілося б почути, може Ви теж знаєте як в пакетному режимі оптимізувати велика кількість картинок без втрати якості.
