Display image at 50% of its “native” size

Question

I\'m putting an img tag in a document without knowing the width/height of the corresponding image:

Answer 1

Set the image to be the background of a div, then set the background size to be half the width of the image.

Then in your css, if your image is 300px x 200px:

.myimage {
    background: url('images/myimage.png') no-repeat;
    background-size:150px;
    width:150px;
    height:100px;
}