Extensión cross-browser webp2png

por | 12 mayo, 2017

Hace un tiempo apareció un nuevo formato de imagen creado por google denominado WebP. Este formato soporta compresión con y sin pérdidas, transparencias y animaciones, entre otras cosas. Además parece tener un ratio de compresión superior a png y jpeg lo que lo hace ideal para sitios web.

El problema surge cuando descargas la imagen y la querés abrir con tu visor favorito. Si… todavía no tiene soporte. Para solucionar este problema es que creé la extensión.

Para poder usarla simplemente arrastra el siguiente botón a tus marcadores. Cuando estés en un sitio que tiene imágenes en formato WebP hace click en el marcador y las imágenes se convertirán en PNG.

webp2png

El script busca todas las imágenes. Luego, por cada una de ellas, crea un canvas e inserta la imagen correspondiente. A continuación trata de convertirla a base 64. Si tiene éxito reemplaza el atributo src de la imagen original por la imagen en formato png codificada en base 64. Si falla(que es lo mas probable) es por un problema de CORS por lo que reemplaza la imagen por el canvas. Esto último funciona porque los navegadores permiten guardar los canvas como png.

Les dejo una imagen en WebP para que puedan probar la extensión. Primero pueden tratar de guardarla para ver que esta en formato WebP. Luego pueden presionar el marcador y volver a guardarla. Esta vez estará en formato PNG.

computadora

Por último les dejo el código:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *