🎨 اگه هنوز برای Blur از عکس PNG استفاده می‌کنی، اینو بخون...

یکی از اشتباه‌های رایج توی طراحی سایت اینه که برای ساخت افکت‌های نور یا شیشه‌ای، یه PNG بزرگ روی صفحه می‌ذارن.

نتیجه؟

❌ حجم بیشتر
❌ لود کندتر
❌ امتیاز پایین‌تر توی Core Web Vitals

به‌جاش از این قابلیت‌های CSS استفاده کن:

✨ backdrop-filter
✨ filter: blur()
✨ radial-gradient

هم ظاهر مدرن‌تری می‌گیری، هم کنترل بیشتری روی افکت‌ها داری، هم لازم نیست چندین فایل گرافیکی اضافه لود کنی.

یه طراح سایت حرفه‌ای فقط ظاهر رو قشنگ نمی‌کنه؛ کاری می‌کنه همون ظاهر سریع هم لود بشه.

@CodeVerse_dev