Inclusión de imágenes

Aunque se pueden incluir imágenes en un envío de varias formas, lo primero que debemos tener claro es que la imágenes se vinculan y no se incrustan. Dicho de otra manera, si vemos una imagen es porque una marca específica de HTML señala la ubicación de la imagen, pero tal imagen no está incorporada al código de la página.

Por eso no debe extrañarnos que, si pegamos en el área de edición un texto con imágenes copiado de un documento, aparezca el texto pero de la imagen sólo haya quedado un marco vacío.

Por tanto, las imágenes que deseemos incluir en un envío deben estar accesibles mediante una URL, que es la que debemos detallar en el envío.

Pongamos por caso que sabemos que en cierta dirección existe una imagen concreta que podríamos incluir directamente en nuestro envío. Pero esto es problemático: no tenemos ningún control sobre su origen: el propietario puede decidir renombrarla, moverla, eliminarla o impedir el enlace externo (o sea, desde una web diferente), amén de otras muchas complicaciones posibles.

Lo aconsejable es "apropiarse" de la imagen copiándola en nuestro disco fijo. Esto se consigue fácilmente pulsando el botón derecho del ratón sobre la imagen en el explorador de internet, seleccionando la opción "guardar imagen como..." en el menú contextual y seleccionando el nombre y la carpeta de destino en nuestro disco fijo.

En este punto es muy importante asegurarse de que la imagen está libre de derechos o bien que contamos con los debidos permisos. En caso contrario, podemos incrurrir en algún tipo de infracción de derechos de propiedad o reproducción.

Llegamos así al momento en que tenemos la imagen deseada en nuestro disco y que podemos utilizarla porque es de uso libre, porque tenemos permiso o porque somos sus propietarios.

El siguiente paso es cargarla en la web y tomar nota de la URL donde se ha cargado para poder utilizarla en nuestro envío. Esto puede parecer complicado, pero no lo es en absoluto porque el editor incluye una extensión que nos facilitará enormente el procedimiento con el botón de inserción/modificación de imagen de la barra de edición que tiene este icono Botón de imagen

Al pulsar el botón se abre una ventana emergente que nos muestra una lista deblegable llamada "clases" que nos permite seleccionar la galería con la que vamos a trabajar y nos muestra debajo las imágenes contenidas en dicha galería. Al seleccionar cualquier imagen obtenemos una vista previa en el recuadro correspondiente. Así podemos revisar las imágenes que se han cargado ya en el servidor clasificadas en galerías.

Si la imagen aún no ha sido cargada, debemos cargarla primero. Es sencillo:

  • Seleccionamos la galería de destino con la lista desplegable de clases.
  • En el cuadro de carga de ficheros, pulsamos el botón [Examinar...] que está junto a la línea de fichero a cargar y buscamos y seleccionamos la imagen deseada en nuestro disco. Al aceptar, la ventana de carga de archivos se cierra y vemos que ya está cubierta la ubicación de la imagen en la línea del fichero a cargar. Ahora, y esto es importante, escribimos una descripción clara de la imagen para facilitar su localización en el futuro y pulsamos el botón [Cargar]
  • Pasados unos instantes, que dependen del tamaño de la imagen y la velocidad de la conexión, vemos que la imagen ya aparece seleccionada en la lista de imágenes y la vista previa nos muestra una versión reducida de la misma: la imagen ya está en el servidor convenientemente clasificada y rotulada.
  • El siguiente paso es incorporarla al envío. Vemos que la URL de la imagen ya está cubierta con una dirección local de la página. Sólo nos quedan unos detalles para completar el proceso:
    • Donde pone texto alternativo debemos escribir una descripción breve de la imagen. En algunos países es obligatorio incluirla por razones de accesibilidad, porque este texto lo oyen los invidentes.
    • Con el alineamiento decidimos cómo se va a ajustar la imagen al texto adyacente. Podemos explorar las posibilidades de la lista desplegable, pero por lo común sólo nos interesarán las opciones "izquierda" y "derecha" para "empujar" la imagen en la dirección elegida.
    • Con el grosor del borde podemos decidir el ancho en pixels del recuadro que va a contener la imagen. Generalmente no es elegante, por lo que lo dejaremos en blanco para que no se vea.
    • Con el espaciado horizontal y vertical indicaremos el número de pixels en blanco que deseamos alrededor de la imagen para que el texto de alrededor no se aproxime demasiado. En general, 6 pixels en horizontal y 4 en vertical son buenas medidas.
    • Con esto ya podemos pulsar el botón Aceptar y completamos el proceso: ya podemos ver la imagen incorporada a nuestro envío.

Podemos revisar cómo queda nuestro envío pulsando la vista previa. Comprobaremos que el texto alternativo aparece al cabo de unos instantes de poner el cursor encima de la imagen y también cómo el texto se organiza a su alrededor. Si no encontramos satisfactorio el resultado, volvemos al cuadro de edición de texto, seleccionamos la imagen y volvemos a pulsar el botón de inserción/modificación de imagen o seleccionamos propiedades de la imagen en el menú contextual que aparece al pulsar encima de la imagen con el botón derecho del ratón para proceder a ajustar y corregir lo que deseemos en la ventana emergente.