Favicon issue for External Resources on Portal

[Syed Gillani]

Hello,

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

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?

[Bruna Silva · Accepted solution]

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]

Thanks Bruna :)

[Gregory Chavez]

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]

Thanks Gregory