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