feat(plugin-image): enable breakpoints config

Signed-off-by: Chawye Hsu <[email protected]>
chawyehsu · Jan 21, 2025 · 5f87d8d · 5f87d8d
1 parent 57af993
commit 5f87d8d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/saber-config.js b/saber-config.js
@@ -125,7 +125,11 @@ module.exports = {
         adapter: 'sharp',
         format: 'webp',
         /* sizes => image widths, from small to large */
-        sizes: [720, 1200, 1920],
+        /* 740: for media width <= 768 */
+        /* 1200: for media width > 768 */
+        /* 1920: and set the max image width we provide */
+        sizes: [740, 1200, 1920],
+        breakpoints: [768, 1920],
         placeholder: true,
         blendIn: false,
       },