Gracias a CSS tenemos la posibilidad de ocultar las imágenes de un documento. Las utilidades pueden ser diversas:

• Eliminar las imágenes del texto, dejandolo preparado como "texto limpio" a imprimir.
• Hacer que la carga en el navegador sea más rápida (nos evitamos el muestreo en pantalla).
• ....

A la hora de ocultar las imágenes tenemos dos propiedades: visibility y display.

Mediante visibility lo que podemos modificar el la visibilidad de la imágen. Es decir, la imágen siempre ocupa espacio, aunque puede ser que no se muestre. Los valores posibles de este campo son hidden y visible.

.imagenNO {visibility: hidden;}
.imagen {visibility: visible;}

Por su parte, display, cuando se muestra u oculta una imágen recoloca el resto de elementos del documento, cambiando su disposición. Los valores posibles son varios: none, list-item, block,...

.imagenNO {display:none;}
.imagen {display:block;}

En la función que creamos en nuestro documento vamos a buscar todas las imágenes del documento marcadas con las clases imagen o imagenNO para cambiar su estado. El hacerlo mediante clases nos permite que si existe alguna imágen que queremos que este presente siempre (puede suceder cuando presentamos textos a imprimir).