Если нечто спрятано за пиктограммой, оно, скорее всего, некритично. ;-)
А для элементов нормального размера (например, логотипов) можно вставлять изображение как генерируемый CSS-контент:
.example {overflow: hidden; width: 100px; height: 30px; }
.example:before {content: url(example.png); display: block; font-size: 0; line-height: 0; }
Размеры изображения и элемента должны совпадать. Тогда, если изображения включены, текст отодвигается изображением за пределы элемента, а если выключены — генерируемый контент имеет нулевую высоту, и виден текст.