<img src="http://dummyimage.com/100x100/08c/fff&text=centering.jpg">
img {
position: absolute;
top: 50%;
left: 50%;
width: 100px; /*画像の幅*/
height: 100px; /*画像の高さ*/
margin-top: -50px; /* height(画像の高さ)の半分の値 */
margin-left: -50px; /* width(画像の幅)の半分の値 */
}