Не поняли вы алгоритм и зачем он нужен, да и в верстке "просмотрели" (ссылка на полно размерную картинку в всплывающем окне, а сама картинка из кеша адаптивного ресайза)
Для правильного выравнивания по границе картинок, а не по "белому" полю, тем более другим цветом на белом к примеру (поймут кто сталкивался). Поэкспериментируйте на черном бекграунде html с нормальными изображениями, а не "искусственными" с вырезанным бекграундом. Т е реальными изображениями. Поймете тогда
Другого алгоритма как это сделать - нету. Или поля или без полей и с ЧАСТИЧНОЙ обрезкой изображения.
Чем лучше подобраны размеры тем меньше обрезается изображение. Иногда - практически не заментно
Это самый правильный адаптивный ресайз По другому не сделаешь с фиксированными размерами opencart -а, и в других CMS тоже
Отличия могут быть только в центровке изображения при ресайзе. Оптимальный по центру
http://php.net/manual/ru/imagick.adaptiveresizeimage.php