CodeKitHubНавіщо його використовувати?
- 100% локально: зображення ніколи не залишають ваш пристрій — безпечно для приватних фото та ще не опублікованих дизайнів.
- Без обмежень: без максимального розміру файлу, без денної квоти, без водяних знаків, без реєстрації.
- Пакетний режим — перетягніть багато зображень одночасно, кожне отримає власне завантаження.
- Повзунок якості + зміна розміру за максимальною шириною + вивід у JPG/WebP — три налаштування, що дійсно мають значення.
- Показує точну економію для кожного зображення, щоб ви могли оцінити компроміс.
Часті запитання
Чи погіршить стиснення вигляд моїх зображень?
При якості 70–85% різниця практично непомітна для фото, які переглядають на екрані. Помітні артефакти з'являються нижче ~50%. Знімки екрана з великою кількістю тексту — виняток: вони показують артефакти раніше в JPG; для них спробуйте вивід у WebP чи тримайте якість вище 85%.
Чи є обмеження на розмір файлу чи кількість?
Ні. Оскільки стиснення відбувається на вашому пристрої, а не на сервері, обмежувати нічого — стискайте зображення на 50 МБ чи 100 зображень пакетом. Дуже великі зображення просто займуть трохи більше часу.
Чи завантажуються мої зображення кудись?
Ні. Файли зчитуються й перекодовуються повністю вашим браузером за допомогою API canvas HTML5. Ви можете завантажити цю сторінку, вимкнути інтернет і продовжувати стискати.
Що обрати для виводу — JPG чи WebP?
WebP зазвичай на 25–35% менший при тій самій візуальній якості й працює в усіх сучасних браузерах — найкраще для сайтів. JPG відкривається всюди, включно зі старим програмним забезпеченням і принтерами — найкраще для поширення й листування. Якщо сумніваєтеся, оберіть JPG.
Чому мій PNG став настільки меншим?
PNG — формат без втрат, що дорого коштує для фото — фотографічний PNG часто у 5–10 разів більший за візуально ідентичний JPG. Конвертація фото-PNG у JPG/WebP дає найбільшу економію з усіх. Залишайте PNG лише для графіки, якій потрібна прозорість чи бездоганно чіткі краї.
Чому іноді результат більший за оригінал?
Якщо зображення вже було сильно стиснене, повторне кодування не допоможе й може навіть додати байтів. Інструмент повідомляє про це — у такому разі просто залиште оригінал.
Що це за інструмент?
Компресор зображень зменшує розмір файлу, перекодовуючи зображення з ефективнішими (з втратами) налаштуваннями. Фото з камери телефону часто важить 3–8 МБ; для сайту, повідомлення в чаті чи листа 200–500 КБ зазвичай виглядає ідентично на екрані. Менші зображення швидше завантажуються, швидше відображаються й економлять пам'ять і трафік.
Цей інструмент перекодовує зображення за допомогою власного кодека браузера з обраною вами якістю, опційно масштабуючи дуже великі зображення до розумної максимальної ширини — два важелі, що найбільше впливають на розмір файлу. Сила стиснення проти видимої якості завжди є компромісом; живі розміри до/після дозволяють знайти оптимальний баланс для кожного зображення.
Порівняння форматів: JPG проти WebP проти PNG за розміром
Те саме фото, та сама візуальна якість, три дуже різні розміри: PNG — важковаговик (без втрат — часто у 5–10 разів більший за JPG для фото), JPG — універсальна золота середина, WebP зазвичай на 25–35% менший за JPG. Тож ієрархія стиснення фото така: спочатку відмовтеся від PNG, потім оберіть JPG для сумісності чи WebP для мінімального розміру.
Для графіки таблиця перевертається: для знімків екрана, логотипів і UI-зображень з плоскими кольорами PNG з квантованою палітрою зазвичай перевершує JPG і за розміром, і за чіткістю — фотографічне стиснення JPG розмиває чіткі краї. Для цього випадку нижче є окремий інструмент.
| Тип вмісту | Найкращий формат | Чому |
|---|---|---|
| Фото для вебу/пошти/чату | WebP (або JPG для сумісності) | Стиснення з втратами підходить для фотографічної деталізації; WebP на 25–35% менший за JPG при однаковій якості. |
| Знімки екрана, логотипи, UI з плоскими кольорами | PNG | Без втрат — фотографічне стиснення JPG розмиває чіткий текст і рівні краї. |
| Зображення з потребою в прозорості | PNG або WebP | У JPG немає альфа-каналу; PNG і WebP обидва підтримують прозорий фон. |
| Максимальна сумісність (старе програмне забезпечення, принтери) | JPG | Універсально підтримується з 1990-х; підтримка WebP новіша, хоча зараз майже повсюдна в браузерах. |
Примітки щодо продуктивності
- Змінюйте розмір перед посиленням стиснення: зменшення розмірів з 4000px до 1920px прибирає ~77% пікселів — жоден повзунок якості з цим не зрівняється.
- Пакетна обробка виконується послідовно на вашому процесорі; сотня фото з телефону займає кілька хвилин на ноутбуці. Нічого не стоїть у черзі на сервері, тож це зазвичай усе одно швидше за сайти з завантаженням на сервер — і працює офлайн.
- Число −% — ваш зворотний зв'язок: якщо воно однозначне, зображення вже було оптимізоване, і подальше зниження якості зашкодить вигляду раніше, ніж допоможе розміру.
- Для публікації в вебі орієнтуйтеся на ≤200 КБ для звичайних зображень контенту й ≤500 КБ для повноширинних головних зображень; ці бюджети підтримують комфортні показники Core Web Vitals на мобільних з'єднаннях.
З нашого власного тестування
Перед випуском цього інструменту ми запустили його на згенерованих тестових зображеннях і перевірили результат попіксельно, а не лише на око. Багатоколірний PNG розміром 3000×2000 зменшився зі 140 КБ до 94 КБ (−33%) при якості 75% з обмеженням у 1920px — і оскільки тестове зображення було синтетичним, ми змогли перевірити, що жоден піксель не відхилився більше за очікуваний допуск кодека JPG. Ми також підтвердили, що попередження про вже оптимізований файл спрацьовує коректно замість тихого створення більшого файлу: подайте йому щільно стиснений JPG, і він скаже залишити оригінал, а не вдавати, ніби допоміг.
Як користуватися
- Перетягніть зображення в поле (або натисніть, щоб обрати) — підтримуються JPG, PNG і WebP.
- Встановіть якість: 75% — гарний баланс; знизьте до 60% для максимальної економії.
- Оберіть максимальну ширину — 1920px цілком достатньо для повноекранного використання в вебі.
- Оберіть вивід у JPG (універсальний) або WebP (менший, усі сучасні браузери).
- Натисніть "Завантажити" біля кожного результату. Розмір і відсоток економії показуються для кожного файлу.
Приклад
- Введення
phone-photo.jpg — 4,20 МБ, 4032×3024- Результат
phone-photo-compressed.jpg — 0,48 МБ (−89%), 1920×1440
Зміна розміру до 1920px і перекодування з якістю 75%: візуально ідентично на будь-якому екрані, у 9 разів менше.