Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,298,303
Community Members
 
Community Events
165
Community Groups

Why is my custom request icon blurry?

I would like to use the same icon set as another application that our company use for consistency across the customer experience.  The icons I have been provided with are 48px by 48px PNG files.  I uploaded one of the icons to use as a custom request icon and the image appears blurry in the customer portal.  I downloaded the image using "save image as..." in the browser from the customer portal and it is still a 48px by 48px PNG but it is visibly blurry.  Like it was processed as part of the upload.  I've seen this sort of change before in image conversion but only when a PNG file has been saved as a JPG.   Here are the 2 images:

  • Original: vector-curve (1).png
  • Following Uploadviewavatar.png

Any thoughts about what could be causing this?  And how I might prevent it?

1 answer

1 accepted

0 votes
Answer accepted
Brant Schroeder Community Leader Jan 14, 2021

Amy,

  Welcome to the community.  Atlassian uses SVG files so they can have a very small crisp image.  To get a crisp png file we make our custom icons at 600px by 600px and save them as a PNG file.  This will be small if you optimize it for the web so it loads quickly and should not be blurry when you view it.

Hi @Brant Schroeder

I am having the same issue as @Amy Bartlett

I've tried making the png 600px by 600px from an svg, but still get a blurry icon.

Any other suggestions?

JTSM_blurry_icon.png

Cheers, 

=)Sussi

Brant Schroeder Community Leader May 02, 2022

Is the icon blurry before you upload it?  Also if you have an svg just use it, don't make it into a png.

The icon is crystal clear before uploading. I would use svg, if it were an option. Jira SM Cloud infroms "Could not load image, format is not valid," when trying to uplaod a svg.

Brant Schroeder Community Leader May 03, 2022

If you change the image size to 64px by 64px and upload what happens?

Hey, no difference be the image size 64x64 or 600x600.

Brant Schroeder Community Leader May 10, 2022

@Sussi Åström I am not able to recreate.  Can you share your icon?

icon.png

@Brant Schroeder Here's the image / icon.

Brant Schroeder Community Leader May 11, 2022

@Sussi Åström Looks like Atlassian is converting it to a 48x48 pixel png.  Mine also got blurry.  I am wondering if it has to do with the soft edge color on the image even when I dropped it into photoshop at 48x48 pixels it got a little rough on the edges.  what dpi did you create it at?

@Brant Schroeder The svg has been created 300dpi by our graphic designer and converted to png.

@Brant Schroeder I've been testing different icon sizes and dpi - the end result is blurry in all. I just don't get what the optimal would be. Frustrating.

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
PERMISSIONS LEVEL
Site Admin
TAGS
Community showcase
Published in Jira Service Management

Coming Soon: Insight Changing to Assets

The 2020 acquisition of Mindville added powerful asset and configuration management capabilities to Jira Service Management in the form of Insight. Following the completion of that integration, custo...

258 views 1 9
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you