Что делает изменение размера
Изменение размера меняет пиксельные размеры изображения. Фото 4032×3024 прямо с телефона пересохраняется как, скажем, 1200×900. Картинка показывает ту же сцену, но файл меньше, и сама картинка отображается меньшего размера при нативном масштабе. Инструмент делает только это, работает полностью в браузере и принимает PNG, JPG и WebP до 50 МБ.
Это правильный инструмент для самого частого «мое фото слишком большое»: камеры телефонов по умолчанию выдают 8-12 мегапикселей, что избыточно для всего, что окажется на экране. Экран ноутбука максимум 4 мегапикселя (4K). Экран телефона — 2-3. Отправить кому-то фото собаки на 12 мегапикселей, чтобы он посмотрел в Instagram, — это разбрасывать байты, раздувая файл примерно в 10 раз.
Сравнение с iLoveIMG, ResizeImage.net и Convertio
Конкуренты делают примерно одно и то же — загружают изображение, сервер делает ресайз, ты скачиваешь. Разница в лимитах и разменах.
iLoveIMG — самый отполированный. Пакетный ресайз на бесплатном тарифе работает, лимит файла 25 МБ, но дневные ограничения и агрессивные апселлы. Качество нормальное — серверный ImageMagick с разумными дефолтами. Размен: изображение уходит на их сервер, лежит там до политики хранения, возвращается.
ResizeImage.net — одностраничник с тем же путём. Поддерживает поворот и простую обрезку. Бесплатный тариф щедр по количеству, но лимит размера файла (около 10 МБ) фрустрирует тех, кто ресайзит современные фото с телефонов (часто больше 10 МБ прямо с камеры).
Convertio — тот же подход «комбайн на сервере», что и у их компрессора. Много форматов, серверная обработка, 100 МБ суммарно в день на бесплатном — потом подписка.
Наш размен: используем нативный canvas API браузера с включённым высококачественным сглаживанием. Без загрузки, без счётчика файлов, без дневного лимита, без регистрации. Ресайз — 1-3 секунды в зависимости от размера. Качество — то, что выдаёт браузер; для уменьшения (95% случаев) это фактически равно ImageMagick. Для увеличения мы помечаем это как плохую идею и говорим, чем лучше пользоваться.
Как пользоваться
Перетащи или выбери изображение. Инструмент читает исходные размеры и размер файла и показывает их сверху.
- Перетащи или выбери PNG, JPG или WebP. До 50 МБ. Инструмент показывает исходные размеры (например,
4032 × 3024) и формат сразу. - Выбери режим. «По пикселям» — точные целевые размеры; «По процентам» — масштаб процентом (50% — половина каждой стороны, или четверть пикселей в общей сумме).
- Введи целевые размеры. С включённой фиксацией пропорций (по умолчанию) при изменении ширины высота обновляется под исходное соотношение. Сними фиксацию, если нужны точные непропорциональные размеры — например, карточка соцсетей 1200×630.
- Выбери качество вывода для JPG и WebP. 92% (по умолчанию) — баланс для пересохранённых фото. PNG этот ползунок игнорирует, потому что он без потерь.
- Нажми «Изменить размер». Имя выхода содержит новые размеры (
photo.jpgстановитсяphoto-1920x1080.jpg).
Ресайз идёт через canvas с высоким качеством сглаживания — алгоритм билинейной интерполяции или лучше. Для типичного уменьшения (фото с телефона до веб-размера) результат неотличим от Photoshop или ImageMagick. Байты не покидают вкладку; проверь Network, если хочешь убедиться.
Пиксели или проценты: какой режим
Оба режима делают одну математику, просто с разным вводом.
По пикселям — когда есть жёсткая цель: конкретный размер для загрузки, известный размер для отображения, CMS, требующая 1200×630. Введи точные числа и дай фиксации пропорций подставить другую сторону.
По процентам — когда точные числа неважны, просто хочется поменьше. «Половина» обычно делает то, что нужно — фото 4032×3024 становится 2016×1512, что всё ещё много для любого экрана, и файл уменьшается примерно в четыре раза.
Фиксация пропорций важнее, чем выбор режима. С ней включённой изображение держит пропорции и не сжимается. Без неё можно навязать любую комбинацию ширины и высоты — полезно для впихивания 4:3 в кадр 16:9, болезненно, если забудешь включить обратно для следующего изображения.
Пример: уменьшаем фото с телефона для email
Реальный случай: ты снял фото на iPhone 14 — 4032 × 3024 пикселя, 4,8 МБ JPG с камеры. Хочешь отправить родственнику. Лимит вложения Gmail — 25 МБ, но провайдер родственника давится на 10 МБ, и интернет у него медленный. Ты хочешь, чтобы фото было меньше 1 МБ и всё ещё выглядело прилично.
| Цель | Размеры | Размер файла (92% JPG) | Уменьшение | Заметки |
|---|---|---|---|---|
| Исходник | 4032 × 3024 | 4,8 МБ | — | iPhone в полном разрешении |
| 75% масштаб | 3024 × 2268 | 2,9 МБ | 40% | Резко на полном экране 4K-монитора |
| 50% масштаб | 2016 × 1512 | 1,4 МБ | 71% | Резко на каждом телефоне и ноутбуке; пройдёт большинство строгих лимитов email |
| 33% масштаб | 1330 × 998 | 680 КБ | 86% | Правильный ответ для письма бабушке |
| 25% масштаб | 1008 × 756 | 410 КБ | 91% | Веб-превью; нормально для отправки, маловато для больших экранов |
Для email-кейса 33% масштаб (1330 × 998 пикселей, 680 КБ) — правильный ответ. Меньше 1 МБ — пройдёт у любого провайдера. На 1330 пикселей в ширину всё ещё заполняет большинство экранов телефонов от края до края и резко смотрится на ноутбуках. Исходные 4,8 МБ были бы долгой загрузкой на соединении родственника и вечной скачкой у него.
Обрати внимание: ресайз даёт куда больший эффект, чем сжатие. То же фото, сжатое до 75% JPG, но в полном разрешении, всё равно было бы около 2,5 МБ. Уменьшение размеров делает для файла больше, чем падение качества — с большим запасом. Вместе они работают ещё лучше: сначала ресайз, потом сжатие Сжатием изображений.
Об увеличении (и почему наш инструмент предупреждает)
Увеличение — делать изображение больше исходника — поддерживается, но намеренно с предупреждением. Браузер делает билинейную или бикубическую интерполяцию при растягивании canvas. Каждый новый пиксель вычисляется как взвешенное среднее соседних. Быстро, детерминированно, математически корректно. И слегка размыто.
Проблема: удвоение фото 1000×1000 до 2000×2000 не добавляет реальной детали. Где у исходника был один резкий пиксель, у удвоенной версии — блок 2×2 похожих пикселей. Настоящее увеличение — сохранение резкости, выдумывание правдоподобной детали в новом пиксельном пространстве — требует AI-модели, обученной на миллионах пар изображений. С этим хорошо справляются Topaz Gigapixel, открытые ESRGAN-инструменты и Upscayl (бесплатно, локально).
Для большинства задач — уменьшать, не увеличивать — это всё неважно. Инструмент сделан под эти 95% случаев. Если конкретно нужно увеличить низкоразрешённое изображение с сохранением резкости — бери AI-апскейлер. Если просто нужно побольше и тебе не критична лёгкая мягкость (печать 1000×1000 на 4×4 дюйма на принтере с низким DPI), наш инструмент подойдёт.
Сжатие или ресайз: что выбрать
Эти две операции часто путают. Они делают разное и подходят для разного.
| Операция | Что меняет | Что сохраняет | Лучше всего для |
|---|---|---|---|
| Ресайз | Размеры в пикселях (1920×1080 → 960×540) | Качество на пиксель | Изображение в меньшем размере; нужно уменьшить и файл, и видимый размер |
| Сжатие | Качество кодирования (файл меньше, изображение примерно как было) | Размеры в пикселях | Нужен меньший файл при сохранении исходного размера на экране |
| Оба (рекомендуется) | Размеры и качество | — | Максимум уменьшения размера с предсказуемым результатом |
Комбо даёт наибольший выигрыш. Фото 4032×3024 на 4,8 МБ, ресайз до 1920×1440 и сжатие на 75% JPG приземляются примерно на 380 КБ — уменьшение на 92% без видимой потери на обычной дистанции просмотра. То же фото только сжатое (полное разрешение, 75% JPG) — около 2 МБ. То же фото только в ресайзе (1920×1440, 92% JPG) — около 850 КБ. Ресайз плюс сжатие бьёт любую операцию по отдельности.
Похожие инструменты
Изменение размера — часть более широкого набора:
- Сжатие изображений — менять качество без размеров. Пара к ресайзу для максимума уменьшения.
- Конвертер форматов изображений — переводить между PNG, JPG и WebP. Перевод фото из PNG в WebP обычно экономит больше, чем ресайз PNG.
- Обрезка изображения — вырезать часть. Часто лучше ресайза, когда нужна только часть картинки.
- PNG в WebP — специально для случая PNG → WebP.
- HEIC в JPG — для формата фото iPhone перед ресайзом.
Частые вопросы
Фиксация пропорций не даёт исказить изображение?
Да. С включённой фиксацией (по умолчанию) при изменении ширины высота автоматически подстраивается, чтобы сохранить пропорции — картинка не сожмётся и не растянется. Сними фиксацию, чтобы задать обе стороны независимо — полезно для непропорционального места вроде карточки 1200×630, даже если исходник 4:3.
Точно ли моё изображение не загружается?
Да. Декодирование — нативный загрузчик; ресайз — canvas с высоким качеством сглаживания; кодирование — canvas.toBlob(). Ноль исходящих запросов во время ресайза. Проверь во вкладке Network, если хочешь убедиться.
Почему появляется предупреждение при увеличении?
Потому что браузер использует билинейную интерполяцию для canvas-ресайза. Удвоение разрешения 1000×1000 до 2000×2000 не добавляет реальной детали — оно усредняет соседние пиксели, и получается мягко и слегка размыто. Для настоящего увеличения (сохранения резкости, добавления правдоподобной детали) нужен AI-апскейлер (Topaz, ESRGAN, Upscayl). Для большинства задач — уменьшение, а не увеличение — этот инструмент именно то, что нужно.
Какие форматы вывода поддерживаются?
Тот же формат, что и вход. PNG остаётся PNG (с прозрачностью). JPG остаётся JPG. WebP остаётся WebP. Чтобы поменять формат и размер, прогоняй через этот инструмент, потом через Конвертер форматов — или наоборот.
Какой максимальный размер?
50 МБ на файл. Размеры на выходе ограничены 16000×16000 пикселей — больше может превышать лимит canvas в некоторых браузерах. Для большинства задач (фото с телефонов, скриншоты, веб-картинки) потолок намного выше нужного.
Сохраняет ли вывод EXIF?
В основном нет — canvas-пересохранение вырезает большую часть EXIF. Модель камеры, GPS, экспозиция теряются. Для тех, кто отправляет фото в сеть, это плюс (вырезает GPS, которым ты не собирался делиться). Для архивирования, где EXIF важен, используй инструмент, который его сохраняет — ImageMagick или ExifTool умеют менять размер без пересохранения.
Чем это отличается от сжатия?
Ресайз меняет размер в пикселях (1920×1080 → 960×540). Сжатие сохраняет размеры, но меняет качество кодирования (1920×1080 → 1920×1080, файл меньше). Оба уменьшают файл; ресайз также визуально уменьшает картинку при нативном размере. Для максимума: сначала ресайз, потом сжатие.
Работает ли это для пакетного ресайза?
В v1 — нет, по одному изображению. Многофайловый пакет на дорожной карте. Пока прогоняй по одному или используй десктопный инструмент (XnConvert, ImageMagick) для больших партий.