Embedded Images Fail to Appear (all of a sudden, was working)

[4dsolutions]

I hope I'm posting in the right place. I'm perplexed because my embedded images are no longer showing as of Jan 1 2024 in my many repos.

Consider:
https://github.com/4dsolutions/m4w/blob/main/Polyhedrons.ipynb
https://github.com/4dsolutions/MartianMath/blob/master/mm5.ipynb

The main pix have been coming from Flickr and all has been smooth. At the very top left, are "broken image" icons next to 'Open in Colab' and 'nbviewer'. Both of these pull up the very same Jupyter Notebook in different hosting enviros (colab and nbviewer) and these work fine as they always have, with the images all showing up.

Compare:
https://nbviewer.org/github/4dsolutions/m4w/blob/main/Polyhedrons.ipynb
https://nbviewer.org/github/4dsolutions/MartianMath/blob/master/mm5.ipynb

The images also all show up locally before I push to github. I haven't made any significant changes to trigger such a global change in behavior. I've tested on different computers with different browsers. Note these pix are coming from outside Github, but that hasn't been a problem until today.

[afidyoga]

If you are experiencing issues on GitHub where embedded images don't consistently appear or suddenly start working, there are several steps you can try to address the problem:

Refresh the Page:
Refresh the GitHub page. Sometimes, temporary issues can be resolved by refreshing the page.

Clear Cache:
Try clearing your browser cache. Cache that is sometimes expired or corrupted can cause display issues, such as images not appearing.

Check Image URL:
Ensure that the URL used to embed the image is correct. Use the full link pointing to the correct location of the image in the repository or an external site.

Image Format and Extension:
Make sure the embedded image has a supported format and extension. GitHub supports many common image formats such as PNG, JPEG, GIF, etc.

Check Internet Connection:
Ensure your internet connection is stable. If the connection is interrupted or slow, images may not load properly.

Use Absolute Links:
If you are embedding images from a different repository, consider using absolute links (like https://github.com/username/repository/path/to/image.jpg) instead of relative links.

GitHub Status:
Check the GitHub status on the GitHub Status Page. There might be a common issue on the platform affecting image availability.

Check Repository Configuration:
Ensure there are no access restrictions or specific configurations in the repository that could hinder image retrieval.

Contact GitHub Support:
If all the above steps fail and the issue persists, consider reaching out to GitHub's technical support for further assistance.

If you have additional information or error messages that appear, it can help in determining the root cause of the issue.

[4dsolutions]

Given the nbviewer.org and colab.research.google.com Jupyter Notebook servers are still correctly rendering the embedded images in question, in the very same files pulled from Github, I can only conclude that Github has somehow inadvertently dumbed down its own JN server or has otherwise blocked 3rd party pictures. I doubt any action will be taken so long as it's "just me" so I'm on the lookout for any corroborating reports.

[marwan116]

I am facing the same issue with notebooks no longer rendering images that were rendering fine a few days ago

[4dsolutions]

I don't think these imported (off site) images are getting handed off to camo, the image caching service. Searching those anonymized URLs directly gives Bad Signature error. It might be an intentional policy change giving we're here at the year flipover, I just haven't found where it's spelled out. Thankfully nbviewer is still doing the job.

I have a lot of somewhat fancy embedded HTML suggested by Flickr (example appended), and that was all working just fine, never an issue. I've substituted the simplest Markdown ![name](URL) syntax in some cells for testing, but no dice: still not downloading. Yet when I click on the broken glass icon, it takes me right there (to the intended picture on Flickr).

Example of what used to work (doesn't since New Years). Hey it works here!

<script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>