Изменить размер под шапку профиля X и Twitter

Что полоса 3:1 делает с фотографией

Баннер профиля — 1500 пикселей в ширину и 500 в высоту, то есть три к одному. Почти ничего не снимают в пропорции три к одному. Матрицы камер дают 3:2, телефоны снимают 4:3, а всё, что уже обрезано под ленту, квадратное или выше, чем шире, поэтому любое приходящее сюда изображение вынуждено отдать бо́льшую часть высоты или потратить бо́льшую часть баннера на фон. В этом вся проблема, и встретить её лучше до загрузки, чем после. Цифры — для тех пропорций, которые у людей действительно есть. Файл с камеры 6000 x 4000 — это 3:2, и при заполнении баннера от него остаётся ровно половина высоты. Телефонное фото 4032 x 3024, снятое горизонтально, сохраняет 44 процента. Тот же телефон, повёрнутый вертикально, — 25 процентов. Квадратный экспорт сохраняет треть. Во всех этих случаях уцелевшая полоса берётся из середины по вертикали, потому что здесь ничто не знает, где находится объект съёмки, — так что горизонт на двух третях высоты кадра или лицо в нижней трети — это ровно та композиция, которая выходит неправильно. Сохранение всей картинки выворачивает каждую из этих цифр наизнанку в фон: вертикальный снимок превращается в картинку шириной 375 пикселей с 562 пикселями однотонной заливки с каждой стороны. Некоторые снимки переносят это хорошо. Пейзаж с широким горизонтом, фактура, повторяющийся узор, длинный ряд чего угодно, кадр, намеренно снятый с воздухом по обеим сторонам, — они отдают высоту, которая всё равно ничего не держала. Одиночный портрет, крупный план или изображение, скомпонованное внутри квадрата, — нет, и никакая настройка вписывания их не спасёт. Когда картинка важна, вырежьте из неё полосу 3:1 вручную инструментом обрезки на этом сайте, сами выбрав, какая полоса уцелеет, и уже её принесите сюда, чтобы точно попасть в 1500 x 500. Разрешение здесь редко становится преградой: 1500 пикселей по ширине — меньше того, что выдаёт почти любой телефон или камера, и большинство исходников уменьшаются, а не растягиваются. Исключение — полоса, вырезанная из чего-то уже маленького: полоску из снимка экрана шириной 1080 пикселей приходится увеличивать примерно в 1,4 раза, чтобы дойти до 1500, и строка результата называет этот коэффициент, а не применяет его молча. По весу и формату: загрузка принимает JPEG, PNG и GIF и ограничена 2 МБ — потолком, до которого фотография 1500 x 500 никогда не дотягивает, типично это несколько сотен килобайт. Как и везде на этом сайте, масштабирование и обрезка выполняются на элементе canvas в вашем браузере, и ни одна копия картинки не отправляется на сервер.