How Much Helpful Coreldraw to Design the iPhone Application?

You need 2 copies of the same image, different sizes. One large for retina and one normal for web. Use css3 something like this, but learn a bit more about it first:. Some browsers might load both images.

#myimage {
	width: 400px;
	height: 300px;
	background: url(lo-res.jpg) 0 0 no-repeat;
}

@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
	#myimage {
		background-image: url(hi-res.jpg);
	}
}


developer.apple.com/.../


Have fun