Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-76035

GitHub Organization avatar is blurry on HiDPI/Retina displays

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • MacBook Pro M3
      Jenkins Version 2.516.2
      github-branch-source-plugin: 1834.v857721ea_74c6

      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.

            Unassigned Unassigned
            gustav_b Gustav
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: