Adding an image(png) and it looks weird.

Getting Started Newbie Questions
#1

I’ve inserted an image (png) into my application but they all get disorted. Like this image of the appstore icon: http://www.urme.com/corona-image-dump.png

All images I insert looks like this, they get an extra pixel at the top and left.

The only workaround I’ve found is to add 2 transparent pixels around all my images.

Why does this happen?

My code for inserting the image:

local storeLink\_ico = display.newImageRect("assets/icon-appstore.png", 33, 33); [import]uid: 35378 topic_id: 14229 reply_id: 314229[/import]

#2

you need to use images with even pixel sixes, like 34,34 as otherwise corona is trying to position the centre of the image at 16.5 px. [import]uid: 5354 topic_id: 14229 reply_id: 52449[/import]

#3

whats the original dimension of the image ? [import]uid: 71210 topic_id: 14229 reply_id: 52451[/import]

#4

33 by 33 it appears :stuck_out_tongue:

And yeah - as Matthew said, do even numbers. Resizing that to 32x32 or 34x34 will fix it right up.

Peach :slight_smile: [import]uid: 52491 topic_id: 14229 reply_id: 52458[/import]

#5

Thanks will try it! [import]uid: 35378 topic_id: 14229 reply_id: 52614[/import]