Определить пропорции изображения

Как считается соотношение сторон

Ширина и высота делятся на общий делитель: у 1920 × 1080 это 120, и выходит 16:9. Если сократить почти нечего, запись остаётся длинной: у экрана 1366 × 768 соотношение 683:384. Рядом показан ближайший стандарт и отличие от него в процентах, для 1366 × 768 это 16:9 с отличием 0,05 %.

Размер из файла

Ширина и высота читаются из заголовка файла прямо в браузере, сам файл никуда не уходит. Поэтому размер определяется и у снимков HEIC с iPhone, TIFF и PSD, которые браузер не открывает. Если снимок повёрнут меткой EXIF, берётся размер в том виде, в каком его покажет браузер. У SVG с одним viewBox пропорция берётся из него.

Обрезать или добавить поля

При обрезке одна сторона остаётся прежней, а лишнее с другой снимается поровну с двух краёв. Поля добавляются к стороне, которой не хватает, и картинка сохраняется целиком. Когда ровная пропорция в целых пикселях не получается, показано отличие и ближайший размер, где она точная.