La parte HTML

<h1 id="logo">Qbikode Solutions, S.L.<span></span></h1>

La parte CSS (suporponemos la imagen al texto)

h1#logo {
	height: 110px;
	overflow: hidden;
	position: relative;
	width: 560px;
}
h1#logo span {
	background: url(/img/logo.gif) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/

Esta técnica sirve para poner imágenes en elementos que originalmente son de texto. Por ejemplo en un <h1> etc. Por supuesto la clave está en mantener la accesibilidad.

Hay otra técnica que lo que hace es darle un indent al texto de -9999 para que no se vea y aplicar al elemento una imagen de fondo.

Poner imágenes en elementos de texto pero con accesibilidad

CSS