Jump to content

Generated Thumbnails Layout wrong (stretching)


Recommended Posts

level20peon

The default appearance of Generated Thumbnails (automatically extracted out of the media files by emby) doesn't look very nice. See attached image "LG.jpg" for an example.

Because of this I added the following custom CSS:

.coveredImage {
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
}

 

After doing so, the appearance on the web client changes to what you can see in the attached image "web.jpg" (it looked the same as in "LG.jpg" before applying the custom CSS).

Unfortunately, the custom CSS is not applied to the LG TV emby App. Is there a way to correct the default appearance of Thumbnails which don't follow the vertical 2:3 image layout?

 

LG.jpg

web.jpg

Link to post
Share on other sites
Luke

Hi, how does the web app look without the custom css?

Link to post
Share on other sites
level20peon
Posted (edited)

Without custom css, the web app looks just the same as the LG TV emby App:

 

image.thumb.png.d54974419477c3a584bfb3a5878f0e4e.png

 

PS: I wouldn't want the images to be stretched (zoomed) and the sides cut off, I like it the way my CSS modification does it. If those two sides (left and right) would be cut off, 66% of the image wouldn't be displayed as well as that might lead to some strange zoom effects (e.g. you only see the middle of a face/room or something like that).

Edited by level20peon
Link to post
Share on other sites
  • 2 weeks later...
Luke

Although for a better result I would suggest using the home videos content type. Mixed and movies both currently require images to have 2:3 aspect ratios.

Link to post
Share on other sites
level20peon

By that logic, the thumbnail generator shouldn't create thumbnails different from the aspect ratio that is required for each section in the first place, no?

Thanks for looking into this though. :)

Link to post
Share on other sites
Luke

Well the problem is it's one thumbnail used in all places, so the ideal image would be something that retains the original video image aspect ratio.

Link to post
Share on other sites
level20peon

ok so then a css change depending on the category in combination with the specific thumbnail format would be the only solution I suppose.

Link to post
Share on other sites
level20peon

ok, I don't know how the other UIs work but I guess there's also some kind of styling logic.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...