: Icon looks very transparent when uploaded to Chrome Web Store I'm currently developing a Chrome Extension and trying to upload my icon to the Chrome Developer Dashboard. However, when I upload

Posted in: #Chrome #Icon #Png #Transparency

I'm currently developing a Chrome Extension and trying to upload my icon to the Chrome Developer Dashboard. However, when I upload my icon, the colored-in part looks very transparent. Here is what it looks like once it's uploaded:

When I right click and save the image, this is what I end up getting:

Below is the original image I'm trying to upload. It looks fine on my computer, so I'm not sure why it changes transparency when uploaded.

Chrome requires a 128x128 png, and 16px of each side of the icon should be transparent (so the icon looks like it's only 96x96). Here is a reference to those guidelines. I believe I am following those guidelines correctly so that's probably not an issue.

I'm assuming I'm doing something wrong with the transparency values, but I'm not sure exactly. Anyone have any ideas? I created this icon using LunaPic.

10.01% popularity Vote Up Vote Down

: Should I go back to school for graphic design? I graduated college several years ago with a degree in English, and have been working in various creative positions in marketing departments since

@Angela777

Posted in: #Education #Hiring

3 Comments

: Inkscape - How to reverse fill area and transparent area of an object? Im new to inkscape, so please bear with the noob question :) Im trying to create a border which fades to transparent.

@Angela777

Posted in: #Inkscape

1 Comments

: Confusion between Dots Per Inch (DPI) and Pixels Per Inch (PPI) Much of the confusion between these two terms happens for a couple of reasons. First, even though PPI refers to the resolution

@Angela777

Posted in: #AdobePhotoshop #Dpi #Images #Ppi #ScreenPrinting

0 Comments

: Preserve SmartObject link I'm using a smart object at two places (in the same file), and I need them to be linked, so that if I edit the content of one, the changes are applied on the other.

@Angela777

Posted in: #AdobePhotoshop #Smartobject

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Angela777

I was able to fix my picture by using Paint.NET instead of LunaPic. I just cropped out my foreground and placed it in a different layer that was fully opaque. Then saved as PNG, now it appears fine online!

Here's the icon now:

I'm not sure what the main issue was, but I'm assuming that LunaPic saves the transparency in a different format. @Mattia Galati also mentioned my original image was an indexed image, so that might be it.

10% popularity Vote Up Vote Down

Feed

: Icon looks very transparent when uploaded to Chrome Web Store I'm currently developing a Chrome Extension and trying to upload my icon to the Chrome Developer Dashboard. However, when I upload

More posts by @Angela777

: Should I go back to school for graphic design? I graduated college several years ago with a degree in English, and have been working in various creative positions in marketing departments since

: Inkscape - How to reverse fill area and transparent area of an object? Im new to inkscape, so please bear with the noob question :) Im trying to create a border which fades to transparent.

: Confusion between Dots Per Inch (DPI) and Pixels Per Inch (PPI) Much of the confusion between these two terms happens for a couple of reasons. First, even though PPI refers to the resolution

: Preserve SmartObject link I'm using a smart object at two places (in the same file), and I need them to be linked, so that if I edit the content of one, the changes are applied on the other.

Login to post a comment!

1 Comments

Back to top | Use Dark Theme