El hacer que las imagenes que subimos al WordPress sean miniaturas, debería ser obligatorio para todo blogger. Generalmente los que subimos imagenes a nuestros posts no tenemos en cuenta el peso de estas imagenes, y nos olvidamos de que estas imagenes se cargan a la hora de visualizar nuestra página.
Una solución para no tener que desechar el uso de imagenes, sería el hacer que estas imagenes sean más pequeñas y luego dar la opción para que el usuario pueda verlas en su tamaño original, para ello podemos usar algún método en Javascript que nos enriqueza visualmente la aplicación o simplemente dejar un en enlace al hacer click sobre la imagen.
Pero tambien podemos hacer que las imagenes en si, sean elengante y mejoren la estética de la página.
Para ello se hace uso de la librería Imagick, que aunque aún es una librería experimental se pueden hacer maravillas con ella.
<?php
/* Read the image into the object */
$im = new Imagick( 'strawberry.png' );
/* Make the image a little smaller, maintain aspect ratio */
$im->thumbnailImage( 200, null );
/* Round corners, web 2.0! */
$im->roundCorners( 5, 5 );
/* Clone the current object */
$shadow = $im->clone();
/* Set image background color to black
(this is the color of the shadow) */
$shadow->setImageBackgroundColor( new ImagickPixel( 'black' ) );
/* Create the shadow */
$shadow->shadowImage( 80, 3, 5, 5 );
/* Imagick::shadowImage only creates the shadow.
That is why the original image is composited over it */
$shadow->compositeImage( $im, Imagick::COMPOSITE_OVER, 0, 0 );
/* Display the image */
header( "Content-Type: image/png" );
echo $shadow;
?>
0 comentarios, 0 referencias
+
#