!\[Как сжать фото без потери качества — уменьшить размер онлайн\](https://usetoolz.ru/article-covers/images/szhatie-izobrazhenij-onlajn.webp)

Изображения

# Как сжать фото без потери качества — уменьшить размер онлайн

!\[Александр Михеев\](https://api.dicebear.com/7.x/initials/svg?seed=AM&backgroundColor=3b82f6&textColor=ffffff&fontSize=42)

Александр Михеев

15 февраля 2025 · 2 мин. чтения

Фото и изображения занимают до 50% объёма типичной веб-страницы. Сжать фото без потери качества — один из самых эффективных способов ускорить загрузку сайта, улучшить Core Web Vitals и уменьшить размер страницы.

## Форматы: в каком лучше сжимать фото

- **JPEG** — сжатие с потерями. Идеален для фотографий. Поддерживает настройку качества от 1 до 100%. При качестве 80% разница с оригиналом практически незаметна, а размер файла уменьшается в 5–10 раз.
- **PNG** — сжатие без потерь. Подходит для графики с прозрачностью, скриншотов, иконок. Файлы больше, чем JPEG, но без артефактов сжатия.
- **WebP** — современный формат от Google. Поддерживает сжатие с потерями и без, а также прозрачность. Файлы на 25–35% меньше, чем JPEG при том же качестве.

## Как сжать фото: оптимальное качество

Для большинства фото на сайте оптимальное качество — 75–85%. При этом визуальная разница с оригиналом минимальна, а экономия в размере файла — значительная. Для баннеров и hero-изображений можно увеличить до 90%. Для миниатюр и превью достаточно 60–70%.

## Как уменьшить размер фото

Уменьшить размер фото можно двумя способами: сжатие (уменьшение веса файла при сохранении размеров) и ресайз (уменьшение разрешения). Для веба рекомендуется комбинировать оба подхода: сначала \[изменить размер фото\](https://usetoolz.ru/image/resize) под нужное разрешение, затем сжать в оптимальном формате.

## Заключение

\[Сжать фото онлайн\](https://usetoolz.ru/image/compress) можно прямо в браузере — бесплатно и без регистрации. Конвертируйте между форматами в \[конвертере (JPG в PNG, WebP в JPG)\](https://usetoolz.ru/image/convert) или добавьте защиту с помощью \[водяного знака на фото\](https://usetoolz.ru/image/watermark).

Понравилась статья?

Оцените — это помогает нам делать контент лучше

## Комментарии

Войдите, чтобы оставить комментарий

## Читайте также

!\[Конвертация изображений в Base64: когда это нужно\](https://usetoolz.ru/article-covers/thumbnails/izobrazhenie-v-base64-konvertaciya.webp) Изображения

### [Конвертация изображений в Base64: когда это нужно](https://usetoolz.ru/blog/izobrazhenie-v-base64-konvertaciya)

18.11.2024 · 4 мин. чтения

!\[Как изменить цвет на фото онлайн — замена цвета на изображении\](https://usetoolz.ru/article-covers/thumbnails/zamena-cveta-na-izobrazhenii.webp) Изображения

### [Как изменить цвет на фото онлайн — замена цвета на изображении](https://usetoolz.ru/blog/zamena-cveta-na-izobrazhenii)

11.11.2024 · 4 мин. чтения

!\[Удаление фона с фото онлайн: как это работает и где применяется\](https://usetoolz.ru/article-covers/thumbnails/udalenie-fona-s-foto-onlajn.webp) Изображения

### [Удаление фона с фото онлайн: как это работает и где применяется](https://usetoolz.ru/blog/udalenie-fona-s-foto-onlajn)

08.03.2026 · 3 мин. чтения