зберегти

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

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

Корінь усього цього: фотографія або графіка?

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

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

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

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

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

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

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

Точні формати зображень (GIF, PNG)

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

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

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

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

Формати сприйняття зображень (JPG)

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

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

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

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

Припустимо, я роблю документ у програмі Word, в якому я повинен додати товсті та барвисті літери, на яких написано "ПРИВІТИ СВІТ". Я переходжу до своєї улюбленої програми, я створюю просте зображення з літерами та білим тлом, оскільки я не дбаю про все, що можна у форматах, я зберігаю його як JPG та вставляю у Word. Розумна!

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

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

З іншого боку, те саме зображення, збережене як GIF, виглядає так:

І він важить лише 11 кБ!

Завершення

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

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