Стискаємо зображення у Photoshop без втрати якості. Ефективно зменшуємо розмір зображення без втрати якості Як стиснути розмір у фотошопі

Доброго часу доби, шановні читачі. Велика вага сторінок сайту призводить до негативних наслідків. Ресурс не подобається читачам та пошуковим системам. Така начебто незначна річ, а не тут було, впливає на конверсію.

Не поспішайте засмучуватися. Якби не помилки неуважних розробників, то фахівцям не було б чим займатися. Та й конкуренція – це завжди добре. Проста робота над фото дозволить вам прискорити роботу сайту, що не може не вплинути на думку аудиторії, а також пошукових роботів.

Переваги маленьких картинок

Кожен добрий веб-майстер париться з приводу ваги зображень, які він використовує на своєму сайті. Вони мають бути з усіх боків «правильними» з двох причин.

Перша – це читачі. Швидкість завантаження у всіх різна, але кожен хоче, щоб ресурс відкривався якнайшвидше. Якщо ви використовуєте картинки по 5 мегабайт, то вони будуть вантажитися дуже повільно. Пам'ятаєте, були часи, коли малюнок відкривався невеликими порціями, смужками? Цього можна досягти і зараз, варто лише виставити на портал важке зображення.

Друга причина знизити вагу – пошукові системи. Можливо невдовзі все зміниться, але поки що жирні сторінки роботи перевіряють наполовину. Вони аналізують лише частину інформації, певну вагу.

Якщо ви завантажили велику картинку, то можливо, робот навіть не зверне особливої ​​уваги на контент, а скаже: «Ну й будь ласка, ну і не потрібно, ну і пішов я перевіряти щось інше, занадто багато роботи для одного дня». У результаті ви втрачаєте можливість посісти високі позиції.

Тому я рекомендую вам завантажувати фотки в бібліотеку мультимедіа - це непоганий спосіб скинути вагу. Якщо ви робите саме так, то на сторінці використовується лише посилання, а воно, як ви розумієте, важить копійки. Так ви вирішите проблему з пошуковими системами. З читачами питання досі відкрите. Шлях-то шляхом, але важка картинка залишиться такою і вантажиться довго. Тут нам на допомогу приходить. Він допоможе схуднути картинці. Для початку поговоримо про формати.

Який формат використовувати

Два найкорисніші формати для розробника сайтів – це jpeg і png. Зараз поясню чому.

Ось у нас із вами є малюнок корови. Відкриваємо його за допомогою фотошопу та зберігаємо у двох форматах.

Так виглядає png. Як ви бачите, прозорий фон. Можна вбудовувати будь-куди і малюнок буде ніби вирізаний. Важить така картинка досить багато – близько 3 мегабайт.

А це формат JPEG. Вага - 260 кб, дуже круто. Натомість білий фон. Його вже де завгодно не використовуєш. Для картинок до публікації прямокутне зображення підійде якнайкраще, а ось як елемент дизайну - питання спірне.

У якому форматі краще зберігати фотографії? Думаю, що тепер ви самі можете відповісти на це питання. В основному всі юзають jpg, а вибрані картинки зберігають у png. Існує ще безліч форматів, але я не рекомендую вам морочити з ними голову. Різниця буде у кольоропередачі. Десь краще за кольори, десь гірше. Ідеальне поєднання якості та ваги – саме jpeg. Йому б ще прозорість – і взагалі ціни не було б.

Тепер перейдемо до основного питання, як зменшувати.

Секрет зменшення фото, про яке ви ще достеменно не знаєте

Отже, одного разу мені потрібно було попрацювати над одним. Сайт існував уже близько року, але про першу сторінку замовнику залишалося лише мріяти. Одним із пунктів підкорення пошуковиків була робота над зображеннями. Їх була нереальна кількість, просто величезна! Ви не уявляєте, наскільки багато їх було! Я був готовий загинути під вантажем цієї кількості. Тоді я й вивів чудову модель роботи зі зменшення фоток.

Кожен з нас має фотошоп. Коли йдеться про горе фоток – він нам нафіг не потрібний, користуйтесь онлайн сервісом! Звісно ж, безкоштовним.

Це той самий фотошоп, але значно легше і швидше. Ось посилання - pixlr.com/editor , можете подивитись. Справа в тому, що цей сервіс – дуже спрощена версія, а тому працює в рази швидше. Поки ви відкриєте Photoshop на комп'ютері, поки відкриєте фотографію, потім другу, потім третю. З глузду з'їхати можна! Нафіг. Користуйтеся онлайн-сервісом і не пошкодуєте.

Насамперед ставите російську мову. Вкладка Language.

Виділяєте всі фотки за допомогою одночасного затискання клавіш Ctrl і А або просто виділяєте мишкою. Відкриваєте. Вся процедура займає в рази менше часу, ніж під час роботи на вашому комп'ютері.

Якщо це png, а воно нам не потрібне – вибираємо jpg. Звертаємо увагу на розмір, що миттєво знизилося.

Ще можна погратись із якістю. Дивіться як виглядає зображення та який його розмір.

До 50% адекватне поєднання, хоч дивіться самі. Кому більше подобається. Як на мене, так і 10 виглядає досить непогано.

Ще один спосіб зменшити зображення

Другий спосіб мені не особливо подобається, потрібно діяти за наїттям, та й з великою кількістю зображень надто виснажливо, але… зате дієво. Зараз я покажу вам, як стиснути фотку в 5 Мб розміром до 60 Kб зі збереженням якості.

Отже, відкриваємо фото. У навігаторі зліва (на малюнку показано стрілкою) можна побачити повне зображення. В основному вікні бачимо лише його невелику частину. Я спеціально збільшив до 100%. Відкрити таку картинку в повному розмірі можна тільки на білборді або екрані в кінотеатрі. Ну і навіщо на сайті використати такі картинки?

Переходимо до розділу «Зображення» та вибираємо «розмір».

Тепер натискаємо на будь-яку стрілочку – хоч поряд із довжиною, хоч із шириною. Неважливо.

І починаємо смикати за повзунок.

Ось про що я й казав, діяти доводиться по натхнення. Оптимальні розміри екрану, як правило 1024 х 768. За іншими даними 1366 х 768. Якщо ви збираєтеся використовувати фотку як візуальний матеріал до статті, то зрозуміла справа розмір буде меншим. Не на весь екран її відкривати. Хоча деяких читачів може і зацікавить малюнок, і вони захочуть її відкрити в новому вікні. Коротше кажучи, тут вам доведеться думати самим. Виходячи із завдань.

Бачите, мені здається, що картинка все одно дуже велика.

Я ще зменшив її.

Готово. Тепер вага складає всього 60 Кб.

Якщо тема здалася вам актуальною та цікавою, рекомендую ще почитати. Теж корисна інформація для розробників. Та й взагалі підписуйтесь на розсилку мого блогу, щоб отримувати потрібні відомості, які обов'язково знадобляться.

Ні до чого чекати біля моря погоди, дізнавайтеся про нюанси роботи, перш ніж зіткнетеся з якоюсь проблемою. У цьому полягає секрет професіоналізму. Наскільки б досвідченим ти не був, все одно трапляються всякі неприємності, тільки фахівець вміє швидко знаходити рішення, щоб все виправити.

Ну а для тих, хто хоче збагнути магію фотошопу, я вкотре порекомендую курс Зінаїди Лук'янової. Фотошоп з нуля у відеоформаті VIP 3.0 . Це суттєво прискорить ваш процес навчання та розуміння технічної частини та дозволить перейти до напрацювання досвіду.

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

Вирішувати, звичайно, вам. Тепер у вас є вся інформація, щоб подумати та прийняти правильне рішення.

До нових зустрічей та удачі у ваших починаннях.

17.11.2014 27.01.2018

Після вивчення цього ви уроку ви навчитеся у фотошопі:

• Зменшити розмір фотографії
• Зменшувати у розмірі окремий об'єкт на фото
• Трансформувати фото та об'єкти — крутити, стискати, перевертати та відбивати.

У цій статті я розповім як користуватися фотошопом, щоб зменшити картинку, зображення, текст, шар, окремий об'єкт — все, що можна зменшити у фотошопі. Програма Photoshop дозволяє швидко та зручно зменшувати об'єкти без втрати якості зображення.

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

Для виконання операцій зі зменшення я використовуватиму Photoshop CS 6.

Як зменшити фотографію

Спочатку відкрийте потрібне фото у фотошопі. Натисніть CTRL+Oабо File - Open (Файл — Відкрити) і виберіть потрібну фотографію на диску.

Фотографія відкрилася у фотошопі:

Фотографія величезного розміру 1600х1200 пікселів. А нам, наприклад, треба 600х450 або близько того.

Є спосіб зменшити пропорційно фотографію, для цього зайдіть у меню Image — Image size (Зображення — Розмір зображення). В англійському фотошопі це вікно виглядає так:

Ми бачимо значення Widthі Height (Ширинаі Висота), переконайтеся значення показуються в пікселях, але якщо вам потрібно ви можете дивитися та змінювати в сантиметрах та інших вимірах.

Введіть ширину замість 1600 значення 600 і ви побачите, як висота автоматично підібралася 450, щоб зміни розміру фотографії було пропорційним.

Натискаємо ОК та все! Наша фотографія поменшала:

Виділити потрібну область та зменшити

А якщо нам потрібна не вся фотографія, а її частина? І цю частину нам треба зменшити, але не пропорційно і на власний погляд. Для цього функція, яку ми застосовували, до цього не підійде.

Допустимо у нас є така картинка з повітряними кульками і ми відкрили її у фотошопі:

Але нам усі кульки не потрібні, а потрібен лише синій і нам треба його трохи зменшити. Для цього виберіть інструмент Crop Tool(у російській версії називається Кадрування) — за допомогою нього ми можемо виділити потрібну область зображення і обрізати її. А саме синя кулька.

Сам інструмент на панелі виглядає так:

Виділіть потрібну область:

Натисніть Enterна клавіатурі — ми виріжемо цю кульку, а решта зображення відійде.

Чудово. Тепер нам треба зменшити кульку. Можна скористатися функцією як у минулому кроці. А можна зробити інакше, зберігши у своїй розмір зображення. Для початку давайте позбавимося фону, зробимо його однотонним. Для цього нам потрібно виділити кульку, вирізати її і помістити на окремий шар. А на іншому шарі ми зробимо тло.

За допомогою інструменту Polygonal Lasso Tool (Прямолінійне Лассо)виділіть кульку.

Натисніть CTRL+Xщоб вирізати його та скопіювати. Після того як ви натиснете він пропаде, а за ним буде прозоре тло. Натисніть відразу CTRL+V щоб вставити кульку. Кулька вставитися трохи осторонь вихідного місця. І вставити вона відразу автоматично на новий шар:

Тепер ми зробимо швиденько інше тло, щоб кулька не здавалася вирізаною. А старий фон не підходить тому що в ньому вирізане місце через кульку, і так як ми кульку ще зменшуватимемо, то воно буде ще більше.

Створіть новий шар під кулькою та залийте його будь-яким кольором:

Звичайно кулька виглядає не акуратною, але мета цієї статті розповісти як зменшувати у фотошопі, а не вирізати. Про те як вирізати у фотошопі та якими способами читайте в іншій нашій статті.

Тепер зменшимо кульку. Виберіть шар із кулькою та натисніть CTRL+T(або меню Edit - Transform - Scale(Редагування - Трансформування - Масштаб)) і ви побачите як навколо кульки з'явилася рамка для зменшення:

Тепер тягніть за квадратики, щоб масштабувати кульку. Ви можете зменшити зображення як вам потрібно, зберігаючи загальний розмір документа у фотошопі. Ви зменшуєте окремий об'єкт на окремому шарі, а не весь документ-зображення.

Ви можете всі ці методи застосовувати, як вам необхідно, в будь-якому порядку. Знаючи ці прийоми ви впораєтеся з будь-яким завданням, в якому потрібно щось зменшити у фотошопі.

За допомогою програми фотошоп легко зменшити або збільшити розмір зображення. Більше того, це можна зробити різними способами залежно від того якого результату ви прагнете.

Перш ніж розпочати розгляд способів, спочатку трохи теорії.

По-перше, що таке зменшення чи збільшення розміру зображення? Насамперед під цим поняттям варто розуміти зменшення/збільшення роздільної здатності картинки, тобто його довжини та ширини і, відповідно, кількість пікселів, з яких складається будь-яке растрове зображення. .

По-друге, що відбувається з якістю зображення після зміни його розмірів?

• У процесі зменшення, відбувається втрата пікселів, але якість загалом не страждає, воно залишається досить чітким.
• У процесі збільшення, фотошоп розтягує пікселі та домальовує їх відповідно до свого алгоритму. Тому зі збільшенням завжди страждає якість картинки. Чим більше збільшення, тим чіткіше видно незворотню втрату якості.

Подібне питання було розглянуто в уроці, пов'язаному зі зміною розміру шару,

Наочний приклад, як змінюється якість зображення:

У цій статті розглянемо 4 способи змінити розмір картинки у фотошопі і розберемо випадки, коли і яким способом найкраще користуватися.

Спосіб 1 — Діалогове вікно Розмір зображення

Це класичний і найуніверсальніший спосіб. Він підходить в більшості випадків, особливо коли ви вже знаєте до яких розмірів слід зменшити і збільшити розмір картинки.

Відкрийте зображення у фотошопі.

Відкрийте діалогове вікно Зображення — Розмір зображення(або комбінація клавіш - Alt + Ctrl + I). З'явиться таке вікно:

Відразу зверніть увагу на поля Ширинаі Висота. Ті значення, що там будуть вказані, — це поточні розміри зображення. За замовчуванням вони вимірюються в пікселях.

Якщо ви знаєте, до яких розмірів потрібно змінити зображення, то введіть ці значення у вищевказані поля.

Пропорції

Якщо у налаштуваннях вікна не стоїть галочка Зберегти пропорції, то можете вводити в поля довжини та ширини будь-які значення. Але ви ризикуєте, що картинка вийде розтягнутою по вертикалі чи горизонталі. Дуже легко помилитися та підібрати невірні пропорції.

Приклад без збереження пропорцій

Приклад із збереженням пропорцій

Спосіб 2 - Зміна розміру за допомогою трансформації

Трансформація зображення – класний спосіб, який обов'язково потрібно додати до скарбнички знань з фотошопу. Цей спосіб хороший у двох випадках:

• зменшити або збільшити розмір зображення;
• зменшити або збільшити вставлену картинку у фотошоп.

Розмір детальніше кожен випадок.

Як зменшити або збільшити розмір зображення

Крок 1

Відкрийте зображення. Виберіть команду Редагування - Вільне трансформуванняабо натисніть комбінацію клавіш Ctrl+T.

Примітка

Якщо ця команда не активна (затемнений сірим кольором), то ваш фоновий шар заблокований до змін. Про це сигналізує іконка замочка прямо на шарі.

Щоб розблокувати фоновий шар, зробите подвійний клік. З'явиться вікно Новий шар, Натисніть на Ок.

Крок 2

З'явиться рамка навколо зображення. У кутах та на кожній стороні є маркери, за які потрібно потягнути, щоб зменшити або навпаки збільшити зображення.

Після зміни розміру натисніть на галочку вгорі панелі параметрів. У фотошопі CS6 є помилка, і ця галочка не видно. Якщо у вас також її не видно, то натисніть кнопку Enter, щоб прийняти зміни або Esc, щоб скасувати.

Крок 3.1 Випадок при збільшенні

Якщо ви збільшували картинку даним способом, то, як бачите, частина її стала прихована, вона як би не влазить у той розмір, у якому була відкрита. З одного боку це теж непогано і це можна часом також використовувати.

Але якщо ви наполягаєте на тому, щоб зображення було показано повністю, виберіть команду Зображення — Показати все.

Крок 3.2 Випадок при зменшенні

При зменшенні зображення ви побачите шахове тло. Це порожнеча, прозорість. При збереженні зображення вона зникне. Але правильно буде відрізати порожнечу, щоб зрештою побачити який кінцевий розмір картинки.

Щоб відрізати порожнечу, виберіть команду Зображення. Тримінг.

Щоб у цьому способі також не порушити пропорції зображення, коли тягнете за маркери рамки, одночасно утримуйте клавішу Shift.

Як зменшити або збільшити вставлену картинку у фотошоп

Описаний випадок у будь-якому випадку беріть собі на озброєння. А саме вміння користуватись командою Вільне трансформування(Ctrl+T). Цей прийом знадобиться, щоб здійснити таку операцію, що часто зустрічається, як зменшення або збільшення вставленої картинки, предмета, об'єкта(Називайте як хочете).

Отже, знайома ситуація: ви у фотошопі вставили до свого основного зображення іншу картинку, але вона не підійшла за розмірами.

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

Спосіб 3 - Розмір полотна

Не найпопулярніший спосіб, але його також розглянемо — команда .

Особливістю цього способу є те, що ми змінюємо розмір роздільної здатності зображення, при цьому сама картинка ніяк не змінюється. Фотошоп просто відрізає частину зображення (якщо говоримо про зменшення) або додає фоновий колір (якщо це збільшення).

Тобто, скажімо, ваша картинка 700х700 пікселів. Через Зображення — Розмір полотнави задаєте розмір 500х500. У результаті фотошоп обрізає зайві 200 пікселів за висотою та шириною. У налаштуваннях можна вказати звідки відрізає: це рівномірно з усіх боків, або можна вибрати конкретну сторону.

Як зменшити розмір зображення без втрати якості

Ми розглянули 4 способи зменшення розмірів зображення. З них два способи: Розмір полотна і кадрування не пов'язані з втратою якості. Фактично (ширина і висота) картинки стають меншими, але сам вміст залишається колишнього масштабу. Щоб цього досягти, потрібно пожертвувати частиною картинки, тобто просто обрізати її до потрібного розміру. Докладніше як це робити дивіться вище за текстом.

Як зменшити вирізане зображення у фотошопі

Щоб у фотошопі зменшити розмір вирізаного об'єкта потрібно вміти: вирізати об'єкти, проводити маніпуляції з ділянкою, що вирізає (у тому числі його зменшення).

Про те, як вирізати об'єкти, читайте в інших статтях. Докладніше зупинимося на зменшенні.

У цій ситуації вам знадобляться знання з використання команди Вільне трансформування.

Коли об'єкт вирізано, потрібно утворити навколо нього . Після цього застосуйте трансформування та за інструкцією вище тягніть за маркери у бік зменшення даного об'єкта.

У будь-якому випадку при зменшенні вирізаного фрагмента в місці, що звільнився, фотошоп буде автоматично додавати фоновий колір. Тому, якщо у вас нескладний випадок, то спершу подбайте і оберіть такий же фоновий колір, що оточує об'єкт, що підлягає зменшенню. Для цього отримайте зразок кольору за допомогою та .

Помітили помилку в тексті - виділіть її та натисніть Ctrl+Enter. Дякую!

Як зменшити розмір картинки без втрати якості, відповіддю на це запитання я зацікавився колись із зображення для шпалер робочого столу ПК, захотів зробити мініатюру для статті.
Забивши запит у пошуковий рядоксвого «улюбленого браузера» я почав свій шлях сайтами, з надією швидко вирішити цю проблему.
Але не тут то було, скажу я вам шановні, Говорячи словами відомої приказки. У пошуках підходящої для себе я перепробував багато з них. Адже якісні зображення та дизайн, це вірний шлях (читай попередню статтю), а пошуковик видав мені безліч статей, де за допомогою різних програм, «наш брат блогер» чаклує над своїми та чужими (читай завантаженими з «нету») картинками.

Різні способи зміни розмірів та якості зображення

1. Серед них зустрічаються: багатофункціональні, умовно-безкоштовні, типу Batch Picture Resizer. Надаю перелік її можливостей: зміна розмірів фотографій, перейменування файлів та накладання водяних знаків, пакетної обробки фотографій, перетворення форматів. Її можна завантажити за цим посиланням: https://yadi.sk/d/g6eDFTyzAMob6
2. І дуже прості, до них можна віднести PicSizer.

Але як завжди шукаючи вдалині, ми забуваємо, або не знаємо про те, що лежить зовсім поряд. Адже маніпуляції можна проводити стандартними засобами самої операційної системи.
Допустимо для того щоб зменшити розмір фотографіїу Windows 7 необхідно:

• Наводимо курсор на об'єкт, клацніть правою клавішею і вибираємо: Відкрити за допомогою перегляду зображень та факсів та натискаємо Paint.
• Далі: Меню-Властивостіі вискакує табличка, а в правому нижньому кутку повзунок для змін. Діємо повзунком або виставляємо розмір та натискаємо ОК.
• Після цього «кликаємо "Зберегти як…,тут справа вказуються можливі варіанти зміни формату картинки.

Змінюємо зображення у програмі Фотошоп

Але сьогодні, за допомогою програми Фотошоп(Photoshop),Я хочу вам показати, як не змінюючи якості змінити розмір зображення. Ну принагідно і формат, на ваш розсуд. Відразу зазначу, що для отримання якісного зображення необхідно зробити поетапне зменшення картинки. Тобто ми зробимо це за двічі.
Відкриваємо програму, завантажуємо картинку- Файл-Відкрити.

Після цього «клацаємо» -Зображення- Розмір зображення, як показано на скріншоті вище. Коли з'явиться табличка для змін (скриншот нижче) спочатку робимо зміни розміру наполовину вихідного формату.

І для того, щоб не втратити якості, внизу вибираємо: Бікубічна чіткіше (найкраща для зменшення).
І, як завжди, підтверджуємо дію натисканням кнопки ОК. Проробивши всі дії ще раз і отримавши необхідну величину картинки можна покращити її різкість. Це для того, щоб на різних браузерах вона виглядала чіткіше і різкіше. Робимо як на скріншоті нижче, йдучи шляхом Фільтр-посилення різкості- І вибираємо яку нам хочеться.

Думаю що інформація, яку я вам надав, буде вам корисна. Адже питання як зменшити розмір картинки без втрати якості цікавить всіх блогерів.Тому що на завантаження зображень на веб-сторінці йде левова частка часу, відведена для цієї дії. А як ви знаєте, є важливим для просування вашого ресурсу.

На цьому в мене інформація на цю тему вичерпалася. А до вас шановні відвідувачі невелике прохання, йдучи натиснути одну з кнопочок соціальних мереж. Цим ви висловите свою подяку за мою (вашу) працю. Дякую.
Так, вибачте, ще я зовсім забув нагадати вам що на сайті є цікава стаття на тему заробітку на опитувальниках, а саме

Необхідність зменшити розмір зображення виникає у багатьох випадках – коли потрібно зробити з фотографії аватар, або коли хочеться завантажити художнє фото у соціальну мережу, або коли зображення планується використовувати у шапці особистого блогу. Професійні фотоапарати роблять знімки вагою до сотень мегабайт. Зберігати на комп'ютері та викладати в інтернет такі фотографії незручно. Тому перед публікацією або записом на носій зменшують розмір зображень, а .

Зменшувати фотографію найзручніше в Adobe Photoshop, оскільки в цьому редакторі є інструменти не тільки для зменшення лінійних розмірів, але й для оптимізації якості зображення. Залежно від того, як буде використовуватися фотографія, можна вибрати відповідний спосіб.

0. Аналіз зображення перед зменшенням

Насамперед, слід розібратися, що означає – зменшити зображення. Якщо фотографія буде використовуватися як аватар, вона повинна мати певний розмір і роздільну здатність (кількість пікселів по вертикалі та горизонталі) та невелику вагу (обсяг у КБ). Ці обмеження можна знайти на сайті, куди буде завантажено аватар. Якщо фотографію планується просто вивантажити в інтернет, наприклад, в альбом на форумі, її розміри та обсяг потрібно зменшити до «розумних». Це означає, що при відкритті повної версії фотографія не повинна виходити за межі вікна браузера. «Розумний обсяг» для публікації в Інтернеті становить не більше кількох сотень кілобайт.

Зменшення розмірів у випадку з аватаркою та у випадку з альбомом відбувається по-різному. Для аватара вирізається лише маленький фрагмент зображення. Художню фотографію частіше зберігають цілком, і тоді використовується не обрізка, а зміна пропорцій. Якщо зображення спочатку має відповідні розміри, але важить дуже багато, можна штучно погіршити його якість. На зберігання кожного пікселя буде приділено менше пам'яті, ніж раніше. Залежно від алгоритму стиснення різниця вихідного та «погіршеного» зображення на око може бути майже непомітною.

1.1. Зменшення методом кадрування

Незалежно від того, як редагуватиметься зображення, його спочатку потрібно відкрити. У Photoshop це робиться через команду File → Open. Потім слід вказати розташування зображення на комп'ютері.

Коли зображення завантажиться в програму, оцінюємо, чи всі зображені об'єкти слід залишити на фотографії. Якщо ні, і потрібно вирізати лише якусь частину картинки (наприклад, обличчя для аватара), варто вдатися до інструменту Crop (Кадрування). Є два способи вирізати потрібну область на фото.

Кадрування за допомогою Crop

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

Програма виділить прямокутну ділянку фотографії. Вам потрібно буде визначити область обрізки і після натискання Enter все, що залишалося за межами рамки, буде видалено.

Визначення області обрізки

Кадрування за допомогою Rectangular Marquee Tool

Другий спосіб – вибрати інструмент Rectangular Marquee Tool (Прямокутна область), який також знаходиться на тій же панелі.

Виділяти область за допомогою Rectangular Marquee Tool можна так само, як і через Crop. Після виділення відкриваємо Image → Crop.

1.2. Зменшення за допомогою Canvas Size...

Щоб обрізати зображення до точно визначених розмірів, видаливши при цьому крайні частини, можна використовувати меню Canvas Size (Розмір полотна). Він зручний, якщо, наприклад, хочеться прибрати смугу засвічення з краю зображення. Його можна знайти у меню Image → Canvas Size.

Налаштування Canvas Size

Він виглядає як вікно, в якому вказано поточні розміри фотографії та розміри, які вона матиме після редагування. Користувач визначає кінцеві розміри і вказує, з якого боку обрізати зображення. Одиниці, в яких задаються розміри, можна змінювати – доступні пікселі, сантиметри, дюйми тощо. Сторона обрізки вказується за допомогою поля зі стрілками у розі вікна. Після натискання на "Ок" відбувається кадрування зображення.

2. Зменшення розміру та пропорції за допомогою Image Size...

Коли фотографія набуде бажаного вигляду, можна переходити до зміни її розмірів. Це робиться через меню Image → Image Size(Розмір зображення).

Налаштування Image Size

Тут можна зменшувати лінійні розміри зображення, змінюючи їх значення в пікселях, відсотках, сантиметрах або інших одиницях. За замовчуванням зміна одного значення веде у себе перерахунок іншого значення. Завдяки цьому пропорції фотографії зберігаються. Якщо з якихось причин пропорції картинки хочеться спотворити, слід натиснути на ланцюжок іконку між значеннями ширини і висоти. Змінювати розмір зображення можна також за рахунок зменшення або збільшення його роздільної здатності (пункт Resolution). Чим менша роздільна здатність, тим гірша якість фотографії, однак вага файлу також зменшується.

3. Збереження та оптимізація розміру засобами Photoshop

Нарешті, після зменшення фотографії, можна зберегти її у потрібній якості. Крім стандартного Save as фотошоп має інструмент Save for web ..., який знаходиться в меню File.

Налаштування «Save for web...» (клік для збільшення)

Більшість вікна займає поле відображення фотографії. У цьому полі вона виглядає так, як виглядатиме на сторінці в мережі.

У правій частині вікна можна вибирати формат збереження та якість зображення. Чим вище його значення – тим краще виглядає фотографія. Грубе зменшення якості здійснюється за допомогою списку, що випадає. Його значення – High, Medium, Low – дають зразкове уявлення про кінцевий вид фотографії. Тонка «припасування» проводиться за допомогою числового поля Quality. Під зоною відтворення відображається вага файлу після збереження.

У полі Image Size можна вказати потрібні розміри для збереження або відсоток зменшення фотографії. По суті це те саме меню, що й у попередньому кроці, але з меншою кількістю налаштувань.

Завдяки цьому можна підбирати оптимальні параметри збереження, при яких фотографія виглядатиме майже як вихідна, але важитиме в рази менше.