Instagram stories looks bad

%3CLINGO-SUB%20id%3D%22lingo-sub-2268593%22%20slang%3D%22en-US%22%3EInstagram%20stories%20looks%20bad%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2268593%22%20slang%3D%22en-US%22%3E%3CP%3EWhen%20i%20see%20instagram%20stories%20it%20looks%20very%20bad.%20I've%20tried%20check%20it%20in%20Chrome%20and%20it%20looks%20well.%3C%2FP%3E%3CP%3ETried%20to%20find%20out%20some%20setting%2C%20but%20nothing%20helps%20me%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20blurred%20only%20nickname%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Stories%20%E2%80%A2%20Instagram%202021-04-12%2022-16-08.png%22%20style%3D%22width%3A%20875px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F272195i4FF41C7848AB923E%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Stories%20%E2%80%A2%20Instagram%202021-04-12%2022-16-08.png%22%20alt%3D%22Stories%20%E2%80%A2%20Instagram%202021-04-12%2022-16-08.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2268593%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Einstagram%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Epicture%20optimisation%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2268812%22%20slang%3D%22en-US%22%3ERe%3A%20Instagram%20stories%20looks%20bad%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2268812%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3Ewhich%20Edge%20version%20does%20this%20happen%20on%3F%20and%20also%20please%20try%20disabling%20all%20of%20your%20extensions%20and%20see%20if%20it%20changes%20anything.%3CBR%20%2F%3E%3CBR%20%2F%3Eyou%20can%20also%20clear%20browser%20cache%20data%20from%20here%3A%20edge%3A%2F%2Fsettings%2FclearBrowserData%3CBR%20%2F%3Ethat%20sometimes%20fixes%20website%20loading%20issues%20as%20well.%3CBR%20%2F%3Ehope%20that%20helps%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2269532%22%20slang%3D%22en-US%22%3ERe%3A%20Instagram%20stories%20looks%20bad%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2269532%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3Bi%20have%20same%20issue%20on%20mobile%20phone%20(i%20don't%20have%20any%20extensions%20there)%3C%2FP%3E%3CP%3EAlso%20i%20tried%20to%20clear%20all%20caches%20and%20did%20not%20get%20any%20result%20on%20desktop%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222021-04-13%2009.43.47.jpg%22%20style%3D%22width%3A%20461px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F272345iDCFD9C0675ECCB1C%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222021-04-13%2009.43.47.jpg%22%20alt%3D%222021-04-13%2009.43.47.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHere%20is%20diff%20on%20same%20page%20with%20chrome%20and%20edge.%20I%20found%20missing%20srcset%20in%20edge%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22DevTools%20-%20www.instagram.com_stories_onnepoke_2550098269848440169_%202021-04-13%2010-03-14.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F272347i4F45619FD64C0FCD%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22DevTools%20-%20www.instagram.com_stories_onnepoke_2550098269848440169_%202021-04-13%2010-03-14.png%22%20alt%3D%22DevTools%20-%20www.instagram.com_stories_onnepoke_2550098269848440169_%202021-04-13%2010-03-14.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2269656%22%20slang%3D%22en-US%22%3ERe%3A%20Instagram%20stories%20looks%20bad%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2269656%22%20slang%3D%22en-US%22%3EI%20tried%20Instagram%20stories%20on%20my%20Edge%20Version%2089.0.774.76%20(Official%20build)%20(64-bit)%3CBR%20%2F%3Eand%20also%20Version%2091.0.845.2%20(Official%20build)%20dev%20(64-bit)%3CBR%20%2F%3EI%20have%20a%20bunch%20of%20extensions%20too.%20everything%20loaded%20correctly%20(I'm%20on%20Windows)%3CBR%20%2F%3EI%20don't%20know%20exactly%20how%20it%20looks%20bad%20for%20you%2C%20couldn't%20notice%20it%20from%20the%20screenshot%20you%20attached%20in%20the%20first%20post.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20think%20at%20this%20point%20the%20best%20way%20is%20to%20send%20a%20feedback%20using%20the%20feedback%20button%20on%20Edge.%3CBR%20%2F%3Epress%20Edge's%20(...)%20menu%20button%20%3D%26gt%3B%20Help%20and%20feedback%20%3D%26gt%3B%20send%20feedback%3CBR%20%2F%3E%3CBR%20%2F%3Eyou%20can%20then%20click%20on%20attachment%2C%20go%20to%20recreate%20my%20problem%2C%20start%20recording%2C%20and%20while%20it's%20recording%2C%20reproduce%20the%20problem%20again%20and%20send%20it.%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2269666%22%20slang%3D%22en-US%22%3ERe%3A%20Instagram%20stories%20looks%20bad%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2269666%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3Bhere%20is%20the%20diff%20(left%20-%20chrome%2C%20right%20-%20edge)%3C%2FP%3E%3CP%3EWill%20try%20send%20feedback%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2269672%22%20slang%3D%22en-US%22%3ERe%3A%20Instagram%20stories%20looks%20bad%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2269672%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Screenshot%202021-04-13%20at%2011.24.29.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F272369iFCB38D245A29FD3A%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Screenshot%202021-04-13%20at%2011.24.29.png%22%20alt%3D%22Screenshot%202021-04-13%20at%2011.24.29.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3Emissed%20image%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

When i see instagram stories it looks very bad. I've tried check it in Chrome and it looks well.

Tried to find out some setting, but nothing helps me

 

I blurred only nickname

 

Stories • Instagram 2021-04-12 22-16-08.png

 

10 Replies
Hi,
which Edge version does this happen on? and also please try disabling all of your extensions and see if it changes anything.

you can also clear browser cache data from here: edge://settings/clearBrowserData
that sometimes fixes website loading issues as well.
hope that helps

@HotCakeX i have same issue on mobile phone (i don't have any extensions there)

Also i tried to clear all caches and did not get any result on desktop

 

2021-04-13 09.43.47.jpg

 

Here is diff on same page with chrome and edge. I found missing srcset in edgeDevTools - www.instagram.com_stories_onnepoke_2550098269848440169_ 2021-04-13 10-03-14.png

I tried Instagram stories on my Edge Version 89.0.774.76 (Official build) (64-bit)
and also Version 91.0.845.2 (Official build) dev (64-bit)
I have a bunch of extensions too. everything loaded correctly (I'm on Windows)
I don't know exactly how it looks bad for you, couldn't notice it from the screenshot you attached in the first post.

I think at this point the best way is to send a feedback using the feedback button on Edge.
press Edge's (...) menu button => Help and feedback => send feedback

you can then click on attachment, go to recreate my problem, start recording, and while it's recording, reproduce the problem again and send it.

@HotCakeX here is the diff (left - chrome, right - edge)

Will try send feedback

Screenshot 2021-04-13 at 11.24.29.png

missed image

Ah so it looks blurry,
hopefully the feedback you send will be useful in determining the source of the problem.

in the meantime, you can try changing hardware acceleration, restart browser and see if it makes any difference: edge://settings/system

and you're not using any custom flags, right? edge://flags/
Yeah, i'm using default browser settings and already tried to disable hw acceleration, but nothing help
Okay, if you entered your email in the feedback, Edge team will contact you if they need more information.
I have the same problem too on my MacBook. In Chrome it is good quality, in Edge static images in Instagram stories are always blurred.

@Никита Глазов thanks for letting me know I'm not the only one.  when I used Edge to view the story, the image returned from IG CDN is of smaller size and dimension, much less than 10KB and is 480x240 usually.  when I used firefox to view exactly the same story, the image returned from IG CDN is relatively larger, around 33KB and it's about 850x480 pixel.

 

Specifically to my own IG story, its image URL made by Edge is started with https://instagram.fhkg3-1.fna.fbcdn.net/v/t51.2885-15/e35/p240x240/. and the one made by Firefox is started with https://instagram.fhkg3-1.fna.fbcdn.net/v/t51.2885-15/e35/p480x480/ 

 

If we look at the JSON response from the media network call, you will see there are 12 diff. dimensions for Edge to choose, e.g. https://i.instagram.com/api/v1/feed/reels_media/?reel_ids={your IG id here}.  Then you can see there are 13 choices of dimensions under "reels_media[0].items[0].image_versions2".

 

I believe you are right that the attribute "srcset" is missing in Edge, such that the response image handling logic is not triggered, as shown in:

 

var s = i(d[0])(function () {
return !r(d[1]).isBrowser('Edge') && 'srcset' in document.createElement('img')
}),