Page Title Area/Banner blurry/pixelated/distorted

%3CLINGO-SUB%20id%3D%22lingo-sub-2315559%22%20slang%3D%22en-US%22%3EPage%20Title%20Area%2FBanner%20blurry%2Fpixelated%2Fdistorted%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2315559%22%20slang%3D%22en-US%22%3E%3CP%3EWhen%20you%20first%20land%20on%20a%20page%20the%20banner%20image%20is%20blurry%2Fpixelated%2Fdistorted.%20If%20you%20refresh%20the%20page%20in%20your%20browser%20the%20image%20is%20clear%20again.%20This%20is%20the%20same%20across%20all%20browsers%20and%20even%20appears%20to%20happen%20when%20you%20create%20a%20new%20page%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22DustinBryant_0-1619984780063.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F277401i909C864CDBEB09E1%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22DustinBryant_0-1619984780063.png%22%20alt%3D%22DustinBryant_0-1619984780063.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EThis%20occurs%20with%20all%20image%20types%20including%20the%20ones%20from%20Stock%20images.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFirst%20landing%20on%20page%20(using%20image%20from%20Stock%20images)%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22DustinBryant_3-1619985048866.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F277404i1B88B6BD7D33B706%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22DustinBryant_3-1619985048866.png%22%20alt%3D%22DustinBryant_3-1619985048866.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EAfter%20doing%20a%20refresh%20on%20the%20page%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22DustinBryant_4-1619985071135.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F277405iD2ECA78D8D1B6BC5%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22DustinBryant_4-1619985071135.png%22%20alt%3D%22DustinBryant_4-1619985071135.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EDoes%20anyone%20know%20how%20to%20solve%20this%20issue%20or%20ran%20into%20it%20before%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2315559%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2322735%22%20slang%3D%22en-US%22%3ERe%3A%20Page%20Title%20Area%2FBanner%20blurry%2Fpixelated%2Fdistorted%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2322735%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1043161%22%20target%3D%22_blank%22%3E%40DustinBryant%3C%2FA%3E%26nbsp%3B%E2%80%94%20I've%20been%20noticing%20that%20too%20in%20the%20last%20week.%20Even%20after%20I%20force%20the%20high-res%20image%20to%20load%20by%20refreshing%2C%20the%20blurry%20one%20will%20appear%20again%20the%20next%20time%20I%20open%20the%20page.%20This%20looks%20bad%20and%20I'd%20love%20to%20get%20a%20solution.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2323247%22%20slang%3D%22en-US%22%3ERe%3A%20Page%20Title%20Area%2FBanner%20blurry%2Fpixelated%2Fdistorted%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2323247%22%20slang%3D%22en-US%22%3E%3CP%3ESame%20issue%20here.%20Is%20this%20behavior%20dependent%20on%20image%20size%3F%20(I%20haven't%20tested%20but%20am%20wondering%20if%20anyone%20knows.)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2323290%22%20slang%3D%22en-US%22%3ERe%3A%20Page%20Title%20Area%2FBanner%20blurry%2Fpixelated%2Fdistorted%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2323290%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20the%20same%20issue%20and%20have%20reported%20it%20here%3A%20%3CA%20href%3D%22https%3A%2F%2Fanswers.microsoft.com%2Fen-us%2Fmsoffice%2Fforum%2Fall%2Fsharepoint-online-stock-photos-low-resolution%2Fd047ffda-9712-4fd8-8032-5da52fdf6043%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fanswers.microsoft.com%2Fen-us%2Fmsoffice%2Fforum%2Fall%2Fsharepoint-online-stock-photos-low-resolution%2Fd047ffda-9712-4fd8-8032-5da52fdf6043%3C%2FA%3E.%20As%20you%20can%20see%2C%20there%20seems%20to%20be%20a%20particular%20piece%20of%20HTML%20in%20the%20page%20that%20changes%20after%20reloading%20the%20site.%20On%20first%20load%2C%20the%20photo%20library%20always%20serves%20a%20thumbnail.%20I%20hope%20we%20can%20get%20a%20fix%20as%20it%E2%80%99s%20quite%20annoying%20and%20makes%20the%20high%20res%20stock%20photos%20worthless.%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

When you first land on a page the banner image is blurry/pixelated/distorted. If you refresh the page in your browser the image is clear again. This is the same across all browsers and even appears to happen when you create a new page:

DustinBryant_0-1619984780063.png


This occurs with all image types including the ones from Stock images.

 

First landing on page (using image from Stock images):

DustinBryant_3-1619985048866.png

After doing a refresh on the page:

DustinBryant_4-1619985071135.png

Does anyone know how to solve this issue or ran into it before?

4 Replies

@DustinBryant — I've been noticing that too in the last week. Even after I force the high-res image to load by refreshing, the blurry one will appear again the next time I open the page. This looks bad and I'd love to get a solution.

Same issue here. Is this behavior dependent on image size? (I haven't tested but am wondering if anyone knows.)

I have the same issue and have reported it here: https://answers.microsoft.com/en-us/msoffice/forum/all/sharepoint-online-stock-photos-low-resolution.... As you can see, there seems to be a particular piece of HTML in the page that changes after reloading the site. On first load, the photo library always serves a thumbnail. I hope we can get a fix as it’s quite annoying and makes the high res stock photos worthless.

I was advised on the other forum to report this through the Office 365 admin center since they couldn’t reproduce the bug. I’m not an admin myself and will not bother our IT department with this, but if anyone wants to have a go...