Изменить размер фото онлайн в пикселях
Масштабирование ширины и высоты фото в пикселях или процентах с сохранением пропорций.
Пропорциональное масштабирование и изменение размера фото онлайн в пикселях без потери резкости и искажения геометрии объектов. Инструмент позволяет точно задавать ширину и высоту, мгновенно использовать готовые пресеты популярных разрешений для социальных сетей и копировать уменьшенные картинки в буфер обмена прямо в окне браузера.
Перетащите изображение сюда или кликните для выбора
Изменение разрешения без потери четкости в пикселях. Обработка на вашем устройстве.
Как пользоваться
Выбор медиафайла
Загрузите изображение формата JPG, PNG, WebP или SVG через поле перетаскивания либо стандартное диалоговое окно.
Установка пропорций и габаритов
Оставьте включённым чекбокс «Сохранять пропорции» и задайте новую ширину или высоту — парный параметр пересчитается на лету.
Применение быстрых пресетов
Воспользуйтесь кнопками быстрого масштабирования: Full HD 1920×1080, квадрат 1080×1080, Stories или уменьшение в 2 и 4 раза.
Экспорт или быстрое копирование
Нажмите кнопку «Скачать результат» в формате PNG либо скопируйте обработанный кадр в буфер обмена для мгновенной вставки в макет.
Формулы, правила и стандарты
Исходное соотношение сторон (Aspect Ratio): R = Width_orig / Height_orig
Автоматический пересчёт высоты при заданной ширине: Height_new = round(Width_new / R)
Автоматический пересчёт ширины при заданной высоте: Width_new = round(Height_new * R)
Масштабирующий коэффициент пресетов: Width_new = max(1, round(Width_orig * S)), Height_new = max(1, round(Height_orig * S))
Процесс рендеринга: context2d.drawImage(imageSource, 0, 0, Width_new, Height_new)
Браузер производит билинейную интерполяцию цветовых значений пикселей, предотвращая появление грубых ступенчатых краев и сохраняя контрастность контуров.
Практические примеры
Пример 1: Пропорциональный ресайз широкоформатного фото 4K для каталога товаров
Уменьшение габаритов баннера с фиксацией исходного соотношения сторон 16:9:
• Имя: product_banner.jpg (студийная предметная съёмка)
• Исходное разрешение: 3840 × 2160 пикселей (соотношение сторон R = 1.7778)
• Требуемая ширина для витрины магазина: 1200 пикселей
• Состояние опции: сохранение пропорций активно (lockAspect = true)
Математический расчёт в алгоритме Utilora:
• Новая высота: round(1200 / 1.7777778) = 675 пикселей
• Результирующие габариты: 1200 × 675 пикселей
• Сохранение пропорций: 100% совпадение с кинематографическим стандартом 16:9 без деформации объектов
• Имя скачиваемого файла: product_banner-1200x675.png
Пример 2: Быстрое уменьшение аватара в 2 раза кликом по масштабирующему пресету
Снижение разрешения квадратного портрета для профиля с копированием в буфер:
• Имя: team_avatar.png (квадратный корпоративный портрет)
• Исходное разрешение: 800 × 800 пикселей (соотношение R = 1.0)
• Выбранный режим: пресет масштабирования «50% размера» (коэффициент scale = 0.5)
Математический расчёт в алгоритме Utilora:
• Новая ширина: max(1, round(800 * 0.5)) = 400 пикселей
• Новая высота: max(1, round(800 * 0.5)) = 400 пикселей
• Экспорт: сохранение в буфер через Clipboard API в формате image/png для моментальной вставки в графический редактор
Частые ошибки и нюансы
Снижение резкости при увеличении (Upscaling)
Увеличение растровых изображений сверх исходного разрешения неизбежно приводит к размытию контуров и пикселизации, поскольку алгоритм интерполяции вынужден синтезировать недостающие точки цвета. Рекомендуется производить ресайз только в сторону уменьшения.
Защита пропорций лиц и объектов от сплющивания
Отключение чекбокса «Сохранять пропорции» допускает произвольный ввод ширины и высоты. Если соотношение сторон нарушено, геометрия предметов деформируется. Для сохранения естественного вида портретов и логотипов всегда держите опцию пропорций активной.
Прямое копирование в буфер обмена без скачивания
Инструмент поддерживает стандарт W3C ClipboardItem, позволяя копировать готовое изображение сразу в системный буфер памяти. Это ускоряет рабочий процесс дизайнеров и контент-менеджеров, исключая засорение папки загрузок промежуточными файлами.
Формат сохранения и прозрачность
Все изменённые изображения экспортируются в lossless-формате PNG. Это гарантирует максимальную контрастность векторных линий, отсутствие артефактов блочности и целостность прозрачных областей в иконках и логотипах.
Частые вопросы (FAQ)
Убедитесь, что отмечен чекбокс «Сохранять пропорции». При вводе желаемой ширины инструмент автоматически разделит её на соотношение сторон кадра и подставит математически точную высоту, исключая растяжение или сплющивание объектов.
Современный графический движок браузера использует сглаживающий алгоритм билинейной фильтрации. При уменьшении картинки пиксели усредняются без потери резкости, а текст и тонкие линии остаются чёткими и легко читаемыми.
В интерфейсе доступны кнопки популярных стандартов: широкоформатный Full HD (1920×1080), квадратный формат для постов и аватаров (1080×1080), вертикальный формат Stories/Reels (1080×1920), а также быстрые масштабные делители на 50% и 25% от исходного размера.
Результирующий файл формируется в формате PNG с сохранением прозрачности и цветового профиля. В имя скачиваемого файла автоматически добавляются актуальные размеры в пикселях, например: image-1200x675.png, что упрощает навигацию в файловой системе.
Функция копирования опирается на современный Web API navigator.clipboard.write. Она поддерживается всеми актуальными версиями Chrome, Edge, Safari и Firefox на ПК и планшетах. При отсутствии поддержки браузер автоматически скачивает файл.
Абсолютно безопасно. Как и все утилиты сервиса Utilora, ресайзер работает локально на стороне клиента. Исходные файлы и их изменённые копии не отправляются через интернет и остаются исключительно на вашем компьютере.
Похожие инструменты
Сжатие картинок
Быстрое уменьшение веса фотографий JPEG, PNG и WebP с интерактивным сплит-сравнением качества «до и после».
Открыть ▸PNG в WebP Конвертер
Конвертация тяжелых PNG-картинок в современный легковесный формат WebP с прозрачностью.
Открыть ▸Color Picker (HEX / RGB / HSL)
Визуальный выбор цвета, мгновенная конвертация между HEX, RGB и HSL, проверка читаемости текста (WCAG) и готовая палитра.
Открыть ▸Генератор QR-кода
Создание QR-кодов для ссылок, текста и Wi-Fi сети с гарантированным сканированием и мгновенным скачиванием PNG.
Открыть ▸Руководства по теме
Как сжать изображение без потери качества: форматы, параметры и реальные тесты
Тяжёлая графика отвечает более чем за 60% общего веса веб-страницы. В этом руководстве разбираем практическую механику компрессии: почему показатель качества 80–82% является точкой перегиба на графике SSIM, как избежать размытия красного цвета из-за субдискретизации и ускорить Largest Contentful Paint (LCP) до целевых показателей Google Core Web Vitals.
Читать руководствоAVIF против WebP: сравнение кодеков, сжатие и совместимость в 2026 году
Форматы WebP и AVIF ведут борьбу за звание главного формата современной веб-графики. В руководстве анализируем кодеки VP8 и AV1, сравниваем энергопотребление при декодировании на мобильных процессорах и определяем оптимальную стратегию для тега <picture>.
Читать руководствоPNG, JPG или WebP: сравнение сжатия, прозрачности и совместимости
Формат WebP окончательно вытеснил JPEG и PNG из продакшн-окружения большинства крупных веб-ресурсов. В материале разбираем алгоритмические различия между DEFLATE и VP8 (попробуйте наш [конвертер PNG в WebP с прозрачностью](https://utilora.ru/image/png-to-webp/)), работу альфа-канала и редкие кейсы, когда классический PNG всё ещё превосходит WebP.
Читать руководство