SF + HD images in web content

Question

Coding html content in Dreamweaver cs6 and embedding it into DPS, I have the impression that the SD and HD png buttons (part of the embedded web content) don't differ on iPad 1 and iPad 3 (retina display).
I built the png buttons in normal size and double size for retina display (in a separate HD folder)
Maybe I'm wrong, but it seems, the resolution is equal or even a bit better on iPad 1 although there is an HD folder with the double sized png's - with the same name as the SD png's.
I made the following test: I removed the HD folder from the „images folder”  and interestingly the quality of the resolution on iPad 3 was the same.
So: where is my mistake?

Answer 1

The HD folder method doesn't work with HTML. You would need to manually change the loaded image through media queries in CSS.
Try targeting the device pixel density with:
@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
/* Styles */
Another option it to save only the HD images, and set the img size in percentages rather then in pixels, which would make it fluid and present high res on the retina display.
Hope this helps