truss-image 0.11.3

Image toolkit with a shared Rust core across the CLI, HTTP server, and WASM demo.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

import { TrussImage } from "@/components/TrussImage";

export default function Home() {
  return (
    <main style={{ fontFamily: "system-ui, sans-serif", padding: "2rem" }}>
      <h1>truss + Next.js</h1>
      <p>
        Server-side image transformation using{" "}
        <a href="https://github.com/nao1215/truss">truss</a> with signed URLs.
      </p>

      <section>
        <h2>WebP, 400px wide</h2>
        <TrussImage
          src="sample.jpg"
          alt="Sample image converted to WebP at 400px width"
          width={400}
          format="webp"
          quality={80}
        />
      </section>

      <section>
        <h2>AVIF, 200x200 cover crop</h2>
        <TrussImage
          src="sample.jpg"
          alt="Sample image cropped to 200x200 square in AVIF format"
          width={200}
          height={200}
          fit="cover"
          format="avif"
          quality={60}
        />
      </section>

      <section>
        <h2>PNG, 300px wide</h2>
        <TrussImage
          src="sample.jpg"
          alt="Sample image converted to PNG at 300px width"
          width={300}
          format="png"
        />
      </section>
    </main>
  );
}