lume/tests/assets/picture/index.njk at c3433ab9a54d653b11d6dd19fbc39e6aa41a3ba6 · cawa-93/lume · GitHub

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
<!doctype html>
<html>
<head>
  <title>Demo</title>
</head>

<body>

  <!-- without sizes -->
  <div imagick="png 600@2">
    <img src="/kevin schmid unsplash.jpg">
  </div>


  <picture imagick="avif webp jpg 600@2">
    <img src="/kevin schmid unsplash.jpg">
  </picture>

  <!-- This image will be converted to a picture -->
  <img src="/kevin schmid unsplash.jpg" imagick="avif webp jpg 300@2">


  <!-- with sizes -->
  <div imagick="png 600@2">
    <img src="/kevin schmid unsplash.jpg" sizes="600px">
  </div>


  <picture imagick="avif webp jpg 600@2">
    <img src="/kevin schmid unsplash.jpg" sizes="600px">
  </picture>

  <!-- This image will be converted to a picture -->
  <img src="/kevin schmid unsplash.jpg" imagick="avif webp jpg 300@2" sizes="600px">
</body>
</html>