Изменить размер изображения
Измените ширину и высоту изображения — по точным пикселям или в процентах. Зафиксируйте соотношение сторон, чтобы избежать растяжения, или отключите его для полного контроля.
Меняете размер для Instagram? Попробуйте пресет 1080x1080.
Нажмите, чтобы выбрать изображения, или перетащите их сюда
JPG, PNG, WebP. Выберите несколько файлов для массового изменения размера. Остаётся на вашем устройстве, ничего не загружается.
Изображение с изменённым размером появится здесь после создания.
Точные размеры растягивают или сжимают изображение до введённых вами ширины и высоты (зафиксируйте пропорции, чтобы избежать искажения). Процент масштабирует пропорционально от исходного размера. Ничего не загружается, изменение размера происходит на вашем устройстве с помощью API canvas.
Как это работает
Само изменение размера — это один браузерный примитив: ваше изображение декодируется, создаётся <canvas> с целевыми размерами, и drawImage() масштабирует пиксели на него за один проход. При этом браузер применяет свой встроенный фильтр сглаживания (билинейную ресемплировку), которая усредняет соседние пиксели вместо простого выбора ближайшего, поэтому уменьшенные фотографии получаются гладкими, а не зазубренными. Затем canvas повторно экспортируется через canvas.toBlob() как JPEG или WebP с качеством 0.92, либо как PNG без потерь, в зависимости от выбранного формата.
Несколько практических истин о масштабировании, которые отражает поведение инструмента. Уменьшение — это то, в чём изменение размера действительно раскрывается: усреднение множества исходных пикселей в каждый выходной пиксель сохраняет чёткость фотографий. Увеличение не может изобрести детали — тот же фильтр просто растягивает существующие пиксели, поэтому всё, что больше примерно 2x, начинает выглядеть размыто; если вам нужна большая версия, начните с самого крупного имеющегося оригинала. А сглаживающая фильтрация неверна ровно в одном случае — для пиксель-арта, где на самом деле нужны жёсткие края по методу ближайшего соседа; такой инструмент, как этот, настроен именно для фотографий.
Режим процентов вычисляет целевые размеры из исходного размера, точный режим берёт ваши числа, а переключатель фиксации пропорций удерживает ширину и высоту привязанными к исходному соотношению, чтобы люди на ваших фотографиях не растягивались. Размеры ограничены 20 000 пикселей на сторону, потому что canvas больше этого может исчерпать память браузера. Пакетный режим последовательно прогоняет один и тот же конвейер canvas по каждому файлу и упаковывает результаты в ZIP, который также собирается в JavaScript.
Поскольку весь конвейер — декодирование, отрисовка, повторное кодирование — происходит внутри вашей вкладки, ваши фотографии никогда не покидают ваш компьютер. Вы можете это проверить: откройте DevTools, переключитесь на вкладку Network и измените размер чего-нибудь. Никакого запроса на загрузку не появится, и инструмент продолжает работать в офлайне.