Как пользоваться
- Нажмите Выберите файлы или перетащите картинки в окно. Фото сохраняют ориентацию, с которой их видели.
- Используйте 90° влево, 90° вправо или 180°, либо задайте Угол (градусы) ползунком. При необходимости отразите картинку кнопками Отразить по горизонтали или Отразить по вертикали.
- Проверьте предпросмотр первой картинки, затем выберите Цвет фона или оставьте углы прозрачными.
- Нажмите «Повернуть изображения», затем скачайте каждую картинку или все сразу одним ZIP-файлом.
Четверть оборота и произвольный угол
Четверть оборота меняет местами ширину и высоту картинки, а половина оборота их сохраняет. Оба поворота точны, поэтому картинка не размывается. Любой другой угол поворачивает картинку вокруг её центра и даёт холст больше: наименьший прямоугольник, который вмещает всю повёрнутую картинку. Новые углы заполняются цветом фона или остаются прозрачными в PNG и WebP.
ширина после поворота = ширина × |cos угла| + высота × |sin угла|
высота после поворота = ширина × |sin угла| + высота × |cos угла|
Отражения и порядок шагов
Отражение зеркалит картинку по её вертикальной или горизонтальной средней линии. Страница сначала отражает, а потом поворачивает, поэтому отражение и поворот вместе дают ту же картинку, которую получил бы человек, держа распечатанное фото, переворачивая его и поворачивая.
Фото, которые уже лежат боком
Многие фотографии с телефона хранятся боком с меткой ориентации, и браузер применяет эту метку при чтении файла. Поворот начинается с картинки в том виде, в каком вы её видите, поэтому ориентацию заранее исправлять не нужно.
Пример: наклон альбомного фото на 30°
Альбомное фото 1 000 × 600 пикселей, повёрнутое на 30 градусов, требует холст 1 167 × 1 020 пикселей: ширина равна 1 000 × cos 30° + 600 × sin 30°, высота равна 1 000 × sin 30° + 600 × cos 30°, округлённым вверх. Углы повёрнутого прямоугольника выходят за исходную рамку. Новые углы заполняются выбранным цветом фона или остаются прозрачными в PNG.
Поворот на 90 градусов даёт вертикальную картинку 600 × 1 000 пикселей без пустых углов вовсе.
Частые вопросы
Снижается ли качество картинки при повороте?
Четверть или половина оборота точны, поэтому пиксели только переставляются. Любой другой угол требует пересчёта картинки, из-за чего её края немного смягчаются, и страница один раз записывает новый файл с высоким качеством.
Почему после поворота появляются цветные углы?
Наклонённый прямоугольник оставляет пустые треугольники по углам. Они заполняются выбранным цветом фона. Отметьте «Оставить углы прозрачными» и используйте PNG или WebP, чтобы оставить их чистыми.
Как перевернуть картинку вверх ногами?
Выберите кнопку 180°. Половина оборота сохраняет размер картинки и поворачивает её через центр.
Можно ли повернуть несколько фото на один и тот же угол?
Да. Добавьте до 50 картинок, задайте угол один раз и скачайте все результаты одним ZIP-файлом. Каждая картинка сохраняет имя с добавленным -rotated.
Загружаются ли мои картинки при повороте?
Нет. Ваш браузер читает, поворачивает и записывает каждую картинку на вашем устройстве. Проверить можно так: после загрузки страницы выключите интернет.
Источники
- MDN (на английском): CanvasRenderingContext2D.rotate(), поворот рисунка вокруг начала координат
- MDN (на английском): createImageBitmap(), чтение ориентации фото
Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..