cheat sheet
Повний довідник розмірів файлів зображень
Яким має бути розмір зображення? Практичні орієнтири в КБ/МБ для кожного випадку використання.
«Яким має бути розмір цього зображення?» — найпоширеніше питання у веб-продуктивності. Чесно кажучи, це залежить від випадку використання. Ось практичний довідник.
Героїчні / надзгинаючі зображення
| Тип | Цільовий розмір | Формат |
|---|---|---|
| Повноширинне героїчне (десктоп) | 150-300 КБ | WebP / AVIF |
| Мобільне героїчне | 80-150 КБ | WebP |
| Ліниво завантажуване під згином | до 500 КБ | WebP / JPG |
Мініатюри / зображення списків
| Тип | Цільовий розмір | Формат |
|---|---|---|
| Мініатюра сітки товарів (300×300) | 15-40 КБ | WebP / JPG |
| Прев’ю статті (640×360) | 30-80 КБ | WebP |
| Аватар (96×96) | 5-15 КБ | WebP / PNG |
Завантаження в соцмережі
Більшість платформ агресивно перестискають, тому надмірна оптимізація з вашого боку марна. Намагайтеся досягти «високої якості», а не «найменшого можливого»:
| Платформа | Рекомендований розмір завантаження |
|---|---|
| 1,5-3 МБ (вони перестискають до ~150 КБ) | |
| Twitter / X | до 5 МБ; більше = примусове перестискання |
| до 1 МБ для дописів | |
| до 5 МБ; PNG для логотипів, JPG для фото |
Шпалери (при локальному зберіганні)
Пам'ять телефону велика — якість важливіша за розмір:
| Роздільна здатність | Розумний розмір JPG |
|---|---|
| HD (1280×720) | 200-400 КБ |
| Full HD (1920×1080) | 400-800 КБ |
| 4K (3840×2160) | 1,5-3 МБ |
| 5K (5120×2880) | 3-6 МБ |
| 8K (7680×4320) | 6-12 МБ |
Підписи електронної пошти та вбудована графіка
| Випадок використання | Цільовий розмір |
|---|---|
| Зображення підпису електронної пошти | до 50 КБ |
| Вбудоване зображення PDF | до 200 КБ |
| Зображення для презентації | до 500 КБ |
Інструменти для досягнення цілі
- Стискач JPG — повзунок, бачите КБ у реальному часі під час налаштування якості.
- Конвертер WebP — зазвичай на 30-50% менший розмір за тієї ж якості.
- Змінювач розміру — менші розміри = менший файл. Спочатку зменшіть розмір, потім стисніть.
- Пакетний режим — застосуйте цільові налаштування до цілої папки.
Спробуйте наші безкоштовні інструменти
- Зміна розміру зображення — піксельне точне зменшення + збільшення.
- Конвертувати в WebP — файли на 30-50% менші, ніж JPG.
- Видалення фону — вирізання одним кліком.
- Зміна розміру для соцмереж — точні розміри для кожної платформи.
- Пакетна обробка — застосуйте будь-який інструмент до 200 зображень одночасно.
Перегляньте повний каталог інструментів або інші наші посібники.
