Параметри кольорів Photoshop для веб-дизайну

Які параметри кольорового профілю слід використовувати у Photoshop для веб-дизайну? Чи економить ефект калібрування монітора для веб-зображень?

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

Я використовую свій калібрований профіль монітора для своєї робочої області, керування кольором вимкнено і не вставляю профіль для збереження для Інтернету і намагаюся використовувати .png 24, коли це можливо. Це найкраща практика?

Налаштування кольору

Зберегти для Інтернету

"Управління кольорами" та "Веб-розробка" ніколи не повинні використовуватися в одному реченні, якщо тільки не кваліфіковано "не турбувати", "витрачати час" або "fuggedaboudit". Причини, які окреслив законник, є правильними. Мені ще не доводилося бачити офіс (крім студії графічного дизайну), де будь-які два монітори відображали однакові кольори. Домашні комп’ютери принаймні так само погані.

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

НЕ вкладайте кольоровий профіль у зображення для веб-сайтів. Вони додають розмір зображенню, але не додають корисної інформації, тому все, що ви робите, це зробити ваші сторінки важчішими. Коли ви зберігаєте для Інтернету та пристроїв у Photoshop, зніміть прапорець "Вставити кольоровий профіль". В якості заходів безпеки поставте прапорець "Перетворити в sRGB" (якщо ви маєте справу з зображенням, яке знаходиться в іншому кольоровому просторі, і ви забудете його перетворити).

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

PNG-24 корисний для зображень із прозорістю. Якщо немає прозорості, jpeg зазвичай дає менший файл для однакової якості зображення, а також для простих зображень з невеликою кількістю кольорів, особливо, якщо вони мають жорсткі краї (логотипи є класичним прикладом) .gif найчастіше найкращий вибір.

Ну, велика проблема полягає в тому, що ви збираєтеся витрачати багато часу і турботи на калібрування та вибір кольорів (добре для вас!), І вони, швидше за все, будуть розглянуті людьми, які навіть не можуть працювати Кнопки "Яскравість" на моніторі. У всіх моїх (недизайнерських) колег є два екрани, і жоден з них навіть не відповідає один одному. Тож, якщо ви запитуєте: "Чи є такий червоний колір, про який запитував мій клієнт, завжди виглядати правильно на основі кропіткої калібрування, яку я виконував?" відповідь сумно буде:

Ні.

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

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

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

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

1. управління кольором ivan
2. Поради щодо керування кольором у Photoshop для Інтернету
3. Керування кольором для відповідності кольорів на кількох пристроях
4. ці налаштування ніхто не повинен використовувати для фотошопу

Сподіваюсь, щоб це не мало допомогти .......

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

Взагалі кажучи, ДУМО має сенс підтримувати робочий процес, керований кольором, на своєму кінці, щоб ви могли принаймні мати гарну вихідну точку - якщо ви проектуєте поза робочим процесом, керованим кольором, а ваш комбінований монітор / програмне забезпечення є способом на обід (ненавмисні кольорові ролі, проблеми з гамою та гамою тощо) ви збільшуєте ризик того, що інше некаліброване кінцеве споживаче обладнання вийде з-під удару еквівалентною кількістю у зворотному напрямку, і з'явиться щось, що вдвічі більше погано відображається, ніж якби це було розроблено в першу чергу в робочому процесі, керованому кольором, виходячи з упереджених кольорових рішень, які ви прийняли.

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