Как правильно изменять размер изображений с помощью CSS/HTML?
Вот посмотри
если только img тогда надо определится что важнее высота или ширина картинок
в стилях им 
display: inline-block \ block;
width: 64px(auto);
height: auto(64px);
в первом случае приоритет ширины, во втором высоты будет.
я, как правило, использую в таких случаях блок с заданными размерами style="background: url(img.jpg) center center;"
можно еще поиграться с background-size
а вообще Suntechnic прав, пережимайте фотки под нужные контейнеры на стороне сервера и в кеш их
в бутстрапе 3 есть класс img-respontive кстати.