Пойми если будет только width="100%" то на больших экранах растянет изображение так что его родная мама не узнает. А если width="512px" то на маленьких экранах за рамки выйдет.

Да нет, не то.
Добавлено 04.02.17 в 03:11:42:
Как то по проще хочу. Это всего одна картинка.

Добрый ночи господа! У меня стоит резиновый дизайн bootstrap как известно он адаптируется под любые экраны.
И сам вопрос у меня есть изображение 512х512 которое идет через обычный вывод и не адаптируется.
Суть вопроса, подскажите пожалуйста как сделать автоматизирование изображения чтобы сжимало в % что ли, с отступом по 5рх боках. Ну и на больших экранах чтобы не растягивало более 512рх.
Добавлено 04.02.17 в 02:23:34:
Сделал вот так только максимальная почему то не работает. <img src="img/logo.jpg" width="100%" max-width: 512px;>