Як оптимізувати фото, картинку чи будь-яке зображення для сайту

Що означає оптимізувати зображення

Це означає зробити його легшим або менш важким, тобто щоб він займав мінімум дискового простору (кілобайт або мегабайт) та швидко завантажувався на сайті. Це означає, що відвідувач, який зайшов до Вас на сайт або блог, не чекав появи картинок, фотографій, а швидко отримував бажане. Хтось скаже, що сьогодні майже всі високошвидкісний інтернет. Я ж відповім, — Багато хто сьогодні подорожує інтернетом за допомогою мобільних пристроїв, на яких швидкість завантаження інтернет-сторінок змушує бажати кращого і Ваші великі картинки тільки посилять становище.

1. У запущеній програмі Photoshop у верхньому меню натисніть «Файл – Відкрити » та виберіть зображення для редагування. Наприклад я взяв зображення з роздільною здатністю 2560х1600 пікселів, розмір – 2,21 мегабайта. Таке зображення на сайт не викладеш. Тут воно, звичайно ж, не таке велике.

оптимізувати

2. Спробуємо видалити за допомогою інструмента «Рамка» непотрібні фрагменти на вихідному зображенні.

картинку

3. Ось так це виглядатиме. На цьому кроці ви можете підкоригувати те, що у Вас залишиться після обрізання зображення.

будь-яке

фото

5. Ви отримали зображення потрібного Вам фрагмента, без зайвих деталей у високій роздільній здатності. Але це зображення ще надто великого розміру і має пристойну вагу.

6. Що можна зробити далі? Як ще можна зменшити розмір зображення? Якщо Ви знаєте, який розмір повинен мати оптимізоване зображення, то тоді, потрібно відкрити вкладку меню «Зображення – розмір зображення».

будь-яке

У вкладці виставте потрібні пропорції зображення.

картинку

7. Далі, найоптимальнішим, відкрити вкладку «Файл», і вибрати там"Зберегти для web". Тут для отримання оптимального співвідношення з різними налаштуваннями. Є цікава можливість дивитися майбутній варіант у чотирьох варіантах. Дивіться, порівняйте. Варіант, що сподобався, зберігайте і викладайте на сайт.

картинку
У мене вийшло картинка досить гарної якості. Розмір зображення зменшено з 2,21 мегабайта до 52 кілобайт.
зображення
Успіхи в роботі із зображеннями для сайтів. оптимізуйте свої картинки та фото для якнайшвидшого завантаження сторінки сайту або блогу.