Как вывести изображение в одинаковых размерах, например 100х100 как?

Question

[gomer1726]

Вот с верху изображение сжато как то не так, а с низу нормально. Но как это сделать чтобы правильно отображалась при одинаковых размерах? Например обрезать что-ли?

Answer 1

[Денис Инешин]

Фоном. Вот 2 фотки неизвестного размера вписаны в формат:
https://jsfiddle.net/oLsy4cm1/

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

Comments

[gomer1726]

Да вот именно так мне и нужно но только не фоном. Если фоном то не будет тега а это мне нужно

Answer 2

[xmoonlight]

1. Чтобы было видно изображение целиком - нужно взять бОльшую сторону и по ней задать ограничение в 100%.
2. Заранее прописать, чтобы все контейнеры с изображением автоматически выравнивались по центру контейнера-держателя по горизонтали и по-вертикали.