// используя html
<img src="#" height="50%" width="50%">

// или на css:
#yourimg{height:50%;width:50%}

#yourimg{height:50%;width:50%}

-o-background-size:50%;
-webkit-background-size:50%;
-khtml-background-size:50%;
-moz-background-size:50%;
/* Это ему нужно */

#yourimg{height:50%;width:50%}
/* А это поможет только для изображения (ну или нужно ставить z-index) */

<style type="text/css">
.box {
position: relative;
overflow: hidden;
}
.box img {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
z-index: 100;
}
.box .content {
position: absolute;
z-index: 200;
}
</style>
<div class="box">
<div class="content">
<!-- Здесь Ваш текст -->
</div>
<img src="img/image1.jpg" alt="">
</div>