for background images I have 3 of them
bg.png - 360 x 570
bg@2x.png - 720 x 1140
bg@4x.png - 1440 x 2280
and then use the following script to place them on the page in my main.lua
local bg = display.newImageRect( "bg.png", 360, 570 ) bg.x, bg.y = display.contentWidth / 2, display.contentHeight / 2
in my config.lua file I use the following, it then looks at what the resolution is of the device being used (iphone, iphone5, ipad) and selects the correct bg image
local aspectRatio = display.pixelHeight / display.pixelWidth application = { content = { width = aspectRatio \> 1.5 and 320 or math.ceil( 480 / aspectRatio ), height = aspectRatio \< 1.5 and 480 or math.ceil( 320 \* aspectRatio ), scale = "letterBox", fps = 30, imageSuffix = { ["@2x"] = 1.5, ["@4x"] = 3.0, }, }, }