Backgrounds - text replacement with an image
Sometimes a wordmark and logo are the title or banner.
Use background-image and then a negative indent to remove the text from the visual part of the page.
h1 text replacement with an images
h1 {
height: 200px;
width: 250px;
text-indent: -3000px;
border: solid 1px #000;
background-position: center center;
background-repeat: no-repeat;
background-image: url('images/wordmark.png');
}