index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="batch resize, convert and process images, directly on web, without server upload">
  <meta name="keywords"
    content="images, convert, online, no server, no upload, scale, filter, blur, resize, png, jpg, jpeg">
  <meta name="author" content="chriamue">
  <meta name="robots" content="index, follow" />
  <meta property="og:title" content="Lenna Web | convert images without upload to a server into png or jpg">
  <meta property="og:description"
    content="batch resize, convert and process images, directly on web, without server upload">
  <meta property="og:image" content="https://lenna.app/logo.png">
  <meta property="og:url" content="https://lenna.app">

  <title>Lenna Web | convert images without upload to a server into png or jpg</title>
  <script type="systemjs-importmap" src="https://lenna.app/lenna-plugins/importmap.json"></script>
  <script type="systemjs-importmap">
        {
          "imports": {
            "vue": "https://cdn.jsdelivr.net/npm/vue@3.2.6/dist/vue.global.prod.js"
          }
        }
    </script>

  <script src="https://cdn.jsdelivr.net/npm/systemjs@6.10.3/dist/system.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/systemjs@6.10.3/dist/extras/amd.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/systemjs@6.10.3/dist/extras/use-default.min.js"></script>
  <script>
    Object.getPrototypeOf(System).firstGlobalProp = true;
  </script>
</head>

<body>
  <div id="app">
    <h1>Lenna Web | convert images without upload to a server into png or jpg</h1>
    <p>
      Lenna is a library for image processing algorithms. The web page allows to
      test and use them.
    </p>

    <h2>How to Convert Images</h2>
    <ol>
      <li>Drop images into left box.</li>
      <li>Enable the plugins you want to use in convertion.</li>
      <li>Order the plugins via drag and drop</li>
      <li>Press the process button.</li>
      <li>Select file type you want to download on the right.</li>
      <li>Download your converted images compressed as zip.</li>
    </ol>

    <h2>Plugins</h2>
    <p>
      Lenna allows to plug in more algorithms.
      The plugins can be activated for use in the <a href="https://lenna.app/marketplace/">marketplace</a>.
      Some examples can be found at
      <a href="https://github.com/lenna-project/lenna-plugins">lenna-project/lenna-plugins</a>
      on github.
      <br />
      Following a list of available plugins:

    <ul>
      <li><b>blur</b> - Blurs the image. The strength can be configured.</li>
      <li><b>dramatic</b> - Gives the image a dramatic touch.</li>
      <li><b>exif</b> - Allows to clear exif data of the image.</li>
      <li><b>rotate</b> - Rotates the image.</li>
      <li><b>canny</b> - Shows edges of objects in the image.</li>
    </ul>
    </p>
    <h2>Command Line Interface</h2>
    <p>
      A command line interface allows to use the algorithms and run them on
      multiple images at once. The source for
      <a href="https://github.com/lenna-project/lenna-cli">lenna-cli</a>
      can be found on github.
    </p>
  </div>
</body>

</html>