Favicon issue for External Resources on Portal

Syed Gillani
Contributor
July 24, 2024

Hello,

We've added two separate external links as external resources on our Jira Service Management Portal.

Screenshot 2024-07-24 094042.png

Both the Links have identical Favicons however it seems like Jira is picking up the smallest Favicon available.  Our webpages creates a set of icons when we add them and it is hard to create an 16x16px icon that looks good when it is enlarged. 

We have tried to add an SVG as Favicon, but even with hard reset, Jira doesn’t update the icons.

For some reason, Jira fetches 16x16 icon:

<img src="https://crosser.io/media/0fddtfjf/crosser-favicon_.png?width=16&amp;height=16" alt="Knowledge">

But it enlarge it to 24x24:

 

.bkGroF img { 

height: 24px;

object-fit: contain;

}

 

We're wondering if we can do something so that Jira fetches a large icon instead? Like 24x24?

2 answers

1 accepted

1 vote
Answer accepted
Bruna Silva
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
July 29, 2024

Hello @Syed Gillani,

To ensure we can assist you effectively with this case, I have created a support ticket on your behalf.

You should have received an email notification confirming this. :)

Syed Gillani
Contributor
July 29, 2024

Thanks Bruna :)

0 votes
Gregory Chavez July 28, 2024

Hello, @Syed Gillani destiny mastercard app

 

You’re dealing with a common issue where Jira Service Management is defaulting to the smallest available favicon and then enlarging it, which can lead to poor image quality. Here are a few steps you can take to address this:

Ensure Larger Icons are Available: Make sure your website provides larger favicon sizes (e.g., 24x24, 32x32) in addition to the 16x16 size. This can be done by including multiple icon sizes in your HTML header:

<link rel="icon" type="image/png" sizes="16x16" href="path/to/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="24x24" href="path/to/favicon-24x24.png">
<link rel="icon" type="image/png" sizes="32x32" href="path/to/favicon-32x32.png">

Use SVG Format: Since you’ve already tried using SVG, ensure that the SVG file is correctly referenced and that Jira supports SVG favicons. Sometimes, clearing the browser cache or using a different browser can help in updating the favicon.
Force Favicon Update: You can try forcing Jira to fetch the larger icon by explicitly setting the favicon size in your CSS:

.bkGroF img {
height: 24px;
width: 24px;
object-fit: contain;
}

 

Check Jira Configuration: Verify if there are any specific settings in Jira that might be affecting the favicon size. Sometimes, Jira might have its own caching mechanism that needs to be cleared.
Browser Cache: Clear your browser cache or try accessing the portal in an incognito window to ensure that the old favicon is not being cached.

 

I hope this info is helpful to you.

 

Best Regard,
Gregory Chavez

Syed Gillani
Contributor
July 29, 2024

Thanks Gregory 

Like Gregory Chavez likes this

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
PERMISSIONS LEVEL
Product Admin
TAGS
AUG Leaders

Atlassian Community Events