Thumbnails en Django

imagen / justmakeit
  
8 de Mayo de 2014   0  

En la programación web, la optimización en el balance de carga de datos es muy importante. Algo que se utiliza para esta tarea es el uso de cache de datos para agilizar procesos de carga y mejorar la velocidad de las páginas.

 

Así mismo, cuando se suben imágenes muy pesadas al servidor, los navegadores cargan estas imágenes y dependiendo de nuestra velocidad de internet, éstas serán desplegadas en nuestro navegador web.

Es por esta razón que surge algo conocido como “el uso de Thumbnails”, que es una técnica de reducir el tamaño y peso de las imágenes, crear un nuevo archivo y desplegarlo en el navegador, de modo que si una imagen pesaba 3 MB, es posible reducir el tamaño a 120 KB, 200KB, etc.

En esta ocasión les presento un video que he realizado en el que se explica cómo utilizar una herramienta llamada “sorl-thumbnail” para generar de manera dinámica archivos thumbnail en nuestro proyecto Django.

“Sorl-thumbnail” trabaja de la siguiente manera:

  1. Recepciona la imagen que deseamos recortar
  2. Obtiene la imagen y mediante los parámetros de medidas y tipo de crop especificadas,genera un archivo en nuestras carpetas del media de las imágenes con las dimensiones necesarias.
  3. Adicionalmente almacena esta información en la base de datos para ligar la imágen original con los tamaños thumbnails ya creados, de tal manera que si una imagen de 50×50 es creada, entonces sorl-thumbnail ya no tendrá la necesidad de generar otra cuando un usuario solicite de nuevo esa dimensión.
  4. Por último lo presenta en un template que nosotros especifiquemos para que se vea visualizado un archivo más pequeño y que tan solo pesa algunos cuantos KB.

 

Para más información de sorl-thumnail, pueden consultar esta página: https://github.com/mariocesar/sorl-thumbnail

 

Si desean descargar este proyecto llamado myPage, lo pueden realizar en el siguiente link: https://github.com/alexdzul/myPage



Alex Dzul

FullStack Python / Django Developer. #jslove

Temas relacionados