Avatar is blurry. #487

New Issue

MrUnknownDE · 2026-04-05T20:28:01+02:00

MrUnknownDE commented

2026-04-05 20:28:01 +02:00

Originally created by @drhino on 9/28/2022

CloudPanel version(s) affected

2.0.4

Description

Avatar (Gravatar) is blurry.

How to reproduce

Login to CloudPanel.

Possible Solution

Possible Solutions:

change image width and height from 35 to 36 (on the element).
change gravatar url from:
https://www.gravatar.com/avatar/.../?s=36&d=mp
to:
https://www.gravatar.com/avatar/.../?s=35&d=mp

Additional Context

Additional Context:

Consider using double the size for sharper results; e.g: "?s=70". Since the width and height is set on the element in HTML, the layout will never shift when using a larger image.
The element can be found in: body > header.header > div.navbar-right-container > div.navbar-right > ul > li.user-avatar > a.dropdown-toggle > img

*Originally created by @drhino on 9/28/2022* ### CloudPanel version(s) affected 2.0.4 ### Description Avatar (Gravatar) is blurry. ### How to reproduce Login to CloudPanel. ### Possible Solution Possible Solutions: 1) change image width and height from 35 to 36 (on the element). 2) change gravatar url from: https://www.gravatar.com/avatar/.../?s=36&d=mp to: https://www.gravatar.com/avatar/.../?s=35&d=mp ### Additional Context Additional Context: - Consider using double the size for sharper results; e.g: "?s=70". Since the width and height is set on the element in HTML, the layout will never shift when using a larger image. - The element can be found in: body > header.header > div.navbar-right-container > div.navbar-right > ul > li.user-avatar > a.dropdown-toggle > img

MrUnknownDE closed this issue

2026-04-05 20:28:01 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/cloudpanel-ce#487