Параметры вывода картинки

[Smolalit]

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

[emppire]

А если не выставлять самому эти параметры, то что происходит?

[Smolalit]

Выводится картинка в 100% размере (например, 200х300). А мне нужно ее сжать до 100px по высоте и 100  по ширине, но с сохранением пропорций. Вот загляните пожалуйста http://moyvozrast.ru/

[emppire]

1. Вообще на сколько я знаю, под такие шаблоны (для вывода картинок в анонсах на странице) как у вас необходимо загружать картинки с равными краями. Обрезать правильно картинку 200х300 для вставки в 100х100 они не могут.
2. Плюс вам нужно установить какой нибудь плагин для изображений т.к. у вас его нет и картинки выводятся в другом окошке. Возможно это поможет, там есть настройки изображений. Попробуйте Auto Highslide или какой нибудь Lightbox.
3. В настройках самого wordpress "Параметры" - "Медиафайлы", так же есть настройка изображений

[Segoro]

Сжимать картинки не нужно, это только будет искажать изображение и портить качество. Их надо обрезать под пропорцию 1:1 , выбирать самый яркий и запоминающийся фрагмент из картинки.
Это можно сделать в графических редакторах, таких как фoтошоп, например, или PaintNet. Затем для анонса вставлять обрезанную картинку, которая с равными сторонами, она уже сама станет в шаблоне под 100х100, а в самой статье ставить нормальную не обрезанную картинку.

[Smolalit]

Проблему решила. Картинку сделала фоном div-а (<div style="background-image:url(путь)" class="imgg">), а в css указала свойство background-size: cover. Теперь всё, как я и хотела. Спасибо за ответы, они задали мне правильный путь поиска информации.