Bookshelves and books covers looks blurry on 4K screens #5197

New Issue

OVERLORD · 2026-02-05T09:47:45+03:00

OVERLORD commented

2026-02-05 09:47:45 +03:00

Originally created by @Golembivskyi on GitHub (Feb 25, 2025).

Describe the Bug

Today, 4K and Retina displays have become the standard. You need to change the settings of the converter that processes images during upload to make them a little better.

Steps to Reproduce

Create a book and add a cover image from photostock (880*500 pixels)
Open the Books page on 4K screen and you'll see the image is blurry

Expected Behaviour

Images will have better quality and will look much better.

Screenshots or Additional Context

Browser Details

No response

Exact BookStack Version

BookStack v24.12.1

Originally created by @Golembivskyi on GitHub (Feb 25, 2025). ### Describe the Bug Today, 4K and Retina displays have become the standard. You need to change the settings of the converter that processes images during upload to make them a little better. ### Steps to Reproduce 1. Create a book and add a cover image from photostock (880*500 pixels) 2. Open the Books page on 4K screen and you'll see the image is blurry ### Expected Behaviour Images will have better quality and will look much better. ### Screenshots or Additional Context ![Image](https://github.com/user-attachments/assets/71db38bc-280c-4a07-94aa-110d624ee2d4) ### Browser Details _No response_ ### Exact BookStack Version BookStack v24.12.1

OVERLORD added the 🛠️ Enhancement label 2026-02-05 09:47:45 +03:00

OVERLORD commented

2026-02-05 09:47:48 +03:00

@Golembivskyi commented on GitHub (Feb 25, 2025):

This is not a bug. This is an improvement. I don't know how to change this lable.

@Golembivskyi commented on GitHub (Feb 25, 2025): This is not a bug. This is an improvement. I don't know how to change this lable.

OVERLORD commented

2026-02-05 09:47:51 +03:00

@ssddanbrown commented on GitHub (Feb 25, 2025):

Thanks for the request @Golembivskyi.
Looks like they're (commonly) shown at 263.33 x 140, and thumbnails generated at 440 x 250, So there is some room for increasing this toward a rough double resolution to get things sharper (we generally aim for 2x in other parts of the app).

May always be a bit of softness though due to flexible scaling and actual display width.

@ssddanbrown commented on GitHub (Feb 25, 2025): Thanks for the request @Golembivskyi. Looks like they're (commonly) shown at `263.33 x 140`, and thumbnails generated at `440 x 250`, So there is some room for increasing this toward a rough double resolution to get things sharper (we generally aim for 2x in other parts of the app). May always be a bit of softness though due to flexible scaling and actual display width.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#5197