Я вас знову вітаю на просторах мого блогу, шановні читачі та відвідувачі. Сьогодні ми дізнаємося, як зберегти картинку у фотошопі для різних ситуацій. Ми дізнаємося, як зберігати зображення на прозорий фон, без втрати якості, анімацію та багато іншого. Багато хто вже напевно удумає: «Що за фігня? Коли ми почнемо нормальним фотошопомзайматися, а не дрібницями всякими». Я вам відповім. Не поспішайте наперед паровоза. Вивчіть спочатку теорію та ази, а вже потім і найцікавіше буде. Ідіть по порядку і все буде круто. Тим більше тут є свої нюанси, починаючи з формату малюнка, закінчуючи розміром.

Звичайне збереження

Для збереження вашого документа або точніше сказати картинки, вам потрібно знову йти в Верхнє менюта натиснути там куди? Правильно, треба натиснути на "Файл". А у меню вибрати «Зберегти як» . Є кілька основних форматів, які рекомендується зберігати. Докладніше ми їх розглядали. Коротко скажу вам, у які формати для яких цілей краще зберігати зображення.

І, до речі, коли ви збережете картинку в формат JPG, то вам вискочить віконце, де запропонують вибрати якість. Я зазвичай ставлю 8 для звичайних фотографій. В принципі, якість вище невиразно особливо. Різновид формату ролі особливою не грає, принаймні ви нічого точно не помітите. Можете поставити базовий оптимізований, тоді підсумкове зображення займатиме трохи менше місця.

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

В яких форматах найкраще зберігати картинку

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

• Якщо ваш проект ще не закінчено, то зберігайте у форматі PSD. Збережеться весь ваш прогрес, прозорість, усі шари тощо. Та й, до речі, якщо проект не просто якась одноденка, а щось масштабніше, то краще завжди тримати копію в PSD. Я завжди тримаю шаблони картинки, які вставляю в анонс до статті, тому що тема одна й та сама. Просто змінюється картинка всередині та заголовок.
• Якщо ви закінчили ваш проект і хочете зберегти ваш кінцевий результат (наприклад обробили фотографію або зробили колаж), то зберігайте в JPG (JPEG). Найоптимальніше для фото. У переважній більшості випадків будемо зберігати саме в ньому.
• Якщо ви робили анімацію (наприклад анімовані банери), то вам підійде лише GIF, оскільки він може складатися одночасно з кількох зображень. Але незважаючи на величезний плюс, це розширеннямає жирний мінус. Справа в тому, що воно не здатне зберігати картинки з кількістю кольорів більше 256. А це, як ви вже напевно здогадалися, дуже мало, з урахуванням того, що звичайна фотографія JPG здатна містити в собі більше 16 мільйонів кольорів. Чуєте різницю? Але для малобарвних анімованих банерів це буде те, що треба.
• Якщо у вас зображення має на увазі прозоре тло, тобто. на картинці тільки певний об'єкт без білого тла(або), то тоді ваш формат PNG. Справа в тому, що якщо ви збережете будь-яку картинку з прозорим фоном у фотошопі з розширенням JPG, то він просто заллється білим кольором. І при наступній вставці картинки в редактор ніякої прозорості більше не буде.
• Якщо ви хочете зберегти картинку у фотошопі без втрати якості, то найкраще робити це у форматі TIFF. Саме тут зберігається вся колірна палітра та пікселі. Цей формат використовують для поліграфії під час друку растрових зображеньсаме так через те, що якість не шкутильгає. Єдиним мінусом стає те, що він займає багато місця на жорсткому диску.
• Ну і звичайно, не можна було не згадати, що фотошоп здатний створювати графіку у форматі PDF, що дозволить відкривати його як зображення,а як документ.

Ще хотілося б помітити, що GIF, як і PNG, підтримує прозорість фону, але на відміну від останнього він не підтримує напівпрозорість. Або все, або нічого.

Звичайно, тут ви можете побачити багато інших розширень, але повірте мені, вони не варті вашої уваги.

Збереження для Web

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

А якщо ви хочете зберегти картинку у фотошопі з прозорим фоном для Web, виберіть формат PNG-24. Обов'язково переконайтеся, що в пункті «Прозорість» стоїть галочка, інакше ваше зображення буде з білим тлом, який замінить усю порожнечу. Як ви вже знаєте, розширення PNG здатне працювати без фону.

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

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

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

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

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

З повагою, Дмитро Костін

Підготовка будь-якого цифрового зображення, що читається графічним редактором Adobe Photoshop, будь то PSD-файла, TIF-зображення або «великий» JPEG-картинки, до публікації на сайті, у форумі або соціальних мережах, а також до пересилання по електронній пошті. Іншими словами, "джейпег" для Інтернету. У риму вийшло.

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

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

Для закріплення та розширення отриманих знань, а також з метою вироблення навички, я підготував відповідні вправи. Пропоную Вам їх виконати, а потім опублікувати свої результати у коментарях до цього уроку. Спробуйте в «польових умовах» свою навичку!

Перший спосіб

1 крок

Відкриваю вихідне зображення у Photoshop. У моєму випадку це файл під назвою «Приклад.psd», що містить намальовану кулю.

Натискаю на клавіатурі поєднання клавіш "Ctrl", "Shift" і клавіші, позначеної латинською літерою"S" або вибираю в головному меню "Файл" ("File") "Зберегти Як ..." ("Save As ..."). З'являється діалогове вікно із заголовком «Зберегти як».

2 крок

Вибираю розташування майбутнього JPEG-зображення. У полі «Ім'я файлу» вводжу нову назву зображення, якщо потрібно. У спадному списку "Тип файлу" вибираю формат "JPEG (*.JPG, *.JPEG, *.JPE)".

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

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

3 крок

Натискаю на клавіатурі клавішу Esc, щоб закрити вікно Зберегти як.

Вибираю в головному меню "Зображення" ("Image") "Режим" ("Mode"). Якщо "галочка" встановлена ​​навпроти "8 біт\канал" ("8Bits\Channel"), то вибираю "16 біт\канал" ("16bits\Channel"). Збільшення глибини кольору бажано, щоб конвертація з одного колірного профілю в інший пройшла акуратно. Візуально на вихідному та підсумковому зображеннях зміна глибини кольору навряд чи відобразиться.

Потім вибираю в головному меню "Редагувати" ("Edit") > "Перетворити на профіль" ("Convert to Profile"). З'являється діалогове вікно із заголовком «Перетворити на профіль».

У моєму випадку вихідний колірний профіль (Source Space), який описує кольори в малюнку, називається Adobe RGB (1998). Вибираю в спадному списку "Цільовий профіль" ("Destination Space") значення "sRGB IEC61966-2.1". Перевіряю параметри перетворення - вони розташовуються нижче: параметр "Інструмент" ("Engine") має значення "Adobe (ACE)", "Метод (рендерингу)" ("Intent") - "Відносний колориметричний" ("Relative Colorimetric"), встановлена "Галочка" напроти параметра "Використовувати компенсацію точки чорного" ("Use Black Point Compensation"), "галочка" відсутня навпроти параметра "Звести зображення, щоб зберегти вигляд" ("Flatten Image to Preserve Appearance").

Якщо Ви збільшили глибину кольору (я зробив це трохи раніше), то параметр «Використовувати дизеринг» («Use Dither») буде неактивним. Якщо у відкритому зображенні всього один шар (якщо Ви відкриваєте JPEG-картинки або «прості» TIF-зображення, зазвичай, так і є), то параметр «Звести зображення, щоб зберегти вигляд» також неактивний.

Натискаю кнопку Готово (OK). Вікно «Перетворити на профіль» зникає.

4 крок

У головному вікні програми з'являється нове діалогове вікно із заголовком «Параметри JPEG» (JPEG Options). Параметр "Якість" ("Quality") дозволяє задавати співвідношення якості вихідного зображення та обсягу, який картинка займатиме в пам'яті комп'ютера. Таким чином, оплатою зменшення обсягу є деградація якості вихідного зображення. Чим менше значення параметра «Якість», тим менше обсяг JPEG-зображення.

У прикладі я зупинюся на значенні рівному 6.

Щоб оцінити якість зображення до збереження, встановлюю поруч із параметром «Перегляд» («Preview») «галочку».

5 крок

Встановлю значення другого параметра - Форматування (Format Options) - рівним Стандартне оптимізоване (Baseline Optimized). Обсяг майбутньої JPEG-картинки зменшився, а якість зображення залишилася незмінною.

6 крок

Натискаю у вікні Параметри JPEG (JPEG Options) кнопку Готово (OK) і перевіряю результат.

Порівнюю обсяги вихідного PSD-малюнку (~ 3000 Kb) та підсумкової JPEG-картинки (82 Kb). Таким чином, JPEG-файл вийшов приблизно в 36 разів менше вихідного зображення при візуально рівній якості. Зручно!

Звертаю увагу, що розмір підсумкового JPEG-зображення залишився тим самим, як у вихідного PSD-малюнку він дорівнює 2480 пікселів × 2480 пікселів.

Другий спосіб

1 крок

Відкриваю вихідне зображення у Photoshop.

Натискаю на клавіатурі поєднання клавіш "Ctrl", "Alt", "Shift" і клавіші, позначеної латинською літерою "S" або вибираю в головному меню "Файл" > "Зберегти для Інтернет ..." ("Save for Web ...").

З'явиться нове діалогове вікно з однойменним заголовком.

2 крок

3 крок

Встановлюю значення параметра "Якість" ("Quality") на максимум.

4 крок

Зменшення розміру зображення за допомогою параметра «Розмір зображення» («Image Size»).

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

В даному прикладівводжу в поле "Ширина" ("Width") значення 600. Автоматично зміниться значення в полі "Висота" ("Height"). Також автоматично зміниться розмір вихідного зображення щодо розміру вихідного малюнка, вказаний у полі «Відсоток» («Percent»). Зміни відбуваються автоматично і поле «Відсоток» знаходиться в активному стані, якщо поля-параметри «Ширина» та «Висота» пов'язані, про що свідчить відповідний значок, розташований праворуч від названих полів.

У вікні попереднього перегляду ліворуч оціню розмір і якість зображення. А приблизний обсяг останнього зможу дізнатися за кількістю, вказаною зазвичай у кілобайтах (Kb) або мегабайтах (Mb) під лівим кутом вікна.

5 крок

Встановлюю "галочку" поряд з параметром "Оптимізований" ("Optimized").

6 крок

Якщо ще хочу скоротити обсяг вихідного зображення, то зменшую значення параметра «Якість» («Quality»). Рекомендую дотримуватись значень у межах 45-90.

В даному випадку я виберу значення 75.

В результаті, середньостатистичний, при швидкості доступу в Інтернет, що дорівнює одному мегабіту (1 Mbits), час завантаження мого малюнка з Інтернет складе одну секунду. Воно вказується під значенням обсягу майбутнього JPEG-зображення.

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

7 крок

Встановлюю «галочку» поряд з параметром «Перетворити на sRGB» («Convert to sRGB») і вибираю значення «Кольори, що відображаються монітором» («Monitor Color») у спадному списку нижче.

8 крок

Нарешті, встановлюю "галочку" поряд з параметром "Вбудований колірний профіль" ("Embed Color Profile").

Дії на 7-му та 8-му кроках бажані, щоб майбутнє JPEG-зображення приблизно однаково відображалося на різних пристроях.

9 крок

У діалоговому вікні із заголовком «Зберегти оптимізоване зображення як» («Save Optimized As») вибираю місце розташування JPEG-картинки і задаю її ім'я, якщо необхідно. Натискаю в активному вікні кнопку Зберегти. Обидва вікна зникають. Тепер можу оцінити результат.

Закриваю вихідне зображення. У діалоговому вікні з пропозицією зберегти зміни, вибираю «Ні» («No»).

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

Докладніше про інтерполяцію та її вплив на деградацію якості цифрового зображення я розповім в уроці «Що таке інтерполяція?»

​

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

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

Сьогодні поговоримо про те, як зберігати готові роботи у Фотошопі.

Перше, з чим потрібно визначитися, перш ніж почати процедуру збереження, це формат.

Поширених форматів лише три. Це JPEG, PNGі GIF.

Почнемо з JPEG. Цей формат є універсальним і підходить для збереження будь-яких фотографій та зображень, які не мають прозорого фону.

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

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

На відміну від попереднього формату, PNGпри повторному редагуванні (використанні в інших роботах) не втрачає як (майже).

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

Давайте трохи попрактикуємось.

Щоб зателефонувати за функцією збереження, перейдіть до меню "Файл"та знайти пункт "Зберегти як"або скористатися гарячими клавішами CTRL+SHIFT+S.

Це універсальна процедура для всіх форматів, крім GIF.

Підкладка

Як ми вже знаємо, формат JPEGне підтримує прозорість, тому при збереженні об'єктів на прозорому фоні Фотошоп пропонує замінити прозорість на який-небудь колір. За замовчуванням, це білий.

Параметри зображення

Тут виставляється якість картинки.

Різновид формату

Базовий (стандартний)виводить зображення на екран рядково, тобто звичайним способом.

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

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

На практиці найчастіше застосовуються перший і третій різновид. Якщо не зовсім ясно, навіщо вся ця кухня потрібна, вибирайте Базовий («стандартний»).

Збереження у PNG

При збереженні в цей формат також відображається вікно з налаштуваннями.

Стиснення

Це налаштування дозволяє значно стиснути підсумковий PNGфайл без втрати якості. На скриншоті налаштовано стиснення.

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

Як бачимо, різниця значна, тому має сенс поставити галку навпроти «Найменший/повільно».

Надзвичайно

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

Я користуюсь налаштуваннями, як на першому скріншоті.

Збереження у GIF

Для збереження файлу (анімації) у форматі GIFнеобхідно в меню "Файл"вибрати пункт "Зберегти для Web".

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

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

Інструкція

Новачку не варто сильно заглиблюватися в теорію, але обов'язково варто знати, що JPEG є форматом з алгоритмом стиснення. Файл цього формату може мати різні розширення, наприклад? .jpeg, .jfif, .jpg, .JPG, або.JPE. Він дуже зручний тим, що займає набагато менше місця, ніж аналогічне зображення TIFF або BMP. На відміну від останніх, він має менше інформації про зображення. Під час перегляду вихідного файлу на моніторі це може бути не дуже помітним, але під час друку фотографії в лабораторії або обробці результат може бути менш якісним, ніж формати з повною інформацією.

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

Для подальшої обробки або друкування у фотолабораторії зберігайте зображення в максимальній якості та розмірі. У разі збереження шуканого зображення відкрийте меню File (Файл) та виберіть Save as (Зберегти як). Виберіть каталог, куди буде збережено файл. У першому рядку впишіть назву, а в другому виберіть формат JPEG та натисніть кнопку Save (Зберегти). Якщо ви робили маніпуляції з файлом, то перед вами спливе діалогове вікно з вибором якості зображення, що зберігається. Виберіть максимальну якість повзунком або відповідною цифрою 12. Підтвердіть вибір, натиснувши OK. Якщо ви не робили маніпуляцій із зображенням, то після його збереження діалогове вікно з вибором якості JPEGне відкриється.

При збереженні фотографії для публікації в інтернет, сучасні ресурси самі можуть змінювати розмір і якість JPEG, що завантажується. Тим не менш, у деяких випадках це доводиться робити самостійно. Перед збереженням зображення змініть його розмір, зайдіть у меню Image (Зображення) та виберіть Image size (Розмір зображення). Переконайтеся, що в полі Constrain Proportions (Зберігати пропорції) є галочка. Виберіть зручну для вас одиницю вимірювання: сантиметри, пікселі, дюйми або міліметри, впишіть цифрами необхідне значення однієї зі сторін та натисніть Ok (у більшості випадків для веб-сторінок використовуються картинки від 800 до 1500 пікселів з більшої сторони). Збережіть результат, вибравши меншу якість. При його значеннях від 8 до 10 та невеликому розмірі зображення візуальні відмінності від вихідного розміру мінімальні, однак розмір файлу істотно скорочується.

Також в Adobe Photoshop існує спеціальний модуль для оптимізації та збереження зображень для веб-сторінок, який може бути зручнішим. У меню File (Файл) виберіть Save for Web (Зберегти для Web). У діалоговому вікні, що відкриється, вам буде представлено вікно перегляду збереженого зображення і кілька варіантів налаштувань. Виберіть вкладку 4-up або 2-up. Програма надасть вам чотири або два можливі варіанти оптимізованого зображення. Щоб зберегти відповідний, досить просто клікнути на картинку та натиснути Save (Зберегти). Якщо варіанти вас не зовсім влаштували, попередньо скористайтеся інструментами, розташованими праворуч від зображення.

Гальмує