Зменште розмір фотографії за допомогою Photoshop
Щоб зменшити розмір фотографії та оптимізувати її для нашого веб-сайту, нам потрібно скористатися програмою редагування фотографій. У цьому випадку ми будемо працювати з Photoshop, оскільки це найпоширеніша програма у використанні. У будь-якому випадку, є безкоштовне програмне забезпечення зі схожими функціями.
Навіщо зменшувати розмір фотографій?
Для управління нашим Інтернет-магазином часто потрібно змінити розмір зображення, щоб зменшити його та добре вписати в макет нашого веб-сайту. У цій статті ми зосередимося на оптимізації фотографії товару, але ці поради також застосовуються, якщо ми хочемо зробити обкладинку або рекламний банер.
Крім того, для швидшого перегляду нашого веб-сайту необхідно оптимізувати розмір зображень. Якщо не зменшити вагу фотографій, це негативно позначиться на роботі веб-сайту, а це означає, що клієнти не залишаються на ньому протягом тривалого часу. Крім того, такі пошукові системи, як Google, будуть карати позиціонування нашого сайту.
Посібник із зменшення вимірювань фотографії товару
Є кілька способів змінити розмір зображення. Далі ми побачимо найпростіший спосіб зробити це за допомогою Photoshop.
У цьому посібнику ми збираємось використовувати версію Photoshop CC в середовищі Mac.У середовищі Windows або в попередніх версіях Photoshop розміщення інструменту може відрізнятися, але теорія та сама.
1) Відкрийте оригінальне зображення, яке ми хочемо відредагувати у Photoshop
Перше, що нам потрібно зробити, це відкрити наше фото в дизайнерській програмі.
Ми можемо зробити це двома способами, клацніть правою кнопкою миші на зображенні (1), виберіть «Відкрити за допомогою» (2) і клацніть на програмне забезпечення Photoshop (3).
Або ми можемо отримати безпосередній доступ до Photoshop, натиснути "Файл" (1), вибрати "Відкрити" (2) і шукати нашу фотографію в каталозі.
2) Розблокуйте шар, щоб його можна було редагувати
Після того, як ми відкриємо свою фотографію, перше, що нам потрібно зробити, - це розблокувати оболонку, щоб мати можливість редагувати зображення за бажанням. Для цього нам доведеться відкрити вікно шарів, натиснувши на вкладку "Вікно" (1), потім ми перевіримо, чи активовані шари (2), після того, як ми його відкриємо, ми побачимо, як з'явилося нове вікно (3)
Ми двічі клацаємо на шарі, де з’являється невеликий замок (1). З'явиться вікно, де воно запитає нас, чи хочемо ми змінити ім'я або налаштувати деякі параметри, ми просто натискаємо "OK" (2)
3) Скопіюйте розблоковане зображення
Ми бачимо, як замок зник із шару (1), тепер потрібно вибрати шар. Для цього ми утримуємо клавішу CTRL (Керування в Windows)/CMD (Команда в Mac) і натискаємо трохи над маленьким зображенням (2), ми можемо побачити, як фотографію обрамлено пунктиром, це означає, що ми виберіть його (3). Завжди за допомогою комбінації клавіш ми копіюємо його CTRL + C (Windows)/CMD + C (4).
4) Створіть новий документ із остаточними заходами для нашого веб-сайту
Ми натискаємо на файл (1), а потім на новий (2) або, якщо хочемо рухатися швидше, комбінацією клавіш CTRL + N (windows) або CMD + N (Mac).
Вибираємо веб-конфігурацію (1), ставимо ширину 1080px (2) ставимо висоту 1400px (3), орієнтацію, позначену по вертикалі (4), колір тла білим (5) і натискаємо на "Створити" ( 6).
Створіть нам новий порожній документ із розмірами, які ми встановили.
5) Ми копіюємо оригінальне зображення на полотно
Тепер нам просто потрібно розмістити зображення, яке ми раніше скопіювали, на нове полотно, для цього ми вставляємо його комбінацією клавіш CTRL + V (Windows)/CMD + V (Mac).
Як бачимо, він копіює нам зображення в новому документі
6) Перетворіть скопійоване зображення в новий документ
Клавішами CTRL + T (Windows)/CMD + T (Mac) ми активуємо редакцію (1), утримуючи клавішу Shift і утримуючи один із кутів, щоб змінити розмір зображення (2), важливо утримувати ключ великої літери або зображення буде спотворено.
Зупинивши натискання клавіші та клацаючи всередині зображення лівою кнопкою (залишаючи кнопку натиснутою), ми можемо перемістити зображення та розмістити його там, де нам подобається. (3) Ми натискаємо на піктограму V, щоб активувати зміни (4).
7) Збережіть відредаговане зображення
Після внесення відповідних змін до нашого образу ми маємо його зберегти. Для цього натисніть на рядок меню "Файл" (1), виберіть "Експорт" (2) і натисніть "Зберегти для Інтернету" (3).
Відкриється вікно, в якому ми можемо відрегулювати якість стиснення, для полотна рекомендується вага менше 150 КБ. Щоб оптимізувати, ми натискаємо на якість і переводимо контроль на бажану якість (1), ми повинні дивитись на якість зображення, яке не розмито (2), і звертати увагу на вагу менше 150 КБ (3). Натисніть Зберегти, щоб внести зміни (4).
Ми вибираємо папку, куди хочемо зберегти файл, вводимо потрібне ім’я, практична порада - зберегти фотографію з посиланням на товар, а потім числом фотографій, розділених рискою (1), це допомагає нам при ідентифікації продукту та знаючи, що ми маємо різні погляди на одне і те ж посилання. Ми натискаємо на "Зберегти", щоб застосувати зміни (2).
8) Кінцевий результат
Ми вже маємо своє оптимізоване зображення, готове для використання в Інтернеті, ми бачимо, що порівняно з оригінальною фотографією (1) ми відредагували розмір та покращили стиснення фотографії (2).