SummArg | Cursos y recursos para webmasters

20/10/2010

Mostrar imágenes en formato WebP utilizando Javascript

Recientemente pudimos leer el anuncio del formato de imagen WebP que lanzó Google, con mayor compresión y menor pérdida de calidad. Para implementar este formato en nuestros websites la primer barrera es que todos los navegadores puedan leer el formato, sin mencionar que solo un programa de edición de imágenes nos permite generar archivos en este formato hasta la fecha, y en esta oportunidad vemos una pequeña solución aplicable a las últimas versiones de Chrome, Firefox y Opera.

El formato de compresión WebP está pensado como un frame de video VP8, el proyecto de video para HTML5 WebM, formato actualmente soportado por los navegadores modernos. Entonces lo que proponen desde GitHub es convertir la imagen para ser llamada como un frame de video WebM. Un ejemplo de uso sería el siguiente:

<html lang="en">
<head>
<meta charset=utf-8 />
<title>WebP Demo</title>
<script src="weppy.js"></script>
</head>
<body>
<h1>WebP Demo</h1>
<img src="mandelbrot.webp" width="500">
</body>
</html>

Web del autor | Descargar weppy.js

El autor de la librería javascript tiene sólo 15 años.

Dejar un comentario