Tinysrc es un servicio web que nos permite redimensionar imágenes al vuelo, detectando automáticamente el dispositivo utilizado y transformando el tamaño al ideal para una correcta visualización.
La forma de utilizar este servicio es extremadamente simple, un ejemplo de implementación es el siguiente:
<img src='http://i.tinysrc.mobi/320/200/http://mysite.com/myimage.png' alt='My image' width='320' height='200' />
La línea del código que nos interesa es la que indica la fuente de la imagen:
http://i.tinysrc.mobi/320/200/http://mysite.com/myimage.png
De esta linea podemos ver que estamos pasando por url el tamaño de la imagen como así también la ruta al archivo original. Si lo deseamos, otra opción es enviar la imagen al servicio para que el mismo se encargue de calcular el tamaño ideal según quien la esta requiriendo, para hacer esto basta con escribir:
<img src='http://i.tinysrc.mobi/http://mysite.com/myimage.png' alt='My image' />
El servicio por momento es gratuito, y el uso de la API no tiene limitaciones. Para acelerar el proceso de redimensión cada vez que generamos una el sitio crea una cache para evitar tener que procesar el archivo por cada solicitud, ahorrando mucho tiempo y recursos.
Web: Tinysrc