Изменение размера изображений по процентам

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

Как изменить размер изображения по процентам

Выберите процент масштаба, просмотрите новые размеры и скачайте изображение с измененным размером.

  1. 1

    Выберите изображения

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

  2. 2

    Задайте процент изменения

    Введите, насколько меньше или больше должны быть изображения, и просмотрите итоговые размеры.

  3. 3

    Измените размер и скачайте

    Обработать изображения локально, проверить результаты и скачать готовые файлы.

Масштабные изображения без вычисления размеров

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

01

Изменяйте ширину и высоту одним значением

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

  • Используйте значения ниже 100% для уменьшения размеров изображения
  • Используйте значения выше 100% при необходимости увеличения
  • Просмотр рассчитанного размера выхода для каждого источника
Изменяйте ширину и высоту одним значением
Используйте значения ниже 100% для уменьшения размеров изображения
Используйте значения выше 100% при необходимости увеличения
Просмотр рассчитанного размера выхода для каждого источника
Изменяйте ширину и высоту одним значением
02

Создавайте лёгкие галереи и портфолио

Уменьшайте фотографии высокого разрешения в одинаковой пропорции перед добавлением в онлайн-портфолио, галереи для согласования или общие подборки.

  • Масштабируйте большие фотографии до удобных размеров просмотра
  • Сохранять пропорции пейзажа и портрета без изменений
  • Подготовить последовательные копии превью из различных источников
Создавайте лёгкие галереи и портфолио
Масштабируйте большие фотографии до удобных размеров просмотра
Сохранять пропорции пейзажа и портрета без изменений
Подготовить последовательные копии превью из различных источников
03

Уменьшение изображений для более быстрых веб-страниц

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

  • Уменьшайте крупные баннеры и изображения для статей
  • Создавайте уменьшенные версии для карточек и миниатюр
  • Избегайте подачи полных размеров камеры в маленькие слоты
Уменьшение изображений для более быстрых веб-страниц
Уменьшайте крупные баннеры и изображения для статей
Создавайте уменьшенные версии для карточек и миниатюр
Избегайте подачи полных размеров камеры в маленькие слоты
04

Масштабировать интерфейсные активы последовательно

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

  • Уменьшить скриншоты для документации и заметок о релизе
  • Масштаб макетов при сохранении их пропорций
  • Создание соответствующих предпросмотров между интерфейсными активами
Масштабировать интерфейсные активы последовательно
Уменьшить скриншоты для документации и заметок о релизе
Масштаб макетов при сохранении их пропорций
Создание соответствующих предпросмотров между интерфейсными активами

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

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

Что означает изменение размера изображения в процентах?
Процентное изменение размера умножает исходную ширину и высоту на один и тот же коэффициент. Значение 50% уменьшает оба размера вдвое, а 200% удваивает их. Поскольку обе стороны меняются одновременно, исходное соотношение сторон остаётся неизменным.
Как сделать изображение вдвое от своего первоначального размера?
Выберите 50%. Изображение, начинающееся с 2400 × 1600 пикселей, после обычного округления становится 1200 × 800 пикселями. Процент относится к размерам пикселей, а не напрямую к размеру файла, размеру печати или весу загрузки.
Могу ли я увеличить изображение с процентом выше 100?
Да. Значения выше 100% создают большие размеры пикселей, но увеличение интерполирует новые пиксели, а не восстанавливает реальные детали. Таким образом, небольшой источник может выглядеть мягче, особенно вокруг текста, рёбер и мелкой текстуры.
Сохраняет ли процентное изменение размера соотношение сторон?
Да. Ширина и высота используют один и тот же множитель, поэтому их пропорциональная зависимость остаётся неизменной. Это делает процентное масштабирование полезным, когда вы хотите получить меньшую или большую версию без выбора новой формы или обрезки.
Уменьшится ли размер файла вместе с размерами изображения?
Обычно да: меньшее количество пикселей чаще всего требует меньше данных. Однако точный размер файла зависит от формата, качества, прозрачности и сложности изображения. Процентное изменение размера не гарантирует конкретное значение в килобайтах.
Могут ли несколько изображений использовать одинаковый процент?
Да. Выберите несколько поддерживаемых изображений и примените к каждому по одному проценту. Каждый файл сохраняет свои пропорции и начинается с исходных размеров, поэтому их конечные размеры пикселей могут различаться.
Какой процент лучше использовать для изображений сайтов?
Универсального значения нет. Сравните исходные размеры с максимальным размером, который отображается на макете, затем выберите процент, который достигает этого диапазона. Точное изменение размера пикселей лучше, когда компонент имеет фиксированную спецификацию.
Какие форматы поддерживают процентное изменение размера?
Вы можете изменить размер изображений JPG, PNG и WebP, оставив оригинальный формат или выбрать другой поддерживаемый выход. Проверьте настройки прозрачности и качества перед обработкой, так как изменения формата могут повлиять на внешний вид и размер файла.

Масштабируйте изображения по процентам

Выберите одну пропорциональную шкалу, просмотрите новые размеры и создайте изменённые файлы.