Modifica imágenes en tu web sin utilizar Photoshop


This is some text prior to the author information. You can change this text from the admin section of WP-Gravatar  To change this standard text, you have to enter some information about your self in the Dashboard -> Users -> Your Profile box.

Ya no es necesario ser un experto en Photoshop u otros programas de edición para añadir filtros y efectos a tus imágenes, pues ya es posible modificarlas utilizando códigos HTML.

Dichas modificaciones deben realizar cuidadosamente, o sea, no hay que cargar las imágenes de efectos para que estos sean útiles y no resulten incómodos a la vista. De momento estos efectos solo funcionan a la perfección en Google Chrome, pero se espera que en los próximos meses también funcione en el resto de navegadores.

1.- Blanco y negro

<figure id=”escala_grises”>

<img src=”foto.png” class=”grayscale” alt=””>

</figure>

blancoynegro

2.- Brillo

<figure id=”brillo”>

<img src=”foto.png” class=”brightness” alt=””>

</figure>

brillo

3.- Contraste

<figure id=”contraste”>

<img src=”foto.png” class=”contrast” alt=””>

</figure>

contraste

4.- Desenfoque

<figure id=”desenfoque”>

<img src=”foto.png” class=”blur” alt=””>

</figure>

desenfoque

5.- Invertir colores

<figure id=”inversion”>

<img src=”foto.png” class=”invert” alt=””>

</figure>

inventir

6.- Opacidad

<figure id=”opacidad”>

<img src=”foto.png” class=”opacity” alt=””>

</figure>

opacidad

7.- Saturación

<figure id=”saturacion”>

<img src=”foto.png” class=”saturate” alt=””>

</figure>

saturacion

8.- Sepia

<figure id=”sepia”>

<img src=”imagen.jpg” class=”sepia” alt=””>

</figure>

sepia