How to set an image's width and height without stretching it?

Question

If I have:

#logo {
    width: 400px;
    height: 200px;
}

then

Answer 1

What I can think of is to stretch either width or height and let it resize in ratio-aspect. There will be some white space on the sides. Something like how a Wide screen displays a resolution of 1024x768.