• Generador de botones 80×15. En el mismo graphicsguru.com se ofrecen varias herramientas útiles.
• Generador de Favicon con texto. Para generar favicions sin imágenes, sólo texto y combinaciones de colores.
• Generador de bordes redondeados y gradientes. Pues eso, para generar cajas con bordes redondeados y gradientes. Lo interesante es que ya te ofrece el código HTML y las imágenes necesarias recortadas.
• Generador de Textos. Estás cansado del clásico LoremIpsum. Pues aquí tienes un generador de textos aleatorios pero con algo de “sentido”.
• Generador de email. Para evitar el spam un generador de imágenes con tu dirección de correo.
• Generador de paletas de colores. A partir de una foto te genera una paleta de colores.
• …y como no el clásico CoolText. de la época web 1.0 :) pero todavía muy útil.

Googleando encuentras cientos de webs con herramientas similares, lo anterior sólo es una selección de las que me he ido guardando en mi delicious… ¿conoces más q consideras “imprescindibles”?

Entradas relacionadas:

• Creando imágenes on-the-fly con las GD en PHP

A continuación describo como generar imágenes GIF "on the fly" usando PHP. Se puede usar este código para generar botones bajo demanda lo que resulta muy útil en distintas ocasiones, por ejemplo en webs que pretender ser traducidas a varios idiomas.

La imagen generada es muy simple y sólo debería servir de ejemplo, aunque con pocos retoques se puede conseguir algo mucho más bonito. La función genera un rectángulo azul con el texto $text centrado, se usa la fuente TrueType ARIALNB.TTF (disponible en cualquier Güindows).

Mediante la información devuelta por imageftbbox() se centra el texto automáticamente pero la altura de la imagen y la posición vertical del texto se fijan manualmente. Esto es así ya que si calculamos estos valores ($imgheight y $ycoord) pueden variar de forma no deseada dependiendo de la fuente usada y del texto que queremos mostrar, por ejemplo con el uso de acentos, mayúsculas o eñes obtendríamos imágenes con una altura mayor... y normalmente uno quiere que todos los botones tengan la misma altura :)

Si usas otra fuente o tamaño de fuente tendrás que ajustar los valores $ycoord e $imgheight. Probablemente también quieras ajustar $xpad que es lo que fija los márgenes izquierdo y derecho entre el texto y el borde de la imagen.

Paso a tratar un tema habitual en este blog, el rendimiento. Es muy interesante utilizar algún tipo de cache de los botones generados, a continuación propongo un par de ideas de cache (cliente y servidor):

[1] Usando el segundo parámetro de imagegif() guardar en disco el archivo GIF. Entonces podemos tirar de is_file() para comprobar si ya disponemos del GIF generado que con un simple file_get_contents() podremos recuperar. Aunque es mucho más óptimo configurar reglas de mod_rewrite del Apache para devolver el GIF directamente en caso de que exista el archivo.

[2] Enviar las headers de cache apropiadas al navegador del usuario. Por ejemplo tendremos cache de una semana añadiendo lo siguiente al inicio del código anterior:

Para finalizar añadir que puedes generar botones más bonitos usando imagecreatefrompng() para cargar imágenes que sirvan de plantilla. Otra opción es con funciones como imagepolygon() y imagerectangle() dedicar un buen rato a diseñar pero con PHP :)

Como no soy muy de diseño (ni con las GD), si alguien se ha currado botones más bonitos usando sólo funciones GD o sabe sitios donde encontrarlos... q no se corte!

Entradas relacionadas:

• Usando mod_rewrite y FeedBurner para las feeds de un blog con WordPress
• Leyendo XML desde PHP con SimpleXML
• Cache en memoria compartida con APC