Si quieres convertir cualquier imagen en un icono, en esta ocasión les presentamos Pic Icon Converter, una aplicación web con la que podremos crear iconos fácilmente a partir de una imagen.

El servicio es muy intuitivo y requiere tres pasos para completar la operación. Inicialmente debemos cargar la imagen en el sitio, una vez que se haya cargado al 100% aparecerá una nueva ventana, donde seleccionaremos el tamaño de los iconos, el formato, las dimensiones, la sombra (si desea aplicar) y proceder haciendo clic en el botón “Apply“.

El sitio por último nos dará el icono ya hecho para guardar en nuestra computadora y utilizarlo en cualquier momento que deseamos.

Enlace: Pic Icon Converter

El primero que se me ocurrio fue pixlr pero era algo demasiado complejo como para decorar un par de fotos. Particularmente no me gustan las fotos decoradas. las prefiero naturales. Sin florcitas, ni destellos, ni nada de eso.

Pero hay gente, como mi mujer, que quiere hacerse la diseñadora grafica poniendo una vaquita de san antonio y un dibujito en una foto. Asi que busque alguna aplicacion mas sencilla. Y piknic fue mi elección.

Picknik es el programa ideal para decorar fotos de una manera sencilla. Se le pueden agregar efectos (por ejemplo el famoso sepia), hacer collages y muchas cosas mas que no termine de investigar porque se lo deje a ella.

Para lograrlo me puse a investigar un script de intercambios automáticos de enlaces que encontré por ahí. En ese script se muestran los thhumbnails tal como yo lo quería.

Con un par de clicks me encontré con que esas imágenes tienen una url así: http://open.thumbshots.org/image.pxf?url= y despues del = la url de la pagina.

Por ejemplo para este blog quedaría así: http://open.thumbshots.org/image.pxf?url=http://ferticidio.com lo que nos da una imagen como la del costado de este párrafo.

Ahora solo me quedaba buscar la forma de poner esas imágenes en los listados de paginas que había en el directorio. Pensé que iba a ser muy complicado pero no fue así. Solo hubo que usar un poco la imaginación.

En las plantillas (o templates) de PHPLD hay un archivo que es el encargado de mostrar los enlaces: links.tpl

El contenido integro de este archivo es:

{strip}
<table><tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
   <td>
      {include file="pagerank.tpl" pr=$link.PAGERANK}
   </td>
{/if}

<td>
   <a id="id_{$link.ID}" href="{$link.URL|escape|trim}"title="{$link.TITLE|escape|trim}"
      {* nofollow *}
      {if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and ($smarty.const.RECPR_NOFOLLOW eq 2 or ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))} rel="nofollow"{/if}
      {if $smarty.const.ENABLE_BLANK} target="_blank"{/if}>
      {$link.TITLE|escape|trim}</a> <span class="url">- {$link.URL|escape|trim}</span>

      <p>{$link.DESCRIPTION|escape|trim}</p>
</td>
</tr></table>
{/strip}

la parte que nos interesa es la primer celda. La que dice:

<td>
   {include file="pagerank.tpl" pr=$link.PAGERANK}
</td>

Pagerank.tpl es un archivo que se encarga de poner la barrita verde con el PR de sitio. Yo en vez de eso quería poner la imagen. Pero para poner esa imagen necesitaba la url del sitio. Que investigando un poco me encontré con que en ese archivo se usa este código para mostrarlo: {$link.URL|escape|trim}

Con eso ya estaba listo para armar el nuevo archivo que quedo de la siguiente forma:

{strip}
<table><tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
   <td>
   <img src="http://open.thumbshots.org/image.pxf?url={$link.URL|escape|trim}" />
   </td>
{/if}

<td>
  <a id="id_{$link.ID}" href="{$link.URL|escape|trim}" title="{$link.TITLE|escape|trim}"
      {* nofollow *}
      {if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and ($smarty.const.RECPR_NOFOLLOW eq 2 or ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))} rel="nofollow"{/if}
      {if $smarty.const.ENABLE_BLANK} target="_blank"{/if}>
      {$link.TITLE|escape|trim}</a> <span class="url">- {$link.URL|escape|trim}</span>

      <p>{$link.DESCRIPTION|escape|trim}</p>
      {include file="pagerank.tpl" pr=$link.PAGERANK}
</td>
</tr></table>
{/strip}

Y con eso ya pude mostrar los thumnails en el directorio sin necesidad de nada mas. Solo un par de líneas. Habría que editar un poco mas, por ejemplo el “if” de mostrar el PR pero como siempre lo voy a mostrar lo voy a dejar así.

Ah otra cosa, la barrita verde ahora se muestra después de la descripción de sitio.

Pueden ver el resultado en Plusdoo.

Subimos nuestra imagen en alta resolución y Closr nos da un widget con los típicos controles de movimiento y zoom.

Obviamente lo probé. Como no tenia imágenes en alta resolución busque un par con Google. Y aquí esta el resultado:

Si, las aplicaciones del iPhone, recuerdo que cuando vi esa imagen así pequeñita no me llamo la atención. Pero ahora me parece mucho mas atractiva.

Después probé con un fondo de pantalla. No tan grande pero lo suficiente como para probar Closr:

Sin duda una gran idea. Nos puede facilitar mucho la vida, y sobre todo nos puede dejar hacer cosas bastante interesantes.

El problema viene en las versiones viejas de WordPress. Porque en la nueva ya nos da la posibilidad de subirla desde el navegador. Pero en las versiones anteriores no. Entonces la solución es:

1. Actualizar a wordpress a su ultima versión (Además es bueno para la seguridad)
2. Usar algún plugin que lo solucione. (Me da fiaca buscar)
3. Deshabilitar Flash en el navegador.

Esto ultimo es para los que no tenemos acceso completo al blog. Por ejemplo si solo somos editores. Y la forma de hacerlo en Firefox es muy sencilla:

• Vamos a Herramientas
  • Agregados
    • Plugins
      • Flash
        • Le damos a deshabilitar.

Listo ya no nos carga el navegador en flash y podemos subir las imágenes desde el navegador.

Igualmente esto es una solución que podemos usar por unos días. Despues solo nos queda pedir al administrador del blog que actualice (Cosa que yo no puedo hacer porque esta de vacaciones)