You can now invalidate the CDN cache by providing a source image
Vercel Changelog194d agoReleaseVercel 更新了圖片優化服務的快取管理機制。開發者現在可以直接提供原始圖片（source image）的資訊，來使 CDN 上的相關快取失效。這解決了過去源圖片更新後，多個尺寸與格式的優化圖片難以同步更新的痛點，大幅提升了前端資源管理的效率與靈活性。
Increased Hobby usage limits for Image Optimization
Vercel Changelog452d agoReleaseVercel 官方宣布調高 Hobby（免費）方案的圖片優化（Image Optimization）使用限制。這項調整旨在讓個人開發者與 Side Project 創作者在不需付費的情況下，能處理更多圖片資源，提升網站效能與載入速度，進一步降低了前端開發與部署的門檻。
New Observability dashboard for Image Optimization
Vercel Changelog468d agoReleaseVercel 宣布為其「圖片優化 (Image Optimization)」服務推出全新的可觀測性儀表板。開發者現在可以透過視覺化圖表，輕鬆追蹤圖片的快取命中率、優化前後的檔案大小對比、頻寬消耗以及熱門圖片路徑。這項更新有助於前端工程師與網站維運人員更精準地掌握網站效能並優化 Vercel 的使用成本。
Faster transformations and reduced pricing for Image Optimization★ 72
Vercel Changelog469d agoReleaseVercel 針對其 Image Optimization 服務進行重大升級，不僅大幅提升了首次圖片轉換與處理的速度，更調降了整體的計費價格。這項更新將直接惠及使用 Next.js 或 Vercel 圖片優化 API 的開發者，在提升網站載入效能與 Core Web Vitals 的同時，顯著降低基礎設施的營運成本。
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 評分，還能提供媲美原生應用的使用者體驗。