Tuesday, August 12, 2008

Convertir tamaño de imagenes de píxeles a ems

Los desarrolladores web sabemos que hacer una página es relativamente fácil, pero hacerla cumpliendo la mayoría de las exigencias de las normas internacionales a veces nos da dolores de cabeza, sobre todo al trabajar con medidas relativas como es la em.

Por eso creé este script que convierte los tamaños de las imágenes de una página a ems, sin tener que hacerlo por css, y me he dado cuenta que facilita bastante el trabajo. He pensado también ampliarla a las capas, es decir, nosotros seguir utilizando píxeles y que esta librería se encargue de hacer el trabajo duro, aunque no sé si sería conveniente.

Este script lo creé en la fecha que publico el post, así que si tienen más ideas o reparaciones me informan para cambiarlo.

Algunos datos técnicos:
  • Utiliza mootools 1.2
  • Está basado en yui css foundation, tamaño fuente 13px (aunque se puede cambiar)
  • Para no aplicar el script a una imagen determinada deben asiganarle la clase (fantasma) 'no-convert'
  • La página debe pasar la prueba w3c.
El script: (nota: imágenes extraídas aleatoriamente desde google images.)

Descargar convertImgSizes