Simple CSS Center Image Responsive Compatible.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<style type="text/css">
.img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
</style>
</head>
<body>
<img class="img" src="image.jpg">
</body>
</html>
Un saludo.