намаляване

Тук съм отново в dZoom, но днес няма да ви говоря за осветлението.

Наскоро актуализирах някои от работните си инструменти, компютъра и телефона си, а с новите си устройства и техните екрани с много по-висока разделителна способност осъзнах огромна грешка, която извършвах, процесът ми за намаляване на мрежата.

Често срещан проблем е, че когато намаляваме снимките си в мрежата, губим много качество, но това може да бъде избегнато.

Тъй като изображението струва хиляда думи, ще ви покажа пример за това как една от снимките ми е изглеждала на новия ми компютър преди и след промяната, която обяснявам в тази статия

Проследете развитието на екраните

Нека си признаем, въпреки че мнозина все още могат да работят с 1024x768 пикселни екрани, това вече не е норма.

Според тази интересна статия можем да видим, че докато през 2007 г. само 26% от устройствата са имали резолюция по-голяма от 1024x768, днес тя е повече от 99%.

Така че снимките с 1024px са просто нещо в миналото. Ако екранът ви няма по-голяма разделителна способност от тази, екраните на 90% от хората, които виждат вашите снимки, го правят и кой е по-важен от вашата аудитория?

Проблемът с теглото

В миналото интернет връзките бяха доста бавни и качествените снимки можеха да забавят скоростта на сърфиране на потребителите. В днешно време връзките са се подобрили много и имаме много високи скорости на трансфер дори на мобилни телефони.

Теглото вече не е толкова важно, но все пак трябва да го вземем предвид.

Адаптирайте се към околната среда

Не винаги е възможно да работим с идеалната разделителна способност, тъй като някои медии ни ограничават и трябва да сме наясно с изискванията къде ще публикуваме нашите снимки и да ги адаптираме към тази публикация.

В днешно време всяко място, където качваме снимки, може да има различни изисквания, все едно да отпечатваме нашите снимки за два различни кадъра, единия 10x50 и другия 30x45, логично ще направим 2 снимки, по една за всеки размер, но в цифров обикновено не го прави.

Тогава е логично да правим снимки с различни размери в зависимост от това къде ще бъдат публикувани и особено как ще бъдат показани.

Класическата грешка е да се задоволите с уеб размер, който може да се използва за flickr, facebook, форуми и т.н., но не всички показват снимките еднакво, така че те трябва да бъдат адаптирани към всяка публикация.

Моят процес на намаляване

Очевидно този процес не е измислен от мен, по този начин го правя и е резултат от тестове, показания и съвети от други професионалисти. Използвам този формат за уеб страницата си за моя facebook, тези медии адаптират размера на своите снимки въз основа на екрана на зрителя.

В моя блог продължавам да използвам по-малки снимки, тъй като шаблонът не ги показва по-големи, така че дори с екран на ретината няма да видя снимката по-голяма от 900px.

Методът

Първото нещо е да отворим образа си и след като обработката, която искаме да свършим, приключи, обединете всички видими слоеве.

С плосък образ трябва

сменете режима на 8 бита

Променен режим, ние се уверяваме, че цветният профил ще бъде този, използван от почти всички браузъри,

Следва намаляване на размера, в моя случай ги намалявам до 2048px тъй като е над FULL HD и това ми гарантира, че никой монитор (не ретина) няма да пикселизира изображението на цял екран. Важно е в тази стъпка да отбележим опцията за двукубична мека за разширения.

Намаляваме да, но няма да позволим на Photoshop да прави това, което иска, когато префокусира снимката и този вид обработка е най-малко разрушителна.

Поправка: Павел ни казва следното. Оставянето (дори за миг) на изображението само 8 бита дълбочина на канал в разширено пространство като RGB опасно увеличава пролуките между ограничените цветови градиенти на изображението на тази дълбочина на бита, като по този начин рискува да зареди меки градиенти., Така че първо намалете това пространство ( Adobe RGB-sRGB преобразуване) и след това намалете броя на наличните нива, като намалите дълбочината на битовете.

Сега имаме нужда фокусирайте изображението: Ние правим нов слой и прилагаме нерезка маска към него, в моя случай към EYE, за този размер (не забравяйте, че маската с неостър рязък се променя според пикселите на изображението) Използвам 100% количество, между 0'7 и Радиус 1'2 и праг между 0 и 5. Всяко изображение е различно.

Тук имате пример за разликата от една маска до друга, ако погледнете радиус от 1,5, на линията на бузите се появяват ореоли.


Фокусираме се върху нов слой тъй като по този начин можем да приложим селективен фокус в някои области, а не в други, с маска върху фокусирания слой.

Сега сме готови да запазим снимката, използваме менюто save for web и избираме JPG с намаление до 70%. От моите тестове тази комбинация от 2048px и 70% дава размер около 500kb, което изглежда приемливо за съвременните устройства, наистина, ако трябваше да избера, щях да понижа качеството още повече, преди да намаля резолюцията.


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

Оставям ви още един пример за изрязване на това как една снимка изглежда 100% на екрана на ретината, тази вляво е снимка с 1024px с тегло 211kb и тази вдясно на 2048 и 366kb с процеса, който имаме извършено.

Тук имате цялата снимка. А ти? Смятате ли, че процесът си заслужава? Имате ли някакви алтернативни техники?