nuxt/image
این ابزار یک راه‌حل بهینه‌سازی تصاویر «آماده به کار» برای برنامه‌های Nuxt است که بارگیری صفحات را سریع‌تر و تجربه کاربری را بهتر می‌کند.
کاربرد:
این ماژول به طور خودکار تصاویر را بر اساس دستگاه کاربر، سایز صفحه و شبکه بهینه می‌کند. شامل تغییر اندازه، فشرده‌سازی، تبدیل فرمت (مثل WebP یا AVIF) و lazy loading می‌شود. ️
در چه شرایطی بهتره استفاده شود؟
وقتی که به دنبال بهبود سرعت سایت، کاهش حجم تصاویر و افزایش نمره Lighthouse هستید. به‌ویژه برای سایت‌های فروشگاهی، بلاگ‌ها و پلتفرم‌های محتوایی عالیه.
چند مثال از موارد استفاده:
- نمایش تصاویر محصول با کیفیت مناسب برای هر دستگاه ️
- بهینه‌سازی تصاویر بزرگ در بلاگ‌ها بدون افت کیفیت
- استفاده از تصاویر ریسپانسیو در کارت‌های اخبار یا شبکه‌های اجتماعی
- پشتیبانی از CDNهای مختلف مثل Cloudinary, Imgix و Azure
- ##nuxt
- ##image
- ##web
- ##vuejs
- ##seo
- ##lazy
- ##responsive
- ##webp
- ##avif
- ##cdn