مبدل CSS Data URI
یک استایل‌شیت را جای‌گذاری کنید، فایلی انتخاب کنید یا URL یک فایل CSS راه دور را وارد کنید. مبدل همه ارجاع‌های url(...) را پیدا می‌کند، منابع کوچک‌تر از محدودیت حجم شما را دانلود می‌کند و آن‌ها را با data URIهای Base64 جایگزین می‌کند.
| منبع | حجم | نتیجه |
|---|
چه زمانی درون‌خطی کردن تصاویر CSS مفید است
هر تصویر خارجی یک درخواست هزینه دارد. برای آیکون‌های کوچک، جاسازی آن‌ها به‌صورت data URI از نوع Base64 این درخواست را حذف می‌کند و از پرش تصویر جلوگیری می‌کند. بالاتر از چند کیلوبایت، سربار 33% حجم و از دست رفتن کش بر مزیت آن غلبه می‌کند؛ به همین دلیل مبدل محدودیت حجم دارد. نتیجه را با gzip یا Brotli ارائه کنید تا بیشتر سربار Base64 جبران شود.
سؤالات متداول
آیا باید همه تصاویر CSS را درون‌خطی کنم؟
خیر. فقط آیکون‌ها و پس‌زمینه‌های کوچک را درون‌خطی کنید. تصاویر بزرگ حجم CSS را زیاد می‌کنند، رندر را مسدود می‌کنند و جداگانه کش نمی‌شوند.
دیدگاه‌ها (0)
سؤال، ایده یا باگی در «مبدل CSS Data URI» دارید؟ دیدگاه بگذارید، به ابزار امتیاز دهید یا به دیگران پاسخ دهید.
هنوز دیدگاهی ثبت نشده است. اولین نفری باشید که نظر خود را به اشتراک می‌گذارد!