Русский

Изменение размера изображения в процентах

Установите точные размеры или масштабный коэффициент, при этом соотношение сторон будет заблокировано до тех пор, пока вы его не разблокируете.

Инструмент загружается здесь. Требуется JavaScript, потому что работа происходит на вашем устройстве.

Ваши файлы и ваша конфиденциальность

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

Что делает этот инструмент

Измените размеры изображения в пикселях, масштабируя его в процентах или вводя ширина и высота. Повторная выборка выполняется вашим браузером на вашем устройстве, а запланированный размер вывода отображается до того, как что-либо будет записано.

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

Как его использовать

  1. Выберите одно изображение или пакет для изменения размера с теми же настройками.
  2. Выберите «В процентах» для простого масштаба или «По пикселям», чтобы ввести ширину и высоту.
  3. Оставьте параметр «Фиксировать соотношение сторон» включенным и введите одно измерение, чтобы заполнить другое; только выключи его когда вы собираетесь изменить форму.
  4. Выберите «Конвертировать», затем перед загрузкой проверьте столбец «Размер вывода» для каждого файла.

Примеры использования

Поддерживаемый ввод и вывод

Принимает

Производит

Чего этот инструмент не сделает

Распространенные ошибки

Технические примечания

Целевые размеры представляют собой чистую арифметику, выполняемую до касания любого пикселя: проценты. режим умножает обе оси, пиксельный режим либо извлекает недостающую ось из источника соотношение или, когда оба заданы и соотношение заблокировано, принимает меньший из двух масштабов факторы, чтобы результат помещался в запрошенную рамку. Каждое значение округляется до целого пикселя и никогда не допускается ниже единицы, потому что холст нулевого размера добавляется в некоторые браузеры и создает пустое изображение в других. Вращение применяется после изменения размера и замены осей. на 90 и 270 градусов, а бюджет пикселей устройства применяется последним к размерам фактически выделено. Сама перерисовка представляет собой один drawImage в OffscreenCanvas с помощью Для imageSmoothingQuality установлено высокое значение.

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

Можно ли увеличить изображение без потери резкости?
Не совсем. При масштабировании происходит интерполяция между существующими пикселями, поэтому в результате получается изображение большего размера. но более мягкая версия той же информации. Здесь нет модели, придумывающей детали, и ни один не заявлен.
Почему мой вывод меньше ширины, которую я напечатал?
Этому способствуют две вещи. При фиксированном соотношении сторон и наличии обеих осей изображение подгоняется. внутри коробки, чтобы ее форма сохранилась. Отдельно очень большой запрос зажимается в бюджет пикселей для вашего устройства, а панель называет размеры, которые она использовала вместо этого.
Будет ли изменение размера без потерь, если я выведу PNG?
Нет. Кодер PNG сохраняет именно те пиксели, которые ему переданы, но передискретизация уже изменена. эти пиксели. Только вывод PNG с исходными размерами оставляет значения пикселей. нетронутый.