Picture in Conversations Yammer webpart showing blurry

%3CLINGO-SUB%20id%3D%22lingo-sub-864106%22%20slang%3D%22en-US%22%3EPicture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-864106%22%20slang%3D%22en-US%22%3E%3CP%3EWe%20recently%20experiencing%20Yammer%20pictures%20in%20SharePoint%20showing%20blurry%2C%20this%20is%20happening%20only%20for%20the%20pictures%2C%20not%20GIF%20file%20or%20video%20files.%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20tested%20on%20a%20different%20computer%20and%20different%20browsers.%3C%2FP%3E%3CP%3EAny%20idea%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-864106%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EYammer%20webpart%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-869470%22%20slang%3D%22en-US%22%3ERe%3A%20Picture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-869470%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F70455%22%20target%3D%22_blank%22%3E%40Alireza%20Rahimifarid%3C%2FA%3E%20Screenshot%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EConsider%20escalating%20through%20your%20org's%20Microsoft%20support%20channel.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-871010%22%20slang%3D%22en-US%22%3ERe%3A%20Picture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-871010%22%20slang%3D%22en-US%22%3E%3CP%3EOurs%20does%20the%20same%20thing.%20I%20figured%20it%20was%20out-of-the-box%20functionality%2C%20but%20if%20there's%20a%20way%20to%20get%20better%20quality%20previews%2C%20that%20would%20be%20great.%26nbsp%3B%20%26nbsp%3B(Screenshot%20below).%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20777px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F133177i7D2BC670CB9D54A6%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22screencap.jpg%22%20title%3D%22screencap.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-871074%22%20slang%3D%22en-US%22%3ERe%3A%20Picture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-871074%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F386803%22%20target%3D%22_blank%22%3E%40SophieSue%3C%2FA%3E%26nbsp%3BWe%20are%20experiencing%20the%20same%20issue.%20Photos%20show%20up%20perfectly%20in%20Yammer's%20stand-alone%20application%2C%20but%20the%20SharePoint%20Conversations%20webpart%20shows%20all%20photos%20as%20blurry.%20Is%20this%20normal%20and%20expected%20behavior%3F%3C%2FP%3E%3CDIV%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-883059%22%20slang%3D%22en-US%22%3ERe%3A%20Picture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-883059%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F389361%22%20target%3D%22_blank%22%3E%40Charlene831%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20already%20have%20an%20open%20ticket%20with%20Microsoft%2C%20I%20would%20recommend%20you%20guys%20also%20submit%20a%20ticket%20for%20this%20issue.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1085939%22%20slang%3D%22en-US%22%3ERe%3A%20Picture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1085939%22%20slang%3D%22en-US%22%3E%3CP%3EUpdate%3A%3C%2FP%3E%3CP%3EAfter%20100%20days%20have%20open%20premier%20support%20ticket%20still%20they%20can't%20figure%20out.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1093644%22%20slang%3D%22en-US%22%3ERe%3A%20Picture%20in%20Conversations%20Yammer%20webpart%20showing%20blurry%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1093644%22%20slang%3D%22en-US%22%3EIf%20you%20want%20to%20fix%20it%2C%20you%20need%20to%20override%20the%20CSS%20to%20something%20like%20the%20following%3A%3CBR%20%2F%3E.image-969%20%7B%20object-fit%3A%20scale-down%20!important%3B%20%7D%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20thumbnail%20image%20that%20the%20SharePoint%20web%20part%20draws%20on%20is%20the%20100x100%20(or%20so)%20pixel%20version%20of%20the%20image%2C%20which%20is%20enlarged%20to%20fit%20the%20space.%20So%20becomes%20blurry.%3C%2FLINGO-BODY%3E
Regular Contributor

We recently experiencing Yammer pictures in SharePoint showing blurry, this is happening only for the pictures, not GIF file or video files. 

We tested on a different computer and different browsers.

Any idea?

6 Replies

@Alireza Rahimifarid Screenshot?

 

Consider escalating through your org's Microsoft support channel.

Ours does the same thing. I figured it was out-of-the-box functionality, but if there's a way to get better quality previews, that would be great.   (Screenshot below).screencap.jpg

@SophieSue We are experiencing the same issue. Photos show up perfectly in Yammer's stand-alone application, but the SharePoint Conversations webpart shows all photos as blurry. Is this normal and expected behavior?

 

@Charlene831 

 

We already have an open ticket with Microsoft, I would recommend you guys also submit a ticket for this issue. 

Update:

After 100 days have open premier support ticket still they can't figure out.

 

If you want to fix it, you need to override the CSS to something like the following:
.image-969 { object-fit: scale-down !important; }

The thumbnail image that the SharePoint web part draws on is the 100x100 (or so) pixel version of the image, which is enlarged to fit the space. So becomes blurry.