Как лучше центровать изображение?

Question

[faleaksey]

Всем привет! Имеются следующие 2 варианта центровки изображения https://jsfiddle.net/qc9pmb7k/ , первый вариант плох тем что придётся на разных разрешениях(если сам блок адаптивный) задавать разные велечины ширины и высоты блока с изображением, дабы оно всегда было по центру. Второй же вариант избавляет от всего этого(почти) но встаёт вопрос о доступности. Стоит ли в таком случае дописывать aria атрибуты, дабы поисковикам было понятно, что там долэно быть изображение? как же в таком случае title и alt ?
Какие есть альтернативные, максимально простые решения чтобы закрывали следующие 4 вопроса:
1) Доступность
2) Адаптивность
3) Простота css
4) Кроссбраузерность

Answer 1

[Alex]

Если изображение является частью контента — только тег <img alt="">. Если изображение выполняет исключительно декоративную роль тогда фон.

Answer 2

[andrash_]

у родителя:

display flex;
justify-content: center; 
align-items: center;