JSPM

  • Created
  • Published
  • Downloads 2009
  • Score
    100M100P100Q105641F
  • License MIT

Optimize images with wasm on edge runtime

Package Exports

  • wasm-image-optimization
  • wasm-image-optimization/edge

Readme

wasm-image-optimization

usage

Sample of Cloudflare Workers

import { optimizeImage } from 'wasm-image-optimization';

export interface Env {}

const handleRequest = async (
  request: Request,
  env: Env,
  ctx: ExecutionContext
): Promise<Response> => {
  const srcImage = await fetch(
    'https://raw.githubusercontent.com/node-libraries/wasm-image-optimization/master/images/test01.jpg'
  ).then((res) => res.arrayBuffer());
  const image = await optimizeImage({
    image: srcImage,
    width: 200,
    height: 200,
  });
  return new Response(image, {
    headers: {
      'Content-Type': 'image/webp',
    },
  });
};

export default {
  fetch: handleRequest,
};