скорочуючи

Я знову тут у dZoom, але сьогодні я не буду говорити про освітлення.

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

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

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

Слідкуйте за розвитком екранів

Погодьмось, хоча багато хто все ще можуть працювати з екранами 1024x768 пікселів, це вже не є нормою.

Згідно з цією цікавою статтею, ми можемо бачити, що хоча у 2007 році лише 26% пристроїв мали роздільну здатність більше 1024x768, сьогодні це більше ніж 99%.

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

Проблема ваги

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

Вага вже не така важлива, але ми все одно повинні це враховувати.

Пристосуйтесь до навколишнього середовища

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

На сьогоднішній день кожне місце, куди ми завантажуємо фотографії, може мати різні вимоги, це як би ми мали надрукувати наші фотографії для двох різних кадрів, одного 10x50 та іншого 30x45, логічно, ми зробимо 2 фотографії, по одному для кожного розміру, але в цифровій ми зазвичай не роблять цього.

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

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

Мій процес скорочення

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

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

Метод

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

З плоским зображенням ми мусимо

змінити режим на 8 біт

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

Далі йде зменшення розміру, у моєму випадку я зменшую їх до 2048px оскільки він вище FULL HD, і це гарантує мені, що жоден монітор (не сітківка ока) не буде пікселювати зображення на весь екран. Важливо, щоб на цьому кроці ми позначили варіант двокубний м’який для розширень.

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

Виправлення: Павло говорить нам наступне. Залишаючи (навіть на мить) зображення глибиною лише 8 біт на канал у розширеному просторі, наприклад RGB, небезпечно збільшує проміжки між обмеженими кольоровими градієнтами зображення на цій бітовій глибині, тим самим ризикуючи завантажити м'які градієнти., Тому спочатку зменште цей простір ( Перетворення Adobe RGB-sRGB), а потім зменшіть кількість доступних рівнів, зменшивши бітову глибину.

Тепер нам потрібно сфокусуйте зображення: Ми робимо новий шар і наносимо на нього нерізку маску, в моєму випадку на ОЧЕ, для цього розміру (пам’ятайте, що маска нерізкої зміни змінюється відповідно до пікселів зображення) я використовую 100% кількість, від 0'7 до Радіус 1'2 і поріг від 0 до 5. Кожне зображення різне.

Ось вам приклад різниці від однієї маски до іншої, якщо подивитися радіус 1,5, на лінії щоки з’являються ореоли.


Ми робимо акцент на новому шарі оскільки таким чином ми можемо застосувати вибіркове фокусування в одних областях, а не в інших, маскою на сфокусованому шарі.

Тепер ми готові зберегти фотографію, використовуємо меню збереження для Інтернету та вибираємо JPG зі зменшенням до 70%. З моїх тестів ця комбінація 2048 пікселів і 70% дає розмір близько 500 кб, що здається прийнятним для сучасних пристроїв. Більше того, якби мені довелося вибрати, я б знизив якість ще до зниження роздільної здатності.


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

Я залишаю вам ще один приклад обрізання того, як фотографія виглядає на 100% на екрані сітківки, зліва - це фотографія розміром 1024 пікселів вагою 211 кб, а справа - 2048 і 366 кб, із процесом, який ми маємо здійснюється.

Ось у вас ціла фотографія. І ти? Ви вважаєте, що процес того вартий? Чи є у вас якісь альтернативні методи?