jenkinsci / jenkinsci/github-branch-source-plugin

[JENKINS-76035] GitHub Organization avatar is blurry on HiDPI/Retina displays

Open
#1,470 0 comments 0 reactions 0 assignees View on GitHub
component:github-branch-source-plugin imported-jira-issue priority:minor resolution:unresolved
Dominant language
Java
Stars
217
Forks
398
Avg merge
30m
Merged PRs (30d)
1

Description

Using a [HiDPI (aka Retina) display |https://en.wikipedia.org/wiki/Retina_display,] reproduce with the following steps:



  1. Under a GitHub Organization's Project enable avatar:

    Projects > Repository Sources >  GitHub Organization > Enable Avatar

  2. Go to the project's page: /job//

  3. Look at the 48x48 pixel avatar on the top

Expected result: The avatar image shouldn't be blurry

Actual result: The avatar image is blurry/low resolution

It seems that the avatar image is fetched from GitHub with the same resolution as the dimension of the container: 

https://avatars.githubusercontent.com/u/?v=4&s=48

I.e., 48 pixels wide for a 48 pixel wide img element. However, this is not sufficient resolution for a Retina display. Doubling the resolution by s=96 makes the image crisp.

---
Originally reported by gustav_b, imported from: GitHub Organization avatar is blurry on HiDPI/Retina displays


  • status: Open
  • priority: Minor
  • component(s): github-branch-source-plugin
  • resolution: Unresolved
  • votes: 0
  • watchers: 1
  • imported: 2025-12-02

Raw content of original issue

Using a [HiDPI (aka Retina) display |https://en.wikipedia.org/wiki/Retina_display,] reproduce with the following steps:



  1. Under a GitHub Organization's Project enable avatar:
    Projects > Repository Sources >  GitHub Organization > Enable Avatar

  2. Go to the project's page: /job/<project>/

  3. Look at the 48x48 pixel avatar on the top

Expected result: The avatar image shouldn't be blurry

Actual result: The avatar image is blurry/low resolution

It seems that the avatar image is fetched from GitHub with the same resolution as the dimension of the container: 



https://avatars.githubusercontent.com/u/<id>?v=4&s=48


I.e., 48 pixels wide for a 48 pixel wide img element. However, this is not sufficient resolution for a Retina display. Doubling the resolution by s=96 makes the image crisp.

environment

```
MacBook Pro M3

Jenkins Version 2.516.2

github-branch-source-plugin: 1834.v857721ea_74c6
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.