Изменение размера и сжатие
Изображение обрабатывается на вашем устройстве. Ничего не загружается.
Измените размер изображения в точных пикселях или процентах, а затем сожмите его. Размеры оригинала и результата показаны рядом, чтобы было видно, сколько вы сэкономили.
Почему размер файла падает быстрее, чем ожидаешь
Объём данных изображения зависит от площади, а не от ширины. Уменьшение обеих сторон вдвое оставляет четверть пикселей: фото 4000 × 3000, приведённое к 2000 × 1500, теряет 12 миллионов пикселей в пользу 3 миллионов ещё до всякого сжатия.
Поэтому для веба изменение размера выгоднее сжатия. Снижение качества JPEG с 85 до 60 может дать 40 процентов экономии и заметные артефакты. Уменьшение размеров вдвое даёт 75 процентов и, если изображение было избыточным для своего места, выглядит идентично.
Типичные целевые размеры
| Назначение | Длинная сторона | Примечание |
|---|---|---|
| Миниатюра | 400 px | Превью в сетках и списках |
| Иллюстрация в статье | 1200 px | Покрывает большинство макетов |
| Полноширинный баннер | 2400 px | Retina при 1200 CSS px |
| Вложение в письмо | 1600 px | Читаемо, укладывается в лимиты |
Частые вопросы
Чем изменение размера отличается от сжатия?
Изменение размера меняет число пикселей — фото шириной 4000 пикселей становится шириной 1200, и отброшенные пиксели исчезают навсегда. Сжатие сохраняет размеры и уменьшает точность хранения каждого пикселя. Изменение размера обычно экономит гораздо больше, потому что размер файла зависит от площади: уменьшение обеих сторон вдвое убирает около трёх четвертей данных.
Какого размера должны быть изображения для сайта?
Под размер отображения, затем вдвое больше для экранов высокой плотности. Полноширинному баннеру в 1200 CSS-пикселей нужен исходник 2400 пикселей; миниатюре в 300 пикселей — 600. Отдавать фото в 4000 пикселей под слот в 300 — это трата трафика на каждой загрузке страницы и одна из самых частых причин медленного сайта.
Станет ли изображение размытым?
Уменьшение безопасно — браузер усредняет пиксели, и результат остаётся чётким. Увеличение не может придумать деталей, которых не было при съёмке, поэтому увеличенное изображение всегда выглядит мягче оригинала. Если нужен файл побольше, вернитесь к оригиналу, а не увеличивайте уменьшенную копию.
Сохраняются ли пропорции?
По умолчанию да — введите ширину, и высота подстроится автоматически. Снимите блокировку, если нужно намеренно растянуть до фиксированных размеров, но помните, что любое непропорциональное изменение заметно исказит лица и прямые линии.
Похожие инструменты
- Конвертер изображенийКонвертируйте PNG, JPG, WebP, AVIF, SVG, BMP и ICO в браузере — пакетно, с поворотом и созданием favicon. Ничего не загружается.
- Обрезка видеоРежьте MP4 без перекодирования: потяните маркеры, и клип копируется кадр в кадр с исходным качеством. Ещё вытаскивает кадры.
- Пакетная обработка изображенийЗагрузите сотни изображений сразу: измените размер, конвертируйте, поставьте водяной знак и переименуйте — всё вернётся одним ZIP.