Toolrack

Изменение размера и сжатие

Перетащите изображение сюдаили нажмите, чтобы выбрать файл

Изображение обрабатывается на вашем устройстве. Ничего не загружается.

Измените размер изображения в точных пикселях или процентах, а затем сожмите его. Размеры оригинала и результата показаны рядом, чтобы было видно, сколько вы сэкономили.

Почему размер файла падает быстрее, чем ожидаешь

Объём данных изображения зависит от площади, а не от ширины. Уменьшение обеих сторон вдвое оставляет четверть пикселей: фото 4000 × 3000, приведённое к 2000 × 1500, теряет 12 миллионов пикселей в пользу 3 миллионов ещё до всякого сжатия.

Поэтому для веба изменение размера выгоднее сжатия. Снижение качества JPEG с 85 до 60 может дать 40 процентов экономии и заметные артефакты. Уменьшение размеров вдвое даёт 75 процентов и, если изображение было избыточным для своего места, выглядит идентично.

Типичные целевые размеры

НазначениеДлинная сторонаПримечание
Миниатюра400 pxПревью в сетках и списках
Иллюстрация в статье1200 pxПокрывает большинство макетов
Полноширинный баннер2400 pxRetina при 1200 CSS px
Вложение в письмо1600 pxЧитаемо, укладывается в лимиты

Частые вопросы

Чем изменение размера отличается от сжатия?

Изменение размера меняет число пикселей — фото шириной 4000 пикселей становится шириной 1200, и отброшенные пиксели исчезают навсегда. Сжатие сохраняет размеры и уменьшает точность хранения каждого пикселя. Изменение размера обычно экономит гораздо больше, потому что размер файла зависит от площади: уменьшение обеих сторон вдвое убирает около трёх четвертей данных.

Какого размера должны быть изображения для сайта?

Под размер отображения, затем вдвое больше для экранов высокой плотности. Полноширинному баннеру в 1200 CSS-пикселей нужен исходник 2400 пикселей; миниатюре в 300 пикселей — 600. Отдавать фото в 4000 пикселей под слот в 300 — это трата трафика на каждой загрузке страницы и одна из самых частых причин медленного сайта.

Станет ли изображение размытым?

Уменьшение безопасно — браузер усредняет пиксели, и результат остаётся чётким. Увеличение не может придумать деталей, которых не было при съёмке, поэтому увеличенное изображение всегда выглядит мягче оригинала. Если нужен файл побольше, вернитесь к оригиналу, а не увеличивайте уменьшенную копию.

Сохраняются ли пропорции?

По умолчанию да — введите ширину, и высота подстроится автоматически. Снимите блокировку, если нужно намеренно растянуть до фиксированных размеров, но помните, что любое непропорциональное изменение заметно исказит лица и прямые линии.

Похожие инструменты