Изменить размер изображения
Измените размер одного изображения JPG, PNG или WebP в пикселях или процентах. Сохраните пропорции, проверьте статичный результат и скачайте его. Инструмент обрабатывает выбранное изображение в вашем браузере.
Как изменить размер изображения
- Выберите один файл JPG, PNG или WebP либо перетащите его в область выбора. Проверьте исходные размеры и вес файла. Ограничения: 20 МБ, 40 мегапикселей и 16 384 пикселя по каждой стороне; практический предел браузера может быть ниже.
- Введите новую ширину или высоту с включённым сохранением пропорций либо выберите проценты. Отключайте пропорции, если нужно растянуть изображение до точных размеров. В дополнительных настройках можно выбрать формат и качество JPEG или WebP.
- Нажмите «Изменить размер», проверьте предпросмотр, размеры, формат и фактический вес и скачайте файл. После изменения настроек прежний результат становится недоступен до повторной обработки.
Размеры, пропорции и форматы
Размеры в пикселях обозначают ширину и высоту; вес файла измеряется в байтах. Уменьшенное изображение часто занимает меньше места, но это зависит от содержимого, формата и кодировщика. Точный размер в КБ или МБ не гарантируется.
При сохранении пропорций вторая сторона вычисляется по исходному соотношению и округляется до целого пикселя. Процент применяется к обеим исходным сторонам: при 50% каждая сторона уменьшается вдвое, а число пикселей — примерно вчетверо. Небольшие расхождения из-за округления нормальны.
PNG сохраняет прозрачность и кодирует изменённые пиксели без дополнительного сжатия с потерями. JPEG использует белый фон и сжатие с потерями. WebP поддерживает прозрачность и выбранное качество, если браузер умеет его создавать. Качество не означает процент уменьшения веса и несопоставимо напрямую между форматами.
Браузер применяет поддерживаемые данные ориентации при декодировании; размеры относятся к уже повёрнутому изображению. Новый статичный файл не сохраняет исходные метаданные, цветовой профиль, глубину цвета и анимацию как архивную копию. Увеличение добавляет пиксели, а не снятые детали.
Примеры изменения размера
Изображение 4000 × 3000 при ширине 1200 и сохранении пропорций станет 1200 × 900. Если вместо этого задать высоту 600, получится 800 × 600 по исходному соотношению.
При масштабе 50% изображение 4000 × 3000 станет 2000 × 1500. Обе стороны уменьшатся вдвое, но вес файла не обязательно уменьшится вдвое.
Без сохранения пропорций изображение 4000 × 3000 можно растянуть до 1200 × 1200. С сохранением пропорций при ширине 1200 получится 1200 × 900. Обрезка до квадрата — отдельная операция.
Что меняется при экспорте
Инструмент обрабатывает один JPEG, PNG или WebP и создаёт статичное изображение. Для анимированного PNG или WebP браузер использует изображение по умолчанию или первый кадр. GIF, SVG, HEIC и другие форматы, а также экспорт анимации не поддерживаются.
Память, декодеры и кодировщики браузера влияют на доступность, внешний вид и размер файла. Результат может быть больше оригинала. Инструмент не обрезает изображение, не восстанавливает детали, не задаёт DPI, не сохраняет исходные метаданные и не гарантирует соответствия ограничениям загрузки. При необходимости сохраните оригинал.
Обработка в браузере
Инструмент читает и обрабатывает выбранное изображение в вашем браузере и не отправляет и не сохраняет его намеренно. Кнопка скачивания сохраняет готовый файл по вашему запросу. Обычные сервисы сайта и настройки согласия действуют отдельно.
Вопросы об изменении размера
Источники
Справочные материалы по декодированию и сохранению изображений в браузере:
- developer.mozilla.orgMDN: createImageBitmap
- developer.mozilla.orgMDN: canvas toBlob
- html.spec.whatwg.orgHTML: ImageBitmap
Проверено 29 октября 2026 г.
Похожие инструменты
SVG в PNG
Преобразуйте SVG-файл или вставленный код в PNG: задайте размер, прозрачный фон или цвет и используйте встроенные шрифты.
Открыть инструмент — SVG в PNGГенератор CSS-фильтров
Настройте порядок эффектов, сравните образец и скопируйте объявление filter.
Открыть инструмент — Генератор CSS-фильтровКалькулятор плавного размера шрифта
Задайте размеры шрифта для двух значений ширины окна. Скопируйте CSS с единицами rem и изучите модель, рассчитанную по тем же коэффициентам, что и в коде.
Открыть инструмент — Калькулятор плавного размера шрифтаГенератор CSS-кнопок
Настройте состояния кнопки, проверьте фокус клавиатуры и скопируйте HTML и CSS.
Открыть инструмент — Генератор CSS-кнопокГенератор CSS border-radius
Настройте восемь радиусов, посмотрите результат и скопируйте CSS в пикселях или процентах.
Открыть инструмент — Генератор CSS border-radiusГенератор CSS Grid
Создайте пример CSS Grid с дорожками, размещением и именованными областями. Просматривайте, копируйте CSS и HTML или скачивайте полный пример.
Открыть инструмент — Генератор CSS GridГенератор CSS Flexbox
Создайте пример Flexbox с элементами управления контейнером и элементами, явными осями макета, соответствующими CSS и HTML, а также локальной загрузкой полного примера.
Открыть инструмент — Генератор CSS FlexboxГенератор CSS-тени текста
Создавайте упорядоченные тени текста, просматривайте пример и копируйте точный CSS.
Открыть инструмент — Генератор CSS-тени текстаГенератор преобразований CSS
Создавайте повторяемые двумерные преобразования CSS, редактируйте px или процентный перевод и начало координат, проверяйте поле ссылки и копируйте точные текущие объявления.
Открыть инструмент — Генератор преобразований CSSГенератор теней CSS
Создавайте упорядоченные слои box-shadow с предпросмотром и копируйте код.
Открыть инструмент — Генератор теней CSSВодяной знак на изображениях
Добавьте текст или логотип к изображениям, проверьте результаты и скачайте отдельные файлы или ZIP.
Открыть инструмент — Водяной знак на изображенияхГенератор CSS-градиентов
Создавайте линейные и радиальные градиенты с цветами, непрозрачностью и позициями.
Открыть инструмент — Генератор CSS-градиентовКонвертер цветов
Преобразуйте поддерживаемые значения sRGB HEX, RGB и HSL с альфа-каналом и указанной точностью.
Открыть инструмент — Конвертер цветовИзображение в текст (OCR)
Распознавайте печатный текст на локальных PNG и JPEG, выбирайте язык и проверяйте результат перед копированием или скачиванием.
Открыть инструмент — Изображение в текст (OCR)Чтение QR-кода из изображения
Прочитайте один QR-код из локального PNG или JPEG и проверьте текст или байты, не открывая ссылки.
Открыть инструмент — Чтение QR-кода из изображенияПроверка контрастности цветов
Сравните цвета переднего плана и фона, настройте непрозрачность и проверьте числовые пороги контрастности WCAG для текста и важных деталей интерфейса.
Открыть инструмент — Проверка контрастности цветовКалькулятор размера печати и разрешения
Рассчитайте размер отпечатка, нужное число пикселей и фактическое PPI с полями или обрезкой.
Открыть инструмент — Калькулятор размера печати и разрешенияКалькулятор соотношения сторон
Найдите соотношение ширины и высоты или рассчитайте новый размер в пикселях по одной заданной стороне.
Открыть инструмент — Калькулятор соотношения сторонСжатие изображений
Попробуйте уложить JPEG, PNG или WebP в заданный размер файла: проверьте результат и при желании уменьшите размеры изображения.
Открыть инструмент — Сжатие изображенийHEIC в JPG
Преобразуйте поддерживаемые HEIC-фото в полноразмерные JPG в браузере. Настройте качество и фон, скачайте проверенные файлы по отдельности или в ZIP.
Открыть инструмент — HEIC в JPGКонвертер изображений
Конвертируйте поддерживаемые PNG, JPEG и WebP локально, настройте прозрачность, фон и качество и скачайте проверенные результаты.
Открыть инструмент — Конвертер изображенийСоздать фотоколлаж
Расположите фотографии в сетке и скачайте PNG или JPEG.
Открыть инструмент — Создать фотоколлажПоворот и отражение изображений
Поверните или отразите набор локальных статичных PNG, JPEG и WebP, затем проверьте и скачайте обработанные изображения.
Открыть инструмент — Поворот и отражение изображенийОбрезать изображение
Обрежьте локальный JPEG, PNG или WebP с точностью до пикселя и скачайте результат в PNG или JPEG.
Открыть инструмент — Обрезать изображение