PHP Thumbnailer: librería para crear thumbs de imágenes

ByLuis

Si hay algo que odio a la hora de desarrollar una aplicación es tener que hacer thumbs de las imágenes, sobre todo para los perfiles: que si el thumb es cuadrado y la imagen rectangular, que si se debe recortar o meter bordes, … PHP Thumbnailer nos facilita enormemente esta tarea:

Hacer resize:

try {
     $thumb = PhpThumbFactory::create('/path/to/image.jpg');
} catch (Exception $e) {
     // error
}
$thumb->resize(100, 100);
$thumb->show();

Hacer resize y crop si es rectangular:

$thumb->adaptiveResize(175, 175);
$thumb->save('/path/to/new_image.jpg');

PHP Thumbnailer

|

PaintbrushJS – Browser Based Image Processing Library

ByLuis

PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page.You use it by applying a class to an element on the page and setting a few parameters with some extra HTML attributes. If the element is an img or it has a background-image set in your CSS, PaintbrushJS will create …

Post original

|

Laboratorio: leer cualquier tipo de imágen en PHP de forma sencilla

ByLuis

Uno de los problemas con los que nos solemos encontrar es leer imágenes en PHP mediante la librería GD sin estar seguros de que tipo de fichero es: JPEG, GIF o PNG. Normalmente solemos mirar la extensión y según sea, abrir el fichero con alguno de los métodos que ofrece GD. Pero hay una solución más sencilla: leer el fichero en un string y crear la imagen usando ese script:

$img_content = file_get_contents($image);
$im = imagecreatefromstring($img_content);
// Para saber el tipo de imagen por si lo necesitamos
$imgtype = exif_imagetype($image);

Librerías Javascript para mostrar información de imagenes y añadir efectos

ByLuis

Dos interesantes y currados scripts que te permiten manipular imágenes. Uno de ellos te devuelve la información EXIF de la imágen: formato, versión, ancho, alto, bits por pixel, alpha, mimeType, tamaño en bytes e información EXIF (solo para JPEG).
La otra librería Javascript te permite realizar efectos en las imágenes, usando canvas o lo propio de IE (no todos los efectos los permite IE): flip horizontal, flip vertical, invertir, desaturacización, blur, sharpen, edges, emboss, laplace, ruido, brillo, sepia e histograma.
Librerías muy interesantes para proyectos que permitan subir o manipular imágenes (tipo fotolog).
Javascript Image Effects e ImageInfo
Vía / @rafabayona

boingPic: experimento con imágenes y jQuery

ByLuis

boingPic es un experimento realizado con jQuery que divide una imagen en 100 cuadritos y hace que “huyan” del ratón cuando éste se mueve.
boingpic.png
El script no tiene mucha utilidad en si, pero sí que puede ser interesante para tomar ideas para otros desarrollos, sobre todo a la hora de dividir la imágen y controlar su movimiento.
boingPic
Vía / couch

5 consejos para reducir la carga de la página enfocado a imágenes

ByLuis

Una cosa es realizar una aplicación o tener un blog y otra es que el número de visitas aumenten y tengamos que optimizar la carga de la página. Hay que intentar ganar rendimiento de cualquier forma, y una de estas formas es mediante imágenes, por eso estos consejos (que quizás sean un poco obvios) no vienen mal:

  • Evita usar imágenes complejas o grandes: cuanto más ligeras sean antes cargarán.
  • Optimiza las imágenes: existe diferentes formatos, y cada cual es conveniente en un caso. Los más usados son GIF, PNG y JPEG. JPEG y PNG tienen un valor de calidad de la imagen, reducirlo puede hacernos ganar algunos Kb y no perder en calidad.
  • Indica el tamaño de las imágenes en el HTML: así el navegador sabrá como repartir el espacio para la imagen antes de que cargue por lo que el render de la página será más rápido.
  • Precarga imágenes: aquí el autor dice un consejo un tanto peculiar, no sé si bueno o malo, pero sí interesante. Se trata de cargar imágenes grandes en páginas anteriores y asignarle el tamaño 1×1 para que no se vean y así esté cargada anteriormente. Eso sí, forzaría a que tire de caché para que no te la cargue dos veces.
  • Animaciones flash: si tienes que usar una animación no uses GIFs animados (sí, algunos te encuentras aún), usa flash, pero tampoco te pases.

Top 5 tips to decrease the load time of your websites via images

PicFindr: encuentra fotos gratuitas

ByLuis

picfindr.pngPicFindr es un servicio que nos permite buscar imágenes gratuitas dentro de todos los sistemas de licencias existentes y teniendo en cuenta el uso que necesitemos.
Nos permite buscar imágenes gratuitas para usarlas de forma comercial sin necesidad de pedir permiso o pagar algún crédito.
PicFindr se trata de una aplicación realizada en Flash9 que busca dentro de diferentes sitios de almacenamiento de fotografías y nos permite descargarlas. Entre los sitios en los que busca se encuentra stock.xchng, image*after o morgeFile.
PicFindr
Vía / SitePoint Blogs

Lista de librerías de manipulación de imágenes en PHP

ByLuis

Según la Ley del Mínimo Esfuerzo, no hagas lo que ya han hecho otros, y en este caso, si estás interesado en manipulación de imágenes mediante PHP, te puede interesar esta lista de librerías o scripts para la manipulación de imagenes mediante PHP.

  • GD image resize transparent gif: script para cambiar el tamaño de un GIF transparente usando GD.
  • Image Thumb: crear miniaturas (thumbnails).
  • phpThumb(): permite crear miniaturas de nuestras imágenes, exportando a distintos formatos y pudiendo aplicar diversos filtros.
  • GDGraph: crea gráficas de barra, pastel.
  • PanaChart: gráficas en menos de 2 Kb. y en menos de 20 ms.
  • OIC: conversor de formatos de imágenes.
  • PHPaint: crea botones dinámicamente.
  • GraPHPico: genera graficos en formato .PNG, actualmente existen los estilos Porcentaje, Barras y Pastel.
  • GD- Sombras: crea textos con sombras.
  • JpGraph: completísima utilidad para la creación de gráficos.
  • PHPGD: recursos para la manipulación y creación de imágenes con PHP y GD.
  • Unsharp Mask for PHP: máscara unsharp para imágenes.
  • PHPLOT: una ‘biblioteca’ para generar todos tipo de gráficos sobre estadísticas varias. (Gracias alidhaey)

En Sentido Web

| |

Laboratorio: calcular fondo de imagen con PHP

ByLuis

Hace tiempo contábamos como rotar imágenes aleatoriamente, algo que se puede utilizar para la cabecera del blog (como hace mucha gente). El problema es cuando las imágenes son completamente distintas y hay que buscar un fondo que le convenga. Para ello nada mejor que un script PHP que te calcule el fondo según los colores de la imagen, ya sea calculando la media o la mediana (el que más aparece). Como veréis en el ejemplo, la media (arriba) y la mediana (abajo) devuelven valores distintos.
backgrounds.png

Read More “Laboratorio: calcular fondo de imagen con PHP”

| |

Laboratorio: Comparar imágenes mediante PHP

ByLuis

Voy a intentar responder de una forma un poco más completa la pregunta que nos hacía David sobre la forma de comparar dos imágenes. Aunque este tema es muy intenso y en algunos casos bastante complicado, vamos a intentar simplificarlo en dos casos: imágenes de distinto tamaño y distinto contenido en la imagen.

Comparar imágenes

Si las imágenes son de distinto tamaño diremos que son distintas imágenes, no nos pararemos a ver el contenido. Si tienen el mismo tamaño, buscaremos que parte de la imagen es la que ha cambiado y la señalaremos con un rectángulo rojo.

Read More “Laboratorio: Comparar imágenes mediante PHP”