Reemplazo de texto por imagen

[sergi_multimedia]

Hola gente, quiero cambiar un <h1> por una <img> y esconder el texto, para que se vea la imagen solamente, ya que estéticamente me gusta más.

He visto en un tutorial como hacerlo:

Código HTML:

<h1 id="enlaces"><span>Enlaces</span></h1>
 

Código CSS:

h1# enlaces {
  width: 300 px;
  height: 100 px;
  padding: 0px;
  background: url(links.png) top left no-repeat;
}
h1 span {
  visibility: hidden;
}
 

Mis preguntas son...:

1. Seré penalizado por esconder el texto de la <h1>?
2. En términos SEO tendrá li misma importancia el <h1> si lo escondo?


Gracias de antemano.