Timthumb.PHP: Otra solución para crear thumbs de todo tamaño en tu blog de WordPress

@ 28 . septiembre . 2011

Timthumb crear thumbs en WordPress

Si bien hace poco publiqué un tutorial de como crear thumbs para posts que utilizan imágenes alojadas en IMGUR y videos de youtube, esto no cubría imágenes alojadas en el mismo WordPress o en otros servicios externos como flickr o picasa.

Con el script de Timthumb.PHP podemos crear todo tipo de thumbs sin importar donde estén alojadas las imágenes, incluso pueden estar en flickr o en un CDN. Eso sí, el thumb resultante se archivará en el servidor de tu blog o en tu CDN.


Cabe resaltar que TimThumb detectará la primera imagen de tu post y esta será la única que se convierta en thumb, y si no se puede usar una imagen por defecto para cuando un post sea de sólo texto.

Uso de Timthumb.PHP

:download: Bajar última versión en Google Code: http://code.google.com/p/timthumb/

TimThumb por defecto puede trabajar con imágenes alojadas en:

flickr.com, picasa.com, img.youtube.com, upload.wikimedia.org, photobucket.com, imgur.com, imageshack.us, tinypic.com

Al mismo tiempo si editas el código puedes aumentar más dominios y listo.

Sólo subes el script a tu blog y creas las URLS especiales para activar varias opciones que describo a continuación.

Si queremos crear un thumb de 100×100 de una imagen lighthouse.jpg alojada en nuestro blog:
<img src="timthumb.php?src=lighthouse.jpg">

Si queremos crear un thumb de una imagen en flickr:
<img src="timthumb.php?src=http://farm3.static.flickr.com/2340/2089504883_863fb11b0a_z.jpg&h=200&w=120">

Si queremos crear un thumb de una imagen en flickr con dimensiones especiales no estándar como ancho=114 y alto=198:
<img src="timthumb.php?src=http://farm3.static.flickr.com/2340/2089504883_863fb11b0a_z.jpg&h=198&w=114">

Si queremos un thumb en blanco y negro:
<img src="timthumb.php?src=demo.jpg&f=2">

Si queremos algo tan complejo como un Colorize con RGB (150,0,0) y Alpha 25
<img src="timthumb.php?src=demo.jpg&f=5,150,0,0,25">

Si queremos aplicar un Gaussian Blur al thumb:
<img src="timthumb.php?src=demo.jpg&f=8">

Si queremos un capricho cmo un thumb de ancho 60, alto 130 y el corte esté alineado a la derecha (align right: a=r):
<img src="timthumb.php?src=lighthouse.jpg&a=r&w=60&h=130">

Hay de todo, con q=70 indicas que la calidad del thumb sea del 70%, por ejemplo.

Y así un largo etcétera de opciones, efector, crops y tamaños, uno puede hacer lo que quiera con solo tener el script y generar las URLs en nuestro theme.

Video Tutorial

Aunque el video esta en inglés se nota que fácil es de usar con panel de control gracias a un plugin para WordPress que administra Timthumb (aunque no encontré link a este plugin), así que sin plugin toca generar las URLs de las imágenes a mano en el theme del blog.

Conclusión

Estamos en una época donde los thumbs estan de moda por todo lado, ya sea para interesar más a un visitante en navegar por otros posts o para aligerar nuestro home.

(y) Sin lugar a dudas este script es muy completo y sencillo de usar. Fácilmente puedes crear thumbs en blanco y negro y que con un hover salgan a colores (se verían de lujo). El manejar el tamaño (dimensiones), efectos y calidad que se te venga en gana es muy importante.
(n) La única desventaja que le encuentro (aparte del obvio php extra que genera mayor uso de CPU en tu server) es que los thumbs se quedan alojados en tu server, lo que a veces te genera gastos extras de ancho de banda y servidor, en especial cuando bloguers y foristas irresponsables te hotlinkean las imágenes desde otros sitios. Claro esto se resuelve con unas líneas de código en tu .htaccess.

Pruébalo y lee cada opción y ejemplo en: binarymoon.co.uk/projects/timthumb/ (y)
Si eres un pro coder, puedes revisar todo el código aquí: timthumb/source/browse/trunk/timthumb.php

Nota: En agosto hubo una alarma de una fuerte falla de seguridad para quienes usaban este script en sus blogs, pero ya la última versión resolvió el problema.

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com

Noticias Similares

  • yskatll

    Like

  • Nestor C. Pool

    Es una buena alternativa pero prefiero la primera que publicaste… Es mas funcional en especial que no te carga mucho el servidor…