Фотографии обрезаются по размеру дизайна на каждой странице отдельно.
В момент загрузки фотографии в систему, сразу изготавливаются несколько копий разного размера и разных пропорций. Иногда до 30 штук разных файлов.
Обрезка производится от центра. Именно поэтому необходимы файлы большого размера. Из большого всегда можно вырезать любой размер.
Вот список основных размеров на тестовом сайте. На вашем сайте список будет другой. Это зависит напрямую от дизайна.
thumbnail — 150 x 150 (cropped)
medium — 300 x 300
medium_large — 768 x 9999
large — 1024 x 1024
1536×1536 — 1536 x 1536
2048×2048 — 2048 x 2048
large-rect-horizontal — 1390 x 782 (cropped)
small-square — 560 x 560 (cropped)
small-rect-horizontal — 560 x 420 (cropped)
small-rect-vertical — 560 x 747 (cropped)
medium-square — 900 x 900 (cropped)
medium-rect-horizontal — 900 x 675 (cropped)
medium-rect-vertical — 840 x 1120 (cropped)
fullscreen — 1920 x 1920
Вот как прописана картинка на странице новости:
<div class="grve-thumbnail" style="padding-top: 56.259%;">
<img width="1390" height="782" src="https://test.ru/wp-content/uploads/2021/08/kon_5002-1390x782.jpg" class="attachment-large-rect-horizontal size-large-rect-horizontal wp-post-image" alt="" data-column-space="auto" data-lazyload="" data-filter="yes" data-mwl-img-id="8740">
</div>
Саму картинку отдельно можно увидеть вот по такому адресу: https://test.ru/wp-content/uploads/2021/08/kon_5002-1390×782.jpg (тест)
Проще говоря, изображения надо подбирать так, чтобы при любой обрезке они не теряли привлекательности. Иногда, подбирать специально.