Отразить и повернуть изображение
FreeПереворачивайте изображение по горизонтали или вертикали, или поворачивайте на 90°, 180° или любой пользовательский угол прямо в браузере.
Работает полностью в вашем браузере. Ваше изображение никуда не загружается.
Нажмите, чтобы выбрать изображение, или перетащите его сюда
Недавняя активность
Видно всем. Последние 20 использований от всех посетителей, сначала новые.
Rotate 90° CW · 4032×3024
1 неделю назад
Rotate 90° CW · 3024×4032
1 неделю назад
Rotate 90° CW · 4032×3024
1 неделю назад
Flip Vertical · 3024×4032
1 неделю назад
Flip Horizontal · 3024×4032
1 неделю назад
Rotate 180° · 3024×4032
1 неделю назад
Rotate 90° CCW · 3024×4032
1 неделю назад
Rotate 180° · 4032×3024
1 неделю назад
Что делает этот инструмент
Отражает изображение по горизонтали или вертикали, поворачивает на 90° или 180° одним щелчком, или поворачивает на любой пользовательский угол от -180° до 180° с выбором прозрачного или сплошного цветного фона для открытых углов, всё прямо в вашем браузере.
Как это работает
Отражение по горизонтали зеркально отображает каждый пиксель относительно вертикальной центральной линии, поэтому пиксель в столбце x меняется местами с пикселем в столбце (ширина - 1 - x) в той же строке. Отражение по вертикали делает то же самое относительно горизонтальной центральной линии, меняя строку y со строкой (высота - 1 - y). Поворот на 90° и Поворот на 180° переставляют каждый пиксель в новую позицию, используя точные целочисленные координаты, без передискретизации и без потери качества, и меняют местами ширину и высоту изображения при поворотах на 90°. Ползунок пользовательского угла использует встроенное преобразование поворота холста для поворота изображения вокруг его центра на любой угол, при этом новый размер холста вычисляется по классической формуле ограничивающей рамки для повёрнутого прямоугольника: новаяШирина = |Ш×cos(θ)| + |В×sin(θ)|, новаяВысота = |Ш×sin(θ)| + |В×cos(θ)|, так что всё повёрнутое изображение всегда помещается без обрезки.
Какие проблемы решает
- Исправление фотографии, снятой боком или вверх ногами с телефона или камеры.
- Отражение фотографии так, чтобы человек или объект смотрел в другую сторону.
- Выравнивание слегка наклонённой фотографии или создание намеренно наклонённого элемента дизайна.
Часто задаваемые вопросы
›В чём разница между "Отразить" и "Повернуть"?
Отражение зеркально отображает изображение относительно оси, как если бы вы смотрели на него в зеркале, поэтому левая и правая (или верхняя и нижняя) части меняются местами, но ничего не поворачивается. Вращение поворачивает всё изображение вокруг его центра на определённый угол, поэтому его ориентация меняется, но оно никогда не отражается зеркально.
›Почему кнопки отражения и поворота на 90°/180° применяются мгновенно, а для пользовательского угла требуется "Применить вращение"?
Отражение и поворот на точные кратные 90 градусам просто переупорядочивают существующие пиксели в новую сетку, поэтому предпросмотр не нужен, результат однозначен в момент нажатия. Пользовательский угол требует передискретизации и выбора фона для открывающихся углов, поэтому сначала показывается живой предпросмотр, и он применяется к изображению только после нажатия Применить, позволяя точно настроить угол и фон перед фиксацией.
›Почему холст становится больше, когда я поворачиваю на пользовательский угол?
Поворот прямоугольника на любое значение, отличное от кратного 90 градусам, заставляет его выходить за пределы исходной ограничивающей рамки, как наклонённая фоторамка, требующая большего пространства на стене. Холст увеличивается, чтобы точно вместить повёрнутое изображение, чтобы ни одна его часть не была обрезана, а углы, оставшиеся пустыми из-за поворота, заполняются выбранным вами цветом фона или остаются прозрачными.
›Стоит ли выбрать прозрачный фон или сплошной цвет для поворота на пользовательский угол?
Прозрачный вариант лучше всего подходит, если вы собираетесь разместить повёрнутое изображение поверх чего-то ещё, например макета дизайна или другой фотографии, поскольку он скачивается в формате PNG, сохраняющем эти углы прозрачными. Сплошной цвет имеет смысл, если изображение должно существовать отдельно, например, заполнять цветную карточку или соответствовать фону страницы.
›Загружается ли моя фотография куда-либо?
Нет. Каждое отражение и вращение происходит локально в вашем браузере с использованием API HTML canvas. Ничего не отправляется на сервер.
Похожие инструменты
Изображение
Яркость и контраст изображения
Настройте яркость и контраст изображения в браузере с живым предпросмотром, затем скачайте результат.
FreeИзображение
Регулятор экспозиции изображения
Настройте экспозицию изображения в фотографических ступенях (EV), применяемых в линейном свете для физически точного результата.
FreeИзображение
Регулятор насыщенности изображения (Vibrance)
Усильте или уменьшите насыщенность цвета изображения, защищая уже яркие цвета и серые тона, в отличие от плоского изменения насыщенности.
FreeИзображение
Микшер каналов изображения
Независимо масштабируйте интенсивность красного, зелёного и синего каналов изображения с живым предпросмотром.
Комментарии (0)
Понравился инструмент? Оставьте комментарий, поделитесь советом или расскажите, как нам его улучшить.
Пока нет комментариев. Будьте первым, кто поделится мнением!