HTML image doesn't show in iOS (Safari, Chrome)

I have an image in my Angular application: <img src="./logo.png">.

The image displays correctly on Windows Chrome and Android devices. However, on iOS devices (Mac, iPhone, iPad), the image is not shown, and a broken image icon appears instead.

When I directly enter the image URL in Chrome on iOS, the image loads correctly. After this, if I navigate back to the main application URL, the image displays properly in Chrome. However, this workaround doesn't work in Safari on iOS.

I've tried preloading the image in the index.html file of the application, but this did not resolve the issue. Any help would be appreciated.

I did try the <link rel="preload" ... as="image"> without any differents results.

Continue reading...