Что меняется при изменении размера, а что нет
Изменение размера меняет количество пикселей. Фото с телефона 4000 × 3000 — это 12 миллионов пикселей; после уменьшения до 1600 × 1200 их меньше 2 миллионов. На обычном экране картинка выглядит так же, но открывается быстрее и весит в разы меньше.
Кадр при этом не меняется. Если нужна другая форма — например, квадрат из горизонтального снимка, — это уже обрезка. Этот инструмент масштабирует изображение целиком; для точных форматов есть готовые размеры ниже и Обрезка изображения.
Три способа задать размер
- Ширина или высота с включённым «сохранять пропорции». Вводите одно число — второе считается само. Это безопасный вариант: ничего не растягивается.
- Масштаб в процентах. 50% уменьшает обе стороны вдвое; можно указать от 1 до 400%.
- Оба числа с выключенной блокировкой. Картинка растягивается или сжимается ровно до введённых значений. Подходит только для минимальных отклонений — лицо, сжатое на 10%, уже выглядит странно.
Пиксели и вес файла
Вес файла примерно следует за числом пикселей. Если уменьшить ширину и высоту вдвое, останется четверть пикселей, и фото на 3 МБ обычно станет около 0,6–1 МБ. Точно предсказать нельзя: детализация, шум и формат влияют не меньше, чем размеры.
Если форма требует ограничение в КБ, а не в пикселях, одно изменение размера — это угадывание. Воспользуйтесь сжатием изображения или готовой целью вроде сжать до 200 КБ: там качество подбирается, пока файл не уложится в лимит.
Какой размер выбрать
| Куда пойдёт картинка | Длинная сторона, обычно |
|---|---|
| Вложение в письмо, мессенджер | 1280–1600 px |
| Статья, сайт | 1200–2000 px |
| Слайд или обои на весь экран | 1920 px (Full HD) или 3840 px (4K) |
| Аватар | 400–1024 px |
| Печать A4 при 300 DPI | 3508 px (A4) |
Для соцсетей удобнее точные пресеты: пост в Instagram, сторис, обложка видео YouTube. В отличие от свободного размера, они ещё и обрезают картинку или добавляют поля, чтобы получилась нужная форма.
Увеличение картинок
Увеличить можно до 400%, но деталей от этого не прибавится. Браузер интерполирует между существующими пикселями, и края становятся мягче. До 1,5× на экране обычно выглядит нормально; от 2× текст и мелкие текстуры заметно размываются. Если нужна большая картинка, берите самый крупный оригинал, а не копию, сохранённую из чата.
Формат и качество результата
Результат сохраняет формат файла: JPG остаётся JPG, PNG — PNG с прозрачностью, WebP — WebP, если браузер умеет его кодировать (иначе получится JPG или PNG, если есть прозрачные области). GIF и SVG сохраняются в PNG, у анимированного GIF остаётся только первый кадр. JPG и WebP записываются с качеством 92% — на фотографиях отличий от оригинала не видно. Чтобы сменить формат намеренно, используйте конвертер изображений.
При сохранении нового файла удаляются и метаданные EXIF — модель камеры, GPS-координаты. Посмотреть, что хранится в файле, можно в просмотрщике EXIF.
Ограничение размера
Результат может быть не больше примерно 16,7 мегапикселя — например, 4096 × 4096 или 5000 × 3350. Это предел canvas в Safari на iPhone, и инструмент применяет его на всех устройствах, чтобы результат не зависел от того, телефон у вас или компьютер. Если ввести больше, размер уменьшится пропорционально, а подсказка покажет фактические значения.
Всё работает в браузере: картинка никуда не загружается, поэтому скорость обработки фото на 20 МБ зависит от устройства, а не от интернета.