Merge pull request #7 from cloudinary-devs/named_transformations

carlevison · web-flow · commit 8bd77f8605a3 · 2025-04-30T10:10:57.000+01:00
Use w_auto in a named transformation
diff --git a/demos/client-hints-named.html b/demos/client-hints-named.html
@@ -0,0 +1,14 @@
+<html>
+
+<head>
+  <meta http-equiv="delegate-ch" content="sec-ch-width https://res.cloudinary.com; sec-ch-dpr https://res.cloudinary.com; sec-ch-viewport-width https://res.cloudinary.com;">
+</head>
+
+<body>
+  <h1>Using Client Hints to resize an image on the server side according to the viewport width</h1>
+  <p>Resize your browser, then refresh the page to deliver an image limited to 100% of the viewport.</p>
+
+  <img src="https://res.cloudinary.com/carl/image/upload/t_wautotest/docs/room2.jpg" sizes="100vw" />
+</body>
+
+</html>
