تحويل الصورة إلى Base64 — مجاني على الإنترنت
حوّل أي صورة إلى سلسلة Base64 للاستخدام في CSS أو HTML.
Who uses the تحويل الصورة إلى Base64?
- مطورو الواجهة الأمامية الذين يضمّنون أيقونات صغيرة في CSS لإلغاء طلبات HTTP إضافية.
- مطورو البريد الإلكتروني الذين يضمّنون صور الشعار في رسائل HTML التي تحظر الموارد الخارجية.
- مطورو تكامل واجهات برمجة التطبيقات الذين يرسلون بيانات الصور في نصوص طلبات JSON التي تتطلب ترميز نصي.
How the تحويل الصورة إلى Base64 works
ارفع ملف الصورة باستخدام أداة اختيار الملفات، أو اسحبه وأفلته في منطقة الأداة.
تُنشأ سلسلة Base64 فورًا في مربع نص الناتج.
انقر على «نسخ Base64» لنسخ رابط البيانات الكامل (data:image/png;base64,...) إلى الحافظة، لاستخدامه في سمة src في HTML أو خلفيات CSS.
إذا كنت بحاجة فقط إلى Base64 الخام دون بادئة رابط البيانات، احذف يدويًا كل شيء حتى الفاصلة الأولى وشاملًا لها قبل استخدامه.
Tips & tricks
- ينسخ زر النسخ دائمًا رابط البيانات الكامل (مع بادئة «data:image/...;base64,») — لا يوجد زر منفصل لسلسلة Base64 الخام فقط.
- يضيف Base64 حوالي 33% إلى حجم الملف — هذه الأداة مناسبة أكثر للأيقونات الصغيرة والصور الأصغر من 10 كيلوبايت تقريبًا، وليس للصور الكبيرة.
- يمكن معالجة صورة واحدة فقط في كل مرة — لا يوجد تحويل دفعي لعدة ملفات.
- يعرض مربع نص الناتج رابط البيانات الكامل كنص عادي — يمكنك أيضًا تحديد ونسخ جزء منه فقط يدويًا إذا لم ترغب في استخدام الناتج الكامل لزر النسخ.
Frequently Asked Questions
لماذا أُضمّن صورة كـ Base64 بدلًا من استخدام ملف صورة؟
تضمين الصور كـ Base64 في HTML أو CSS يلغي طلب HTTP واحد لتلك الصورة، مما قد يحسّن الأداء للأيقونات الصغيرة والصور المهمة الظاهرة أعلى الصفحة. هذا مفيد بشكل خاص في رسائل البريد الإلكتروني بصيغة HTML حيث قد تُحظر الصور الخارجية.
ما مقدار زيادة حجم صورة Base64 مقارنة بالملف الأصلي؟
يضيف ترميز Base64 حمولة زائدة بنسبة 33% تقريبًا. ملف PNG بحجم 10 كيلوبايت يصبح حوالي 13.3 كيلوبايت بصيغة Base64. بالنسبة للصور الكبيرة، تفوق هذه الحمولة الزائدة فائدة توفير طلب HTTP واحد — استخدم Base64 فقط للصور الأصغر من 10 كيلوبايت تقريبًا.
هل يقوم زر النسخ بنسخ Base64 الخام فقط، أم رابط البيانات الكامل؟
يقوم زر نسخ Base64 دائمًا بنسخ رابط البيانات الكامل، بما في ذلك بادئة «data:image/...;base64,» — لا يوجد زر منفصل لسلسلة Base64 الخام فقط. إذا احتجت السلسلة الخام فقط (مثلًا لحمولة واجهة برمجية)، انسخها ثم احذف يدويًا كل شيء حتى الفاصلة الأولى وشاملًا لها.
كيف أستخدم صورة Base64 في وسم img بلغة HTML؟
استخدم رابط البيانات الكامل كقيمة لـ src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="icon">. يقوم المتصفح بفك الترميز وعرض الصورة مضمّنة دون طلب خارجي.
كيف أستخدم صورة Base64 في CSS؟
استخدمها كخلفية: background-image: url("data:image/svg+xml;base64,..."). هذا فعّال بشكل خاص لأيقونات SVG لأنه يبقي الأنماط مكتفية ذاتيًا.
ما صيغ الصور التي يمكن تحويلها إلى Base64؟
أي صيغة يمكن لمتصفحك قراءتها كملف تعمل: JPG وPNG وGIF وWebP وغيرها. تعكس بادئة رابط البيانات الناتج نوع MIME الفعلي لملف المصدر.
Is my data safe when using the تحويل الصورة إلى Base64?
Completely safe. The تحويل الصورة إلى Base64 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the تحويل الصورة إلى Base64 support?
The تحويل الصورة إلى Base64 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the تحويل الصورة إلى Base64 work with large image files?
Yes. The تحويل الصورة إلى Base64 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.