Практичний приклад
Спочатку зменште фото шириною 4000 px до його реального розміру 1200 px, а потім порівняйте WebP і JPEG навколо тексту та різких країв.
Стискання зображень
Перетягніть зображення сюди або клікніть, щоб обрати файл
Стискання виконується у вашому браузері через canvas — зображення не покидає пристрій.
Про інструмент стискання зображень
Цей інструмент стискає та зменшує зображення повністю у вашому браузері через canvas API. Оберіть вихідний формат (JPEG, WebP чи PNG), налаштуйте повзунок якості, за потреби обмежте ширину — і завантажте результат.
Оскільки все працює локально, ваші фото ніколи не торкаються сервера — немає завантаження, черги чи компромісів приватності. Після завантаження сторінки працює навіть офлайн.
Як стиснути зображення
- Перетягніть зображення в зону завантаження або клікніть, щоб обрати файл.
- Оберіть вихідний формат — WebP зазвичай дає найменші файли.
- Налаштуйте якість і за потреби задайте максимальну ширину для зменшення.
- Порівняйте розміри до/після та завантажте стиснуте зображення.
Поради
- Зменшення розмірів зазвичай економить більше за зниження якості — не вантажте зображення 4000px у малі макети.
- Якість 75-85 — золота середина для фото; нижче 60 артефакти з'являються швидко.
- PNG використовуйте лише для графіки з чіткими краями чи прозорістю — фото в PNG величезні.
- Зберігайте оригінальний файл: втратне стискання не можна скасувати.
Що перевірити перед публікацією зображень
Менші файли пришвидшують сторінки, але вибір формату, розміри та видимі артефакти заслуговують на швидку перевірку.
Спочатку зменшуйте розміри
Не вантажте зображення 4000px у слот на 400px. Зменшення розмірів економить більше за будь-який повзунок якості.
Обирайте правильний формат
WebP зазвичай кращий за JPEG за тієї ж якості; PNG — для графіки з чіткими краями чи прозорістю.
Перевіряйте артефакти на 100%
Агресивна якість дає смуги та блоки навколо тексту й градієнтів. Наблизьте перед публікацією.
Зберігайте оригінал
Втратне стискання незворотне. Тримайте вихідний файл, щоб пізніше переекспортувати з іншими налаштуваннями.
Практичний приклад, крайовий випадок і примітка автора
Крайовий випадок
Видалення метаданих може стерти орієнтацію, колірний профіль, авторські права або службову інформацію, а не лише геолокацію.
Примітка автора
Я оцінюю зображення в цільовому розмірі: менший файл не є перемогою, якщо текст розмитий або кольори змінилися.
Пов’язані інструменти
Можливо, тобі також стануть у пригоді ці інструменти.
Зображення в Base64
Конвертуйте зображення в Base64 data URI локально в браузері, зі сніпетами CSS та HTML.
Кодування та безпека
›
Генератор QR-кодів
Створення QR-кодів з тексту або URL із завантаженням SVG чи PNG.
Генератори та валідатори
›
Перевірка контрасту кольорів
Перевіряйте коефіцієнти контрасту WCAG між кольорами тексту й тла з живим прев'ю.
Інші інструменти
›
CSS генератор фонових патернів
Створюйте CSS-фони з крапками, сіткою, смугами, діагональними лініями та шаховим патерном.
Інші інструменти
›
FAQ про стискання зображень
Чи завантажуються мої зображення кудись?
Ні. Стискання відбувається у вашому браузері через canvas API. Файл не покидає пристрій.
Який вихідний формат обрати?
WebP зазвичай дає найкраще співвідношення розміру та якості. JPEG — для максимальної сумісності, PNG — для прозорості чи графіки з чіткими краями.
Чому мій PNG став більшим після стискання?
Canvas перекодовує PNG без втрат і може як виграти, так і програти оригінальному оптимізатору. Для фото перемкніться на WebP чи JPEG.
Чи зберігається прозорість після стискання?
У WebP та PNG — так. JPEG не має альфа-каналу, тож прозорі ділянки заливаються білим.