Can we disable the image compression?

[Diedrich 377]

I can appreciate the desire to have content pages load quickly without having to wait for images to load, but I feel as though it has come at the expense of having a beautiful interface.

 

As it stands now with Emby Server 3.2.30.0, if I view a movie page, all the images are compressed and therefore fuzzy/blurry. Is there a css or other means to disable this; such as a toggle? I choose specific fanart because I like my content to look beautiful, right now it's not. I'll take the speed hit.

 

edit: The items I see affected are the movie poster, clear art, background and actor images. On the user's home screen all the images look sharp.

Edited September 11, 2017 by Diedrich

[Luke 42077]

Why do you think it doesn't look good? Can you show an example? thanks.

[Diedrich 377]

None of the images on this screen are sharp and full-res.

 

 

 

The images are sharp in the user's home screen.

 

Actor screens are also blurry

 

But as soon as you search for a new image, everything is sharp and clear

 

 

So clearly this is a coding choice to speed up viewing. As I mentioned, I can appreciate that in this competitive market but it's coming at the cost of aesthetics. I'll take the speed/loading hit to have the best looking images I can view.

Edited September 11, 2017 by Diedrich

[Luke 42077]

Did you forget to attach the example?

[Diedrich 377]

Did you forget to attach the example?

Images didn't upload for some reason, post edited.

[supermau 37]

Yes, I noticed this a couple of updates ago to Emby Server in the web client (Firefox and Chrome). Thought it would be resolved but it has been some time now. 

 

 

Even though te poster selected is apparently 1199 x 1800 pixels, 

 

 

The image displayed is upscaled from a very small image and that's why it looks so bad:

 

 

Cheers and thank you for all the great work put in to Emby!!!

 

Mauricio 

[Diedrich 377]

The image displayed is upscaled from a very small image and that's why it looks so bad.

OH! Maybe THAT'S what's happening!? The thumbnail is being displayed upscaled rather than the full-res image being downscaled?

[supermau 37]

Well, I am in no way familiar with Emby code, and I am no developer but here is what I think is going on:

 

Apparently the full-res image gets downscaled to "maxHeight=248" in the img tag, but then gets stretched to fit 100% of the width of the container "280px" specified in librarybrowser.css

 

 

The Image Tag:
 

<img class="itemDetailImage lazy loaded" src="http://www.breathflix.com/emby/Items/06694bbd716fcd52e5812e849de476e5/Images/Primary?maxHeight=248&tag=1340afc4397cda02c9112e57e24e05e1&quality=90">

 

 

CSS:

.detailImageContainer {
    margin-right: 2em;
    width: 280px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;

}

 

Here is an image to clarify my thougts:

 

 

And the CSS:

 

 

Leaving the image scaled as such (and looking bad):

 

 

Again, I don't know exactly the cause of this behavior... maybe @Luke can shed some light on this matter!

 

Thanks

[arrbee99 1815]

Difficult to tell (with my eyes anyway) but certainly posters (at least) look way sharper in ET than in Chrome on the same PC, both full screen.

 

(I do enlarge the posters in Chrome quite a bit).

 

This is a Movie poster, Chrome on the left, ET on the right...

 

Edited September 14, 2017 by arrbee99

[Happy2Play 9780]

You can see ET is a lot sharper then Chrome.

[QDivision 42]

+1 for this issue, noticed this a while ago but wasn't overly bothered by it since I mainly use Emby for Kodi but I am starting to use the web browser more and it would be nice to see this issue fixed.

[dcook 299]

Its probably done like this on purpose, they want you to use Emby Theatre

[ebr 16169]

Its probably done like this on purpose

 

That is definitely NOT the case.

[Happy2Play 9780]

Could this be browser cache?  Does clearing browser cache change anything.  I know I can see different images on different browsers.I don't see this but I use CoverArt.  Will have to test with out it.

[Diedrich 377]

Difficult to tell (with my eyes anyway) but certainly posters (at least) look way sharper in ET than in Chrome on the same PC, both full screen.

 

(I do enlarge the posters in Chrome quite a bit).

 

This is a Movie poster, Chrome on the left, ET on the right...

 

It looks good in ET, Kodi, iOS, Android, etc because they are not relying on the CSS/HTML code which is causing the issue as @@supermau sleuthed out some suspects. Edited September 14, 2017 by Diedrich

[arrbee99 1815]

It looks good in ET, Kodi, iOS, Android, etc because they are not relying on the CSS/HTML code which is causing the issue as @@supermau sleuthed out some suspects.

 

Fair enough, though I would assume (not withstanding my ignorance of css/html/etc) that said code can be modified to prevent this/

[Diedrich 377]

Fair enough, though I would assume (not withstanding my ignorance of css/html/etc) that said code can be modified to prevent this/

Yes, it can. As good as the rest of the products the Emby team produces, I'm betting this was just a mistake or oversight by @@Luke or one of the other devs. And sorry, I wasn't trying to be superior, just providing an explanation. Edited September 14, 2017 by Diedrich

[arrbee99 1815]

Hopefully the guys'll give it a go. And hopefully I'll still be able to use (someone else's css) to still make posters bigger than standard but with better quality (so the added css doesn't interfere somehow with the improved code).

[arrbee99 1815]

It would also be good if some/most/all the episode images generated could not be so fuzzy...

 

 

The top one was added manually at 640x360, the bottom one generated by Emby, a slightly smaller but much fuzzier 600x336. This is in Chrome BTW but has been like this since forever.

[Diedrich 377]

...

Edited September 28, 2017 by Diedrich

[Luke 42077]

Is there a question?

[Diedrich 377]

Is there a question?

It was redacted. But now that you're here... Have you looked into this?

[Luke 42077]

Please try the latest release of emby server. Thanks.

[arrbee99 1815]

Chrome is still fuzzier to me than ET (did make default poster size bigger in the web). Even H-264 bit is not as clear as in ET. On 3.2.32.12.

 

[Diedrich 377]

Chrome is still fuzzier to me than ET (did make default poster size bigger in the web). Even H-264 bit is not as clear as in ET. On 3.2.32.12.

 

Differences are significant! I've not looked at the code but I'm curious why the poster isn't just the full-sized 1500+px image squeezed into the smaller dimension on the movie page.