IMGSizer: una pequeña gran herramienta

Autor: Armonth | El sábado 29 de septiembre del 2007 @ 21:01.

Los atributos height="" y width="" en HTML han dejado con el tiempo de ser usados gracias en parte a XHTML y CSS pero en ningún momento se dice que no se puedan usar en la etiqueta <img>.

Cuando una etiqueta <img> presenta estos atributos, el navegador automáticamente "hace hueco" para la imagen. Esto es especialmente útil cuando hay muchas imágenes: es molesto empezar a leer un texto y que cambie de lugar porque ha empezado a cargarse la imagen.

Incluso en algunos diseños (principalmente los antiguos que basan la maquetación en tablas) puede llegar a producir el indeseable efecto de no mostrar el texto si las imágenes no son cargadas.

Especificar el ancho y altura también da mayor sensación de rapidez y al final termina siendo una cuestión de gustos pero en muchos casos es útil.

Es ahí donde entra en acción imgsizer. IMGSizer es un pequeño programa disponible en la mayoría de distribuciones GNU/Linux que lee los ficheros HTML, busca las imágenes que salgan en el documento y una vez calculado su ancho y altura añade esa información en forma de atributos a sus correspondientes <img>.

El manual es muy simple y la sintaxis todavía más:

imgsizer fichero.html

En la práctica esto en blogs se hace difícil ya que las páginas de por sí no se generan de forma estática, habría que copiar el contenido de la entrada a un fichero HTML externo y pasarle el imgsizer. Sin embargo para páginas estáticas supone un ahorro de tiempo apreciable y es que añadir esos atributos en una web con muchas imágenes es ni más ni menos que un coñazo.

Aunque si se genera una salida estática como por ejemplo con WP-Cache se sigue pudiendo pasar por la cache. No tiene mucho sentido ya que, por defecto, se eliminan los ficheros cacheados cada hora pero algo se podría hacer...

Comentarios