HTML - iPhone fails to load image - html

The PNG-pictures on my website www.forksandknives.tk load perfectly when you view the page on a computer, but somehow an iPhone fails to load the picture under the "contact" session properly. It is only showing half the picture. Why is this? I have tried reuploading the picture on the server, but still it doesn't help. Any comments are much appreciated.

Related

Why do images display in raw file URL, but NOT in html display using Chrome? Other browsers are fine

As of October 1, images that are hosted on our server, will NOT display in Chrome for any users when the image is trying to display in html. It works fine in all other browsers. If I paste the exact URL of the image file in the browser, the image works.
example:
This image displays fine here if I paste into my browser:
http://example.com/email/2020/09/file.jpg
But, when the image is included in an html page, the image does not display. i.e. in a webpage, the images show up as missing.
I've discovered that images from other servers work just fine. Why would one server work and another not. I'm trying to get an answer to our I.T. department to let them know if they need to update something on our servers to fix this issue, or if this is a Chrome issue that Google needs to fix?
Any ideas?
Thanks for your help.

Sometimes Images not loading properly

Sometimes images are not loading properly in my website. Not completely. Lets say page includes 15 images. Two or three images not loading properly. Showing like this. When I refresh page, all images loading fine.
(Browser cache disabled)
The strange thing is this. If I inspect not loaded images using dev tools, get image url and paste it into new tab. Image is there!
I just want an idea why this is happening. Is this common issue? or bad host? long css file? or other issue?
This website contains more than 13,000 images stored in db.

My website on loading sometimes shows weird symbols and characters

When I refresh the page again after I see this weird page my website loads normally. I want to understand why this is happening and how can I fix this? Here is the screenshot because my website does load sometimes normally.

AWS Website Images not loading

I manage a website for a school magazine and I have been doing some work on it, however I have noticed that suddenly some of the images are not loading and giving error 404 messages when just a day ago it was working fine. I thought it might just be my web browser (chrome) and so I tried changing the browser and used edge and while some of the pictures loaded when they did not before some other ones now did not load.
The website is hosted on AWS using elastic beanstalk and S3. Here is a link to the website: Ink Magazine
Here are some pictures of the problems I am getting:
Ink Featured Missing Image
Any insight into why this is happening would be greatly appriciated, I have checked and the images are still on the S3 server and can be downloaded and opened fine, plus the same images still work when the article is opened.
Thanks
Your image URLs look weird to me. For example this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png/true/x2016-06-19T20,3A13,3A49Z.pagespeed.ic.EdDYAbdtI_.webp
If I remove everything after the .png then the image loads, like this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png
It looks like you may have tried adding Google PageSpeed to your site, but it isn't configured properly?

sharepoint restricting images in iframe from showing in IE

I have a Page Viewer web part in SharePoint 2013 pointing to a relative URL (html file) on the same server, which is displayed in an iFrame. In Firefox the page is displayed fine, but in IE10 (and Edge, 9, 8, ect) the images are just error 'x' boxes. I've been reading all morning about IE zones and such but I haven't been able to find any solution. I have copy/pasted the URL for the image directly into the browser and I can confirm the link is correct. Can anyone help? Please let me know if I've missed including any information.
Here is what the page looks like:
EDIT: I just checked the network traffic for page during image loading and all 3 came back with a 200 result and correct data size.
I changed all my images to JPG and they started working. I can't explain why, but it solved my issue.
Leaving this open for a bit to see if anyone can shed some light.