Imgur image URL migration: Coming soon to a Stack Exchange site near you!

status-completed

There are many runnable javascript snippets that load images from imgur. Most of them (all?) load from i.imgur.com, not from i.stack.imgur.com because i.stack.imgur.com never had the correct CORS permissions to be useable by snippets

Examples:

• ThreeJS transparent PNG textures black
• https://stackoverflow.com/a/39016418/128511
• https://stackoverflow.com/a/44384283/128511

Will this migration affect these snippets?

Further, will the new image hosting have the correct CORS permission so that images there can be used by snippets?

This seems to have broken Stack App images:

Application Icon must be hosted under Stack Exchange's Imgur account

Anyone that wants to have a network-wide list upfront of their own posts that contain links to the i.stack.imgur.com domain can use this cross-site query:

-- accountid: Accountid "Id of your network profile found on stackexchange.com"
-- includemainsites: Include Main Sites "(1 =yes, 0 = no)"
-- includemetasites: Include Meta Sites "(1 =yes, 0 = no)"
exec sede_ineachdb '
select -- top 10 
       [$site name$] [site name]
     , concat(
         [$site url$], ''/q/'', posts.id, ''|'', 
          coalesce(q.title, convert(nvarchar, posts.id))) [Link]
     , name [PostType]
     , substring(posts.body, patindex(''%http[s:]%/%stack.imgur.com/%'', posts.body), 100) [Part]
     , patindex(''%http[s:]%/%stack.imgur.com/%'', posts.body) [Position]
from posts
inner join posttypes on posttypes.id = posts.posttypeid
inner join users u on u.id = posts.owneruserid
left outer join posts q on q.id = coalesce(posts.parentid, posts.id)
where u.accountid = ##accountid##
and posts.body like ''%http[s:]%/%stack.imgur.com/%''
'
, ##includemainsites:int?1##
, ##includemetasites:int?0##

You'll need your AccountId which you can find by clicking on Network Profile in your User Profile. The AccountId is the number after https://stackexchange.com/users/{accountid}/name.

When you run the query you select posts for either main sites only or meta sites only. That might be needed if you are a prolific user that posted a ton across all sites. So if you're a power user and run into timeouts you have to use the on site Stack Exchange search, sorry.

The result of the query will look like this:

Keep in mind SEDE is updated once a week on Sunday.
Use the great SEDE Tutorial written by the wonderful Monica Cellio.
Say "Hi" in SEDE chat.

1. What is the size limitation for new images uploaded to the new system?

2. Will the help manual or FAQ be updated to have an entry on how to upload a picture?

3. Will there be cross linking in the help so if you search for picture or image or photo you are directed to the relevant help?

4. What image formats will be supported?

The image resize characters do not work the same way on the new hosting as they did on imgur. Resizing the images only takes the width into account, not the height. This causes problems for extremely tall images.

To demonstrate, a 200x700 image uploaded to both imgur and the new hosting service, also rotated to a 700x200 image. All four uses have the "m" resize character at the end, which limits the width to 320px.

imgur on the left, SO on the right.

Wide:

Tall:

The last few weeks or so, I have experienced issues viewing images on Stack Exchange sites.

Often, I don't see images at all. I only see links with the alternate texts (often the default "Enter image description here"). If I follow such as link, I am met with something like this:

"oh no, that request didn't look right
RayID: 88423cb16e5409af"

For example, I cannot see any images in this post.

Here's how it looks for me:

(Ironically, I cannot see this screenshot I just uploaded (?) either.)

If I click on the first link in this Q, I am met with

(and I cannot see this newly uploaded screenshot myself either!).

What is causing this?

About two days ago I was looking at this old CodeGolf post, which (used to have) some great images on it.

• Draw an Image with a Snake

I noticed that the Python code in the post had had a lot of array indices changed: a line that was clearly supposed to say a[1] had become a[6] the first time it was referenced, then a[7] on the next reference, and so on.

So I edited the post to fix those array indices. And when I reloaded the page, I saw that somehow this had broken all the images in the post and I don't see any image URLs anywhere in the post, so I don't know how to recover those images! It just shows fake image names like

![Mona Lisa 0.01 tolerance][1]
![Mandrill 0.01 tolerance][2]

I don't know if this data loss was related to the recent image migration, or some vastly older migration. (The post itself is from 2014!) But I really hope someone can help get those awesome images back. And/or, maybe save some other old posts' images before they're gone.

Thanks for any help!