Ваш PNG великий, оскільки формат використовує стиснення без втрат, яке точно зберігає кожен піксель. Це ідеально підходить для логотипів і скріншотів, але катастрофічно для фотографій, де мільйони тонко різних кольорів не дають компресору майже нічого видалити. Результатом є фотографійний PNG, у багато разів більший, ніж таке ж зображення, як JPG. Формат не порушений; він виконує саме ту роботу, для якої був розроблений, що, як виявилося, не підходить для фотографії. У цьому посібнику пояснюється кожна причина появи виносок у форматі PNG, від стиснення до роздільної здатності та прихованих метаданих, і пропонується найшвидше вирішення кожної ситуації.

Основна причина: стиснення без втрат

Стиснення PNG працює як ZIP-файл, використовуючи алгоритм під назвою DEFLATE, який пакує дані, не викидаючи їх, тож зображення перебудовує піксель за пікселем. Таке стиснення працює шляхом пошуку повторюваність і передбачуваність. Плоска графіка з кількома кольорами надзвичайно повторюється: тисячі однакових білих пікселів поспіль стискаються майже до нуля.

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

Розв'язка: множник ніхто не помічає

Розмір файлу залежить від кількості пікселів, а кількість пікселів залежить від квадрата розмірів. Подвоїти ширину та висоту, і ви отримаєте у чотири рази більше пікселів. Фотографія шириною 6000 пікселів містить у чотири рази більше даних, ніж той самий знімок із роздільною здатністю 3000 і в шістнадцять разів — версія з роздільною здатністю 1500 пікселів.

Це важливо, оскільки сучасні пристрої за замовчуванням створюють величезні зображення. Недавній телефон знімає 12 мегапікселів або більше, а скріншот 4K має понад 8 мільйонів пікселів. Якщо це зображення буде відображатися на веб-сторінці з шириною 800 пікселів, ви зберігаєте приблизно в п’ятдесят разів більше даних, ніж хтось коли-небудь побачить. Роздільна здатність є єдиною найбільш забутою причиною роздутого PNG, і зміна розміру нічого не коштує у видимій якості, якщо зображення було занадто великим.

Глибина кольору: PNG-24 проти PNG-8

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

Збереження двоколірного логотипу у форматі PNG-24 означає, що кожен піксель містить 16 мільйонів кольорів, які він ніколи не використовуватиме. Перетворення його на PNG-8 може скоротити файл більш ніж наполовину без жодних видимих змін, оскільки зображення завжди містило лише декілька кольорів. Обидва варіанти підтримують прозорість, тому ви нічого не втратите. Багато редакторів за замовчуванням використовують PNG-24, тому так багато простої графіки надмірно важкі.

Метадані та прихована вага

Файли PNG містять більше пікселів. Колірні профілі, історія редагування, теги програмного забезпечення, часові мітки та фрагменти тексту – все це непомітно пливе. На невеликій графіці ці накладні витрати можуть становити напрочуд велику частку файлу. Оптимізатор без втрат видаляє цей матеріал і заповнює стиснення, як правило, заощаджуючи Від 10 до 30 відсотків із нульовою зміною на один піксель. Це найбезпечніша можлива оптимізація, оскільки зображення згодом є бітово-ідентичним.

Скріншоти: найгірший випадок

Скріншоти заслуговують окремої згадки, оскільки вони поєднують усі проблеми одночасно. Операційні системи зберігають їх як PNG за замовчуванням, і ви не можете змінити це в iOS або в більшості інструментів захоплення Windows. Повноекранне захоплення має високу роздільну здатність, і якщо воно містить фотографію, відеокадр або інтерфейс з інтенсивним градієнтом, це фотографічний вміст, зафіксований у форматі без втрат. Саме з цим сценарієм PNG справляється найгірше, тому може виконуватися один знімок екрана Від 3 МБ до 8 МБ. Папка з ними швидко досягає гігабайтів, і конвертація їх у JPG зазвичай повертає 80 відсотків або більше.

Найшвидше рішення: конвертувати у JPG

Для будь-якого фотографічного PNG конвертація у JPG є найбільшим доступним заощадженням і займає один крок. Залиште файл у наш конвертер, зберігає якість близько 90, а багатомегабайтний PNG стає кількома сотнями кілобайтів без видимих втрат. Об’єднайте цілу папку одночасно за допомогою «Завантажити все». Це правильний крок, коли зображення не має прозорості та спрямовується в Інтернет, електронну пошту чи форму для завантаження. Точні параметри якості див посібник з якості.

Коли ви повинні зберегти прозорість

Якщо для зображення потрібен прозорий фон, JPG недоступний, але у вас є три хороші варіанти. WebP працює на 25-35 відсотків менше, ніж PNG зберігаючи альфа-канал, і кожен сучасний браузер підтримує його. Зменшення плоскої графіки з PNG-24 до PNG-8 різко зменшує її без видимих змін. І зміна розміру до реальних розмірів дисплея допомагає незалежно від формату. Наш конвертер безпосередньо експортує WebP, а файл Посібник PNG проти WebP охоплює компроміси.

Діагностичний контрольний список

Опрацюйте їх по порядку, і ви знайдете причину:

Це фото чи знімок екрана? Перетворити в JPG. Тільки це вирішує більшість випадків.
Розміри набагато більші за розмір дисплея? Спочатку змініть розмір, перш ніж змінити формат.
Це плоска графіка, збережена як PNG-24? Повторно збережіть як PNG-8, щоб вирізати палітру.
Чи потрібна прозорість? Використовуйте WebP, а не PNG.
Все ще трохи завеликий? Запустіть оптимізатор без втрат, щоб видалити метадані.

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

Чому оптимізатори не можуть зберегти фотографічний PNG

Розумним інстинктом під час пошуку PNG-файлу розміром 6 МБ є запустити його через оптимізатор PNG і очікувати великого виграшу. Воно не прийде, і причину варто зрозуміти. Оптимізатори працюють без втрат: вони видаляють метадані, вибирають розумніші фільтри та ефективніше перепаковують потік DEFLATE. Кожен із цих здобутків походить від видалення надмірностей, а не деталей. Фотографія майже не має надлишків, які потрібно видалити, оскільки всі її пікселі дещо відрізняються. Тож оптимізатор наполегливо працює та повертає 10 або 15 відсотків, залишаючи вам файл розміром 5 МБ, який все ще безнадійний для електронної пошти.

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

Прозора пастка

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

Якщо прозорість справді не використовується, перетворення на JPG із білою заливкою дає такий самий видимий результат із незначною вагою. Якщо він використовується, WebP зберігає альфа-канал, але все ще скорочує 25-35 відсотків. У будь-якому випадку перевірте, а не припускайте; прозорість часто є залишком старого робочого процесу, а не актуальною вимогою.

Вибір правильного розміру мішені

Знати, що PNG занадто великий, це лише половина проблеми; знати, до чого прагнути, - друга половина. Як приблизне керівництво, a зображення веб-героя на всю ширину має становити менше 200 КБ, фотографія в статті — менше 100 КБ, мініатюра — менше 30 КБ, а вкладення електронної пошти — менше кількох мегабайт. У формах завантаження вказується власне обмеження, зазвичай 100 КБ або 200 КБ, і це число не обговорюється.

Ці цілі досяжні майже для будь-якої фотографії, якщо вона є JPG із розумною роздільною здатністю. Якщо у вас є певна обмеження, Режим цільового розміру в нашому конвертер потрапляє на нього автоматично, шукаючи рівні якості для найчіткішої версії, яка підходить, що повністю усуває припущення. The Посібник 100KB проходить через найбільш запитуваний ліміт.

Запобігання великим PNG у першу чергу

Виправляти роздуті файли по одному повільніше, ніж не створювати їх. Кілька звичок зупиняють проблему біля джерела. Увімкнено Windows 11, інструмент Snipping Tool дозволяє вибрати JPG у діалоговому вікні збереження, тож знімок екрана, прив’язаний до форми завантаження, взагалі ніколи не стане PNG. Увімкнено Mac, формат знімка екрана можна змінити за допомогою команди терміналу, якщо ви часто знімаєте.

Експортуючи з інструментів дизайну, поставте два запитання перед збереженням: чи потрібна прозорість і який розмір відображатиметься? Якщо відповідь на перше питання ні, експортуйте JPG. Якщо відповідь на друге питання має ширину 800 пікселів, експортуйте 800, а не 4000. Обидва рішення займають секунду під час експорту та зберігають вам всю вправу з перетворенням пізніше. Загальний принцип полягає в тому, що PNG має бути a свідомий вибір графіки та прозорості, а не за умовчанням, до якого ви тягнетеся за звичкою.

Якого насправді має бути розмір PNG

Швидка перевірка правильності скаже вам, чи файл справді роздутий, чи просто чесний щодо його вмісту. А плоский логотип або значок при розумному розмірі має бути менше 50 КБ, а часто менше 10 КБ, як PNG-8; все, що більше, означає, що його було збережено як PNG-24 або із завищеною роздільною здатністю. А скріншот інтерфейсу з однорідними кольорами та розумним стисненням тексту, часто займаючи від 200 КБ до 800 КБ, що добре для PNG.

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

Часті запитання

Чому мій файл PNG такий великий?

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

Як зробити PNG меншим?

Перетворіть його на JPG для фотографій, це найбільша економія. Фотографічний PNG падає на 60-90 відсотків як JPG. Для графіки використовуйте WebP, PNG-8 або змініть розмір.

Чи PNG більший за JPG?

Для фотографій набагато більший. Та сама фотографія приблизно в десять разів більша за PNG, оскільки PNG зберігає кожен піксель, тоді як JPG відкидає непомітні деталі.

Чи впливає роздільна здатність на розмір PNG?

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

Яка різниця між PNG-8 і PNG-24?

PNG-8 містить 256 кольорів; PNG-24 містить мільйони. Плоский логотип, збережений як PNG-24, витрачає простір, а перехід до PNG-8 може зменшити його вдвічі без видимих змін.

Чому мої знімки екрана такі великі у форматі PNG?

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

Чи можу я зменшити PNG без втрати прозорості?

так Використовуйте WebP або скоротіть до PNG-8, обидва з яких зберігають альфа-канал, на відміну від перетворення у JPG, яке зводить прозорість до суцільного кольору.

Чи справді допомагають оптимізатори PNG?

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

Чому оптимізатор PNG не сильно зменшує моє фото?

Тому що оптимізатори усувають надмірність, а не деталі, а фотографій майже не залишилося. Посилення від 10 до 15 відсотків сигналізує про неправильний формат; натомість конвертувати у JPG.

Чи справді моє зображення потребує прозорості?

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

До якого розміру файлу я повинен прагнути?

Приблизно: менше 200 КБ для головного зображення, 100 КБ у статті, 30 КБ для мініатюри. У формах завантаження вказується власне обмеження, зазвичай 100 або 200 КБ.

Як припинити створення величезних PNG?

Вибирайте формат обдумано. Інструмент створення фрагментів у Windows 11 може безпосередньо зберігати JPG, а під час експорту з інструментів дизайну вибирайте JPG, якщо вам справді не потрібна прозорість у тому розмірі, який він фактично відображатиме.

Якого розміру має бути звичайний PNG?

А плоский логотип менше 50 КБ, знімок екрана інтерфейсу від 200 КБ до 800 КБ. Фотографія не має прийнятного розміру PNG, оскільки зберігання фотоданих без втрат завжди займає мегабайти.