Графика для веб-страниц
Ошибки с форматом делают страницы тяжелыми и размытыми. Спецификации можно изучить на MDN Web Docs. Раздел Конвертировать поможет изменить формат, а Сжать изображение оптимизирует его вес.
Выбор подходящего расширения
- Для многоцветных фотографий без прозрачности используйте JPEG.
- Для снимков экрана, кнопок и логотипов с прозрачным фоном используйте PNG.
- Для современных сайтов выбирайте формат WebP для лучшей оптимизации.
Сравнительная таблица форматов
| Формат | Тип сжатия | Прозрачность | Основное применение |
|---|---|---|---|
| JPEG | С потерями | Нет | Фотографии |
| PNG | Без потерь | Да | Скриншоты / Иконки |
| WebP | С потерями / Без потерь | Да | Веб-ресурсы |