Question

In an app I’m working on, I’ve got a few UIImages which for some reason come out really blurry. This specifically applies to two icons I use which are fairly small (80×15 and 65×15).

(Update: added iPad Simulator output as well — it is blurry just as the iPad output)

Top left and right are original images, bottom left and right are how they come out on the iPad. I actually got complaints about these being awfully blurry from users, so it’s not just me.

The code where one of these is put in place looks like this (can show code for other one at request):

UIButton *bWeb = [[UIButton alloc] initWithFrame:
    CGRectMake(attriboffset, height - 20.f, 65.f, 15.f)];

[bWeb addTarget:self action:@selector(clickWebLink:)
    forControlEvents:UIControlEventTouchUpInside];

bWeb.userInteractionEnabled = YES;

[bWeb setImage:[UIImage imageNamed:@"button-weblink-65x15.png"] 
    forState:UIControlStateNormal];
[bWeb setImage:[UIImage imageNamed:@"button-weblink-highlighted-65x15.png"] 
    forState:UIControlStateHighlighted];

[self addSubview:bWeb];
[bWeb release];

The original images are (in case you think it might be a formatting issue with the actual PNG files): ,

Answer 1

Make sure that all numbers in UIButton‘s frame are rounded/truncated to integers.