Работа с картинкой вида img src="/crops/a7303253abf"

[WalkWeb]

Постараюсь объяснить проблему коротко и понятно.

Необходимо поправить верстку, по-сути, простой div с картинкой внутри. Для того, чтобы сделать что нужно, нужно картинку убрать, и сделать её в виде background-image у div-а. В целом ничего сложного, если бы не одно но:

Картинка вставляется через:

<img src="<?= ImgHelper::cropImg($new['image'], 800, 400) ?>" alt="" />

В html коде выглядит так:

<img src="/crops/a7305823253abf7706a" alt="" />

И отображается нормально. Но если пробую сделать стиль у блока

background: url('/crops/a7305823253abf7706a');

Картинка не отображается. 

Вопрос - как быть? Вариант поправить бек-энд и получать прямые ссылки на картинки вида site.ru/images/img.jpg - не подходит, так как картинки берутся с другого сайта (и ImgHelper::cropImg в этом плане помогает избежать тысяч внешних ссылок).

 

Edited August 29, 2017 by WalkWeb

[Switch74]

попробуйте сделать так:
<div style="background: url('<?= ImgHelper::cropImg($new['image'], 800, 400) ?>');"></div>

[WalkWeb]

Хотел написать "пробовал, не работает", но попробовал еще раз, и путь:

background: url('/crops/a7303253abf7706adcf83ca66d2daa53');

Обработался нормально - картинка отображается.

Странно, до этого пробовал тоже самое - не отображалось. Думал, что ему обязательно расширение файла нужно.