Jaggy edges in generated icons on some browser/OS combinations (was: Use bi-cubic sampling)

[GoogleCodeExporter]

It looks like in some areas the nearest-neighbour scaling is used, this is 
leading to blocky/pixelated icons.

For example try the "my location" icon in tabs section, compare the results to 
using the same icon in the menu section. It's badly scaled in the tab sections, 
and nicely scaled in the menus section.

Original issue reported on code.google.com by nil...@addictivedroid.com on 14 Jan 2011 at 1:46

[GoogleCodeExporter]

Hm, I don't see this issue. Can you upload a screenshot and note which browser 
you're using?

Original comment by romannu...@google.com on 22 Jan 2011 at 12:32

[GoogleCodeExporter]

See the attached screenshot, you can see that the scaling is 'blocky'. Most 
prominent in the "drawable-ldpi selected"

I'm using Chrome 9.0.597.67 beta on Ubuntu 10.10. But I have observed this on 
Chrome running in Windows xp too.

Original comment by nil...@addictivedroid.com on 22 Jan 2011 at 8:29

Attachments:

• tabs_mylocation.png

[GoogleCodeExporter]

Hm, that's strange. The tab and menu icon generators are implemented in pretty 
much the same way. I'll need to find a WinXP or Ubuntu box to test with.

Original comment by romannu...@google.com on 24 Jan 2011 at 7:36

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

It looks pretty much the same on Win 7 + Chrome 9 beta (also Tab icons are 
pixelated)
Here is max zoomed screenshot (left- tab icon; right - menu icon)

Original comment by martinpe...@gmail.com on 25 Jan 2011 at 12:25

Attachments:

• assetStudioPixelated.png

[GoogleCodeExporter]

I'm using Chrome 9.0.597.84 on Ubuntu 10.10
And I am getting awful results. For example, I uploaded Ubuntu logo. You can 
see zoomed results in attachment.

Original comment by android....@gmail.com on 7 Feb 2011 at 11:41

Attachments:

• Screenshot-2.png

[GoogleCodeExporter]

Yuck. Quite ugly. Don't know the cause though, I'll need to investigate when I 
get a chance. BTW, all the scaling is done using HTML5 Canvas APIs, which don't 
seem to have a choice for resampling algorithm..

Original comment by romannu...@google.com on 8 Feb 2011 at 1:55

[GoogleCodeExporter]

Also occurs in IE9 on Windows 7

Original comment by capit...@gmail.com on 24 Mar 2011 at 3:58

[GoogleCodeExporter]

Also occurs here (10.0.648.133 (77742) Ubuntu 10.10). After some time I just 
re-downloaded some menu icons (plus, question-mark, pen) and noted, that they 
alias a lot more than the old ones. I didn't think of the scaling algorithm 
though, but lack of anti-aliasing or blur.

Original comment by larspauk...@gmail.com on 31 Mar 2011 at 2:11

[GoogleCodeExporter]

Simple test case here: https://gist.github.com/904977 I don't know if there's a 
way to solve this :-/

Original comment by romannu...@google.com on 6 Apr 2011 at 2:00

[GoogleCodeExporter]

Marking as WontFix (not feasible) until browsers fix/change this.

Original comment by romannu...@google.com on 6 Apr 2011 at 2:04

• Changed state: WontFix
• Added labels: Component-AssetStudio

[GoogleCodeExporter]

Issue 41 has been merged into this issue.

Original comment by romannu...@google.com on 29 Jun 2011 at 5:04

[GoogleCodeExporter]

Re-opening to investigate a custom bilinear/trilinear filtering algorithm. 
Probably going to be sloooooow.

Original comment by romannu...@google.com on 29 Jun 2011 at 5:05

• Changed state: New

[GoogleCodeExporter]

Issue 45 has been merged into this issue.

Original comment by romannu...@google.com on 11 Jul 2011 at 2:50

[GoogleCodeExporter]

Issue 46 has been merged into this issue.

Original comment by romannu...@google.com on 13 Jul 2011 at 8:34

[GoogleCodeExporter]

Original comment by romannu...@google.com on 13 Jul 2011 at 8:35

• Changed title: Jaggy edges in generated icons on some browser/OS combinations (was: Use bi-cubic sampling)

[GoogleCodeExporter]

Is the workaround to not use chrome? I have had this on the past 2-3 chrome 
versions.

Original comment by Andrew....@gmail.com on 2 Oct 2011 at 5:35

[GoogleCodeExporter]

@Andrew, you may want to try other browsers, but I'm not sure if any Windows 
browsers will work.

Original comment by romannu...@google.com on 2 Oct 2011 at 6:05

[GoogleCodeExporter]

I'm cautiously optimistic that this can be fixed with WebGL.

Original comment by romannu...@google.com on 18 Oct 2011 at 4:54

• Changed state: Accepted

[GoogleCodeExporter]

What are some known OS/browser combos that work? I've tried Win7 (Chrome, 
Opera, IE, Firefox) and Linux Mint (Gnome: Chromium, Firefox, Epiphany) and 
it's unusable on all of them. Thanks!

Original comment by maki.mik...@gmail.com on 24 Oct 2011 at 10:54

[GoogleCodeExporter]

Safari on Windows 7 64bit is not jaggy

Original comment by wuyuan...@gmail.com on 24 Oct 2011 at 10:57

[GoogleCodeExporter]

Most browsers should not have this problem on Mac.

Original comment by romannu...@google.com on 25 Oct 2011 at 2:03

[GoogleCodeExporter]

Are you serious?
The images are just terrible, unusable. I have tried every browser on both 
WinXP and Win7. 

Original comment by taw...@gmail.com on 16 Nov 2011 at 2:16

[GoogleCodeExporter]

Yes, that's what he's saying. The generated icons are only usable when 
generated on a mac, otherwise it won't work. I've tried it in Windows 7 and 
Ubuntu.

Original comment by Andrew....@gmail.com on 16 Nov 2011 at 2:18

[GoogleCodeExporter]

This issue was closed by revision cfb2178d6b17.

Original comment by romannu...@google.com on 19 Nov 2011 at 7:00

• Changed state: Fixed

[GoogleCodeExporter]

All— I've added a "Better Image Smoothing (slow)" option that you can turn 
on. It's a slower image rescaling code path so I recommend only turning it on 
just before exporting the assets.

Original comment by romannu...@google.com on 19 Nov 2011 at 7:02