تحويل الصور إلى Base64
شُفّر أي صورة إلى data URI بصيغة Base64 وانقلها كـ HTML أو CSS أو JSON جاهزة للصق — دون أن يغادر الملف جهازك أبدًا.
كيفية ترميز صورة إلى Base64
- أضف صورتكأفلتها أعلاه، أو اخترها من جهازك، أو الصقها من الحافظة.
- اختر شكل المقطعData URI خام، أو وسم HTML <code><img></code> كامل، أو قاعدة CSS <code>background-image</code> — حسب ما تحتاج لصقه.
- انسخهنقرة واحدة تنسخ المقطع كاملًا إلى الحافظة، جاهزًا للصق في كودك.
ما استخدامات ترميز Base64؟
يُدمج data URI بصيغة Base64 الصورة داخل نص مباشرة — HTML أو CSS أو JSON أو حتى حقل قاعدة بيانات — فيغني المتصفح عن طلب إضافي لجلبها. هذا مثالي للأصول الصغيرة: الشعارات والأيقونات والشارات والصور الفاصلة أو الصور داخل مستندات بملف واحد ورسائل HTML.
المقابل: Base64 أكبر بنحو 33% من الملف الثنائي، والصور المدمجة لا تخزنها ذاكرة المتصفح المؤقتة كملفات منفصلة. القاعدة العملية: ادمج الصور الأصغر من ~10 كيلوبايت وأشر إلى ما عداهم كملفات عادية. استخدم ضاغط الصور أولًا لتقليل الحجم المُشفَّر.
الأسئلة الشائعة
ما شكل data URI؟
يبدأ بنوع MIME ثم ;base64, ثم البيانات المُشفَّرة — مثلًا data:image/png;base64,iVBORw0KGgo…. وأينما قُبلت رابط URL (في src للصور أو url() في CSS أو fetch)، يعمل data URI.
كم يكبر Base64 عن الملف الأصلي؟
نحو 33% أكبر، لأن كل 3 بايتات تصبح 4 محارف. تعرض الأداة الحجم المُشفَّر الدقيق بجوار الأصلي فلا مفاجآت.
هل يعمل Base64 في رسائل البريد HTML؟
الدعم متفاوت — بعض برامج العميل (مثل Outlook لسطح المكتب) تحذف data URI أو تحجبها. للنشرات البريدية تبقى الصور المستضافة على الخوادم الخيار الموثوق.
هل تُرفع صوري إلى أي مكان؟
لا. يتم الترميز محليًا في متصفحك عبر واجهة File API. لا شيء يُنقل إلى أي جهة.