Калькулятор изменения размера изображения

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

Все расчёты выполняются в браузере. Ничего из введённого не отправляется на сервер.

Изменить размер изображения до новой ширины

Введите исходные ширину и высоту, затем целевую ширину в пикселях. Коэффициент масштаба это новая ширина, делённая на исходную ширину. Соответствующая высота это исходная высота, умноженная на этот масштаб, округлённая до целого пикселя. Размер по ширине подходит для веб-колонок, которые фиксируют ширину контента и позволяют высоте следовать зафиксированному соотношению.

scale = new_width ÷ original_width
new_height = round(original_height × scale)

Выбор ширины это обычный путь для веб-вёрстки, которая фиксирует ширину колонки и позволяет высоте следовать. Калькулятор не передискретизирует данные изображения; он только вычисляет целевой пиксельный прямоугольник. Реальная передискретизация происходит в редакторе или в сборочном конвейере, который читает эти числа.

Изменить размер изображения до новой высоты

Режим целевой высоты зеркалит режим ширины для слотов, ограничивающих вертикальную сторону. Масштаб это новая высота, делённая на исходную высоту, а новая ширина это исходная ширина, умноженная на этот масштаб, затем округлённая. Используйте его для hero-полосы с максимальной высотой или любого кадра, зафиксированного по короткой стороне, управляя только одним измерением.

scale = new_height ÷ original_height
new_width = round(original_width × scale)

Используйте режим высоты, когда вертикальный слот фиксирован, например hero-полоса с максимальной высотой, или когда нужно совпасть с кадром, ограниченным по короткой стороне. Сочетание принудительной ширины и принудительной высоты, не согласованных с исходным соотношением, приводит к искажению; этот инструмент избегает этого, принимая одну ведущую сторону за раз в пропорциональных режимах.

Масштабировать изображение на процент

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

Процент	Значение
25%	Четверть линейного размера
50%	Половина линейного размера
100%	Без изменений
150%	1,5× линейный размер
200%	Двойной линейный размер

Площадь масштабируется с квадратом процента. Уменьшение на 50 процентов оставляет около 25 процентов пикселей. Увеличение свыше 100 процентов не создаёт настоящей детализации; оно только растягивает существующие пиксели, поэтому старт с большего исходника обычно выглядит лучше, чем увеличение маленького экспорта.

Вписать изображение в максимальную сторону

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

Letterbox в плеере это более поздний выбор отображения; калькулятор сообщает только вписанный пиксельный размер.

Изменить размер 1920x1080 до 800 пикселей по ширине

Full HD, масштабированный до 800 пикселей по ширине, это чистый рабочий пример, где высота попадает на целое. Коэффициент масштаба 800 ÷ 1920, около 0,416667, и 1080, умноженное на этот масштаб, равно ровно 450. Результат 800×450 сохраняет соотношение 16:9 без предупреждения о сдвиге: удачный путь, когда веб-ширина чисто делит исходник.

1. Коэффициент масштаба. 800 ÷ 1920 = 0.4166… ≈ 0.416667

2. Высота до округления. 1080 × (800 ÷ 1920) = 450 exactly

3. Результат. 800×450

Упрощённое соотношение остаётся 16:9, совпадая с исходным. Мегапиксели падают с примерно 2,07 MP до 0,36 MP. Поскольку 450 это целое, предупреждение о сдвиге не появляется. Это удачный путь, к которому стремится Калькулятор изменения размера изображения, когда веб-ширины чисто делят исходник.

Избежать искажения из-за округления

Пиксельные сетки целые. Когда исходная высота, умноженная на масштаб, не целое, округление до ближайшего пикселя сдвигает эффективное соотношение от исходного. Движок помечает этот сдвиг, показывает точную дробную высоту и предупреждает, когда упрощённая пара w:h больше не совпадает. Ширина 801 на исходнике 1920×1080 это рабочий пример, который запускает предупреждение.

Пример: 1920×1080 до ширины 801.

scale = 801 ÷ 1920 = 0.4161875
exact height = 1080 × 801 ÷ 1920 = 450.5625
rounded height = 451

Выходной прямоугольник это 801×451. Исходное соотношение 16:9 больше не совпадает с упрощённым соотношением 801×451, поэтому поднимается предупреждение. Один пиксель кажется крошечным; накопленный по галерее смешанных ширин он даёт видимый дрожащий эффект и усложняет CSS, ожидающий зафиксированное соотношение.

Меры в производственных конвейерах включают выбор ширин, которые делятся ровно, полосы letterbox на холсте с зафиксированным соотношением или допуск обрезки в один пиксель с одной стороны. Калькулятор показывает проблему; выбор политики остаётся редакционным решением.

Выбрать размеры для типичных задач

Целевые размеры зависят от канала, а правила платформ меняются, поэтому считайте цифры ниже планировочными значениями по умолчанию. Изображения в блоге часто около 800 to 1200 пикселей по ширине, баннеры hero нужны с запасом, миниатюры вписываются лимитом максимальной стороны, а печать при 300 DPI переводится из физических дюймов. Экспортируйте один раз из самого крупного чистого исходника, затем уменьшайте.

Применение	Типичная ширина	Примечания
Встроенное изображение блога	800 to 1200 px	Баланс веса и резкости
Hero сайта	1600 to 2400 px	Часто обрезается; дайте запас
Миниатюра	150 to 400 px	Режим максимальной стороны хорошо подходит
Горизонтальный соцпост	класс 1200 px	Проверьте текущее соотношение платформы
Story / вертикаль	класс 1080×1920	Предпочтительен исходник 9:16
Шапка email	600 to 800 px	Тяжёлые изображения вредят клиентам
Печать при 300 DPI	дюймы × 300	Число пикселей из физического размера

Экспортируйте из самого крупного чистого исходника, затем уменьшайте. Повторные циклы сохранения в форматах с потерями накапливают артефакты; вычислите итоговый пиксельный прямоугольник один раз, затем кодируйте.

Часто задаваемые вопросы

Итог

Калькулятор изменения размера изображения масштабирует размеры по ширине, высоте, проценту или максимальной стороне, отслеживая коэффициент масштаба и итоговое соотношение. Изменение 1920×1080 до 800 px по ширине даёт высоту 450 px при сохранённом 16:9; ширина 801 округляет высоту до 451 и запускает предупреждение о сдвиге, потому что 450,5625 не целое.

Инструмент задаёт только пиксельный прямоугольник; передискретизация самого изображения остаётся отдельным шагом в редакторе или конвейере.