polyClip.js: recorta imágenes con formas irregulares

  • Por
Esta biblioteca JavaScript nos permite recortar imágenes usando el elemento Canvas de HTML 5.
31/01/2012 - Cuando necesitamos recortar una forma irregular de una imagen y usarla en la web, normalmente recurrimos a nuestro editor gráfico para recortarla y salvarla con formato PNG, ya que es el único formato de imagen utilizado por todos los navegadores web que soportan los canales alfa.

No obstante las imágenes PNG tienen un handicap respecto al tamaño en comparación con el formato JPEG y es que el uso de varias imágenes con este formato en un mismo site merma considerablemente el tiempo de carga en una página web.

polyClip.js es una tecnología que hace uso del elemento Canvas de HTML 5 para recortar una imagen permitiéndonos ahorrar un montón de bytes. Esta biblioteca JavaScript soporta la mayoría de los navegadores web populares incluidos Internet Explorer 7.

Interesados en obtener completa información acerca de polyClip.js y de los pasos necesarios para sacarle partido a esta herramienta pueden acceder a www.useragentman.com.

Descarga la última versión de polyClip.js desde github.com.