Base64
Image Data URL
⚠️ Large image may freez the browser
ترميز الصورة إلى Base64 للاستخدام في HTML
حوّل الصور إلى تنسيق Base64 أو DataURL لتضمينها في مشاريع HTML. قم بتحميل ملف الصورة الخاص بك، واختر علامة التبويب المناسبة، وقم بإنشاء الكود المشفر. استخدم زر "نسخ" لدمج الصورة المشفرة في موقع الويب الخاص بك، مع التأكد من تضمينها مباشرةً بدون روابط خارجية. تتيح لك هذه الطريقة تضمين الصور كجزء من محتوى HTML الخاص بك، مما يبسط النشر ويقلل الاعتماد على الموارد الخارجية.
Image → Base64 / Data URL
Click or Drag & Drop an Image
حوّل الصورة إلى رمز قاعدي 64
1
حمّل صورتك
ارفع صورتك بالنقر أو السحب والإفلات في المنطقة المخصصة.
2
اختر ترميز التنسيق
اختر علامة التبويب 'Base64' أو 'DataURL' لتحديد تنسيق الترميز المطلوب.
3
عرض كود Base64
سيظهر رمز Base64 أو DataURL الخاص بصورتك في منطقة النص أسفل علامات التبويب.
4
نسخ الكود المولد
انقر على زر "نسخ" لنسخ التعليمات البرمجية بسرعة لاستخدامها في مشاريع HTML الخاصة بك.
تضمين الصور مباشرة في كود HTML الخاص بك
يمكنك تضمين الصور مباشرةً في كود HTML الخاص بك دون الحاجة إلى ملفات خارجية عن طريق تحويلها إلى سلاسل Base64 أو DataURL. تتيح هذه الطريقة تضمين الصور داخل الكود مباشرةً، مما يقلل من طلبات HTTP وقد يحسن أوقات تحميل الصفحة. وهي مفيدة للرموز الصغيرة أو الصور المصغرة أو العناصر الزخرفية حيث يكون تقليل الاعتمادية على الملفات أمرًا مهمًا.
نسخ سريع لبيانات الصورة المشفرة
تتيح هذه الأداة تضمين الصور مباشرة في HTML عن طريق إنشاء سلاسل مرمّزة بـ Base64 أو DataURL. يقلل هذا من الحاجة إلى ملفات صور خارجية، مما يسهل إدارة الملفات ويحسن أوقات التحميل. حمّل صورتك، وقم بإنشاء السلسلة المرمّزة، وانسخ الكود لتضمينها بسلاسة في صفحات الويب الخاصة بك. هذه الطريقة مفيدة للمشاريع التي تتطلب الحد الأدنى من معالجة الملفات أو تحميل الموارد الأمثل.
الأسئلة المتكررة
ما هي عنوان URL لبيانات Base64 ولماذا أحتاجها؟
تُمكّنك DataURL Base64 من تضمين صورة مباشرةً في كود HTML الخاص بك، مما يلغي الحاجة إلى ملف صورة منفصل. وهذا مفيد للصور الصغيرة أو عندما تريد التأكد من توفر الصورة دائمًا، حتى عندما يكون المستخدم غير متصل بالإنترنت.
كيف أستخدم هذه الأداة للحصول على عنوان URL لبيانات Base64؟
ما عليك سوى تحميل ملف الصورة الخاص بك، ثم اختر علامة التبويب 'Base64' أو 'DataURL'، وسيقوم الأداة بإنشاء السلسلة المشفرة. انقر على زر 'نسخ' لنسخ الكود الناتج إلى الحافظة بسهولة.
هل يمكنني استخدام هذه الأداة للصور الكبيرة؟
في حين أنه يمكنك ذلك، فإن الصور الكبيرة ستؤدي بشكل كبير إلى إبطاء جهاز الكمبيوتر الخاص بك أثناء عملية التحويل. من الأفضل استخدام هذه الأداة للصور الصغيرة إلى المتوسطة الحجم.
ما الفرق بين Base64 و DataURL؟
كلاهما يمثل صورة كسلسلة نصية مضمنة في HTML. تتضمن DataURL بادئة تشير إلى نوع MIME، بينما يقوم Base64 ببساطة بترميز بيانات الصورة.
أين يمكنني استخدام الكود المولد لـ Base64 أو DataURL؟
يمكنك استخدام الكود المنسوخ مباشرةً داخل سمة src لعنصر <img> في HTML، أو داخل خصائص CSS مثل background-image.