🔥 Trending today
Images on the web
Vercel Changelog966d agoTutorialVercel 發布網頁圖像指南，探討如何透過現代格式（如 AVIF、WebP）與響應式圖片技術提升網頁載入速度。文章重點分析了圖片對 Core Web Vitals（如 LCP 與 CLS）的影響，並介紹了 Vercel Image Optimization 如何協助開發者自動化處理圖片縮放與壓縮，從而提供極致的用戶體驗。
Building a fast, animated image gallery with Next.js
Vercel Changelog1240d agoTutorialVercel 官方分享了如何結合 Next.js 與現代前端技術構建高效能圖片庫。文章重點在於利用 next/image 進行自動圖片優化（如 WebP 格式與 Blur 佔位符），並搭配 Framer Motion 實現流暢的佈局動畫。這套方案不僅能提升 Core Web Vitals 評分，還能提供媲美原生應用的使用者體驗。