выбор области img для показа
 

Здравствуйте! Помогите назвать словами что мне нужно , не могу найти в интернете код и как это реализовать.
Если ошибся темой, извините, изучу форум и буду писать куда надо.
в общем - я имею img на сервере и вывожу img <img src=''/> в том виде как я его загрузил( ширина , высота нормируется только средствами css).
Но пропорции будут размазаны под стиль css. мне нужен код как например в css у меня стоит 400х400 и я мог бы двигать рамкой строго на 400х400 по img и устанавливать область для показа, чтобы сохранить стиль сайта , ровные пропорции но сделать кароче обыкновенный crop. Спасибо!

Ой ли так и не найти?

Так обрезать или изменить размеры?
https://developer.mozilla.org/ru/doc...ponsive_images

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

Ну так и спрашивайте Гугл - crop image, полно решений. А если нужно фиксированное значение для всех, то и без этого обойтись можно, сервер при загрузке уменьшит, отрежет излишки и сохранит.