تحويل صورة إلى Base64 (data URI)
استورد صورة واحصل مباشرة على سلسلة data:image/...;base64,... جاهزة للصق في CSS أو HTML، لدمج أيقونة صغيرة دون طلب شبكة إضافي.
كيف يعمل؟
هل تريد دمج أيقونة صغيرة أو شعار أو رسم تخطيطي مباشرة في ورقة أنماط CSS (مثلاً في background-image) أو في HTML، دون إضافة ملف منفصل أو طلب شبكة إضافي؟ استورد صورتك: يتم ترميزها في سلسلة Base64 مسبوقة بالبادئة الصحيحة data:image/png;base64, (أو jpeg، gif، webp... حسب التنسيق المكتشف)، ويمكن استخدامها مباشرة كقيمة URL في الكود الخاص بك.
متى تستخدم صورة Base64 بدلاً من ملف منفصل؟
هذا مفيد بشكل خاص للصور الصغيرة جدًا (أيقونات، رسومات، شعارات صغيرة): فهو يمنع طلب HTTP إضافي ويمكن أن يبسط نشر مكوّن مستقل. بالنسبة للصور أو الصور الأثقل، يبقى الملف المنفصل أفضل: يزيد Base64 الحجم بنحو 33% ولا يتم تخزينه في ذاكرة التخزين المؤقت بشكل مستقل بواسطة المتصفح.
هل يتم اكتشاف تنسيق الصورة تلقائيًا؟
نعم. يقوم الأداة بتحليل البايتات الأولى من الملف المستورد لتحديد تنسيقه الفعلي (PNG، JPEG، GIF، WebP...) ويدرجها في بادئة السلسلة المولدة، دون الاعتماد على امتداد اسم الملف.
معالجة محلية 100% في متصفحك (WebAssembly) — لا يتم إرسال صورتك أبدًا إلى خادم.