Etiqueta: imágenes

Libpuzzle – Librería PHP para comparar imágenes

Con la librería Libpuzzle de PHP podemos comparar dos imágenes (GIF, PNG, JPG) y comprobar si son similares o no.

Esta librería es gratis, de fácil configuración, ligera y de fácil uso.

Aquí un ejemplo de como comprobaríamos si dos imágenes son similares, y cómo luego las comprimimos para ser almacenadas en base de datos.

# Compute signatures for two images
$cvec1 = puzzle_fill_cvec_from_file('img1.jpg');
$cvec2 = puzzle_fill_cvec_from_file('img2.jpg');

# Compute the distance between both signatures
$d = puzzle_vector_normalized_distance($cvec1, $cvec2);

# Are pictures similar?
if ($d < PUZZLE_CVEC_SIMILARITY_LOWER_THRESHOLD) {
  echo "Pictures are looking similarn";
} else {
  echo "Pictures are different, distance=$dn";
}

# Compress the signatures for database storage
$compress_cvec1 = puzzle_compress_cvec($cvec1);
$compress_cvec2 = puzzle_compress_cvec($cvec2);

Libpuzzle.

Anuncios

jQuery Cycle Plugin – Transiciones animadas de imágenes (slideshow)

jQuery Cycle plugin proporciona un mecanismo de hacer transiciones animadas de imágenes. Su implementación está basada en el InnerFade Plugin de Torsten Baldes, el Slideshow Plugin de Matt Oakes, y el jqShuffle Plugin de Benjamin Sterling. El plugin soporta pausas al pasar el ratón por encima de la imágen, paradas automáticas, retrollamadas (callbacks) antes y después, disparadores (triggers) y una gran cantidad de efectos para las trasiciones.

La última versión estable (2.34), publicada en esta misma semana, requiere, como mínimo, la versión 1.2.3 de jQuery.

Es un plugin muy ligero, tan solo ocupa 18 KB en su versión para entornos de producción.

Como casi todo en jQuery, es muy fácil de usar. Aquí pongo un breve ejemplo básico:

HTML:

<div id="s1" class="pics">
    <img src="images/beach1.jpg" width="200" height="200" />
    <img src="images/beach2.jpg" width="200" height="200" />
    <img src="images/beach3.jpg" width="200" height="200" />
</div>

CSS:

.pics {
    height:  232px;
    width:   232px;
    padding: 0;
    margin:  0;
} 

.pics img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  200px;
    height: 200px;
    top:  0;
    left: 0
}

JavaScript:

$('#s1').cycle('fade');

Puedes acceder a la web oficial para obtener más información, la descarga, ejemplos de códigos fuentes y ejemplos en funcionamiento desde el siguiente enlace:

jQuery Cycle Plugin.

Proteger imágenes en la web

Una de las características principales de internet es el compartir y enlazar todo tipo de información. Pero algunas veces quedremos proteger ciertos aspectos de nuestras webs, como por ejemplo código fuente de javascript e imágenes.

Un colega me ha pasado un enlace en el que explican (en inglés) diez maneras de intentar proteger nuestras imágenes en los desarrollos web que hagamos:

10+ Ways To Protect Images From Being Stolen.

Aunque siempre quedará el truco del almendruco: hacer captura de pantalla, recortar, copiar y pastear. Pero seguro que con estos diez consejos se hace más complicada la labor de copiar imágenes protegidas y/o con copywrite.

Fotos e imágenes del universo en tu ordenador y/o móvil

Con motivo del año internacional de la astronomía 2009, hoy mismo 16 de Diciembre, se publica una web con imágenes y fotos del universo para descargar gratis el móvil o escritorio del ordenador.

Esta iniciativa se enmarca dentro del proyecto Astro para todos los públicos, liderado por el Instituto de Astrofísica de Canarias, uno de los once proyectos emblemáticos del Año Internacional de la Astronomía en España, que cuenta con financiación de la Fundación Española para la Ciencia y la Tecnología (FECYT).

Puedes acceder desde el siguiente enlace:

Astro para todos.