تحويل الصورة إلى Base64

نظرة سريعة

Base64 هي طريقة كتابة الصورة كنص عادي يمكن لصقه مباشرة داخل HTML أو CSS أو JSON بدل ملف منفصل. حين تحتاج صفحة واحدة مكتفية بذاتها، أو إرسال صورة داخل ملف بيانات، أو تضمين أيقونة صغيرة دون طلب HTTP إضافي، فتحويل الصورة إلى Base64 هو الحل الأنظف.

الأداة تأخذ أي صورة وتخرج سلسلة النص الجاهزة للنسخ مع اللاحقة الصحيحة، وتعرض حجم الناتج النصي لتعرف الثمن: ترميز Base64 يزيد الحجم بنحو الثلث، لذا يتألق مع الصور الصغيرة ويصبح عبئًا مع الكبيرة.

مصطلحات بحث ذات صلة: تحويل الصورة إلى Base64، معالجة الصور، أداة صور أونلاين، تعديل الصور محليًا

خطوات الاستخدام

اتبع هذه الخطوات لاستخدام تحويل الصورة إلى Base64 بدقة:

1. ارفع الصورةاسحب الأيقونة أو الصورة الصغيرة إلى منطقة الرفع.
2. اضغط «تنفيذ العملية»يُرمّز المتصفح الصورة إلى سلسلة Base64 خلال لحظة.
3. انسخ الناتجزر النسخ يأخذ السلسلة كاملة إلى الحافظة جاهزة للصق.
4. الصقها في مكانهافي CSS داخل src لخاصية background أو في HTML داخل src لوسم img، مع بادئة data:image الصحيحة.
5. نزّل النص إن احتجتهيمكن حفظ الناتج كملف نصي للاستخدام اللاحق في مشاريعك.

متى تفيدك الأداة؟

هذه أمثلة عملية تُظهر متى يكون تحويل الصورة إلى Base64 الاختيار المناسب:

• تضمين شعار صغير في توقيع بريد HTML يعمل في كل مكان.
• بناء صفحة ديمو واحدة بلا أي ملفات خارجية لإرسالها كاملة.
• إرسال صورة داخل JSON لواجهة برمجية تتطلب نصًا فقط.
• أيقونات الواجهة الصغيرة التي لا تستحق طلبات شبكة منفصلة.
• إخفاء مسار الصور عن النسخ السطحية في صفات معينة.

نصائح للحصول على نتيجة دقيقة

هذه ملاحظات تخص تحويل الصورة إلى Base64 قبل اعتماد النتيجة النهائية:

• القاعدة العملية: تحت 20 كيلوبايت اذهب إلى Base64 بلا تردد؛ فوق 100 كيلوبايت فكر مرتين.
• لا تعبئ صفحتك بعشرات الصور الكبيرة المرمزة؛ كلها تُحمَّل مع أول بايت من الصفحة وتؤخر العرض.
• WebP ثم Base64 يعطي أصغر ناتج نصي؛ حوّل أولًا ثم رمّز.
• جرّب الناتج في متصفح قديم واحد على الأقل إن كان جمهورك يشمل أجهزة قديمة.

أدوات مرتبطة

هذه الأدوات قد تكمل الخطوة التالية بعد تحويل الصورة إلى Base64: