Advertisement

Search results

Searching...

Drag and drop your image here

or click to browse

Maximum size: 50 MB
Uploading...
Advertisement

مُشفِّر الصورة إلى Base64

تحويل الصور إلى نص Base64 لتضمينها في HTML/CSS

Advertisement

ما هو محول الصور إلى Base64؟

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

لماذا تحتاج إلى تحويل الصور إلى Base64؟

إليك بعض الحالات الشائعة التي يكون فيها ترميز Base64 مفيداً:

  • تضمين الصور في رسائل البريد الإلكتروني HTML: العديد من برامج البريد الإلكتروني تحظر الصور الخارجية. Base64 يتيح لك تضمين الصور مباشرة في كود البريد الإلكتروني لتظهر دائماً.
  • تقليل طلبات HTTP: بدلاً من تحميل ملفات صور منفصلة، قم بتضمين الأيقونات أو الشعارات الصغيرة مباشرة في CSS. هذا يجعل موقعك يُحمّل بشكل أسرع.
  • مستندات HTML في ملف واحد: أنشئ ملفات HTML مستقلة مع جميع الصور مضمنة. مثالي لمشاركة التقارير أو الوثائق.
  • واجهات برمجة التطبيقات ونقل البيانات: أرسل الصور عبر APIs أو خزّنها في قواعد البيانات كسلاسل نصية دون التعامل مع رفع الملفات.
  • خلفيات CSS والأيقونات: استخدم Base64 لعناصر واجهة المستخدم الصغيرة مثل الأيقونات والأزرار أو الصور الزخرفية في ملفات الأنماط.

كيفية تحويل الصور إلى Base64 - خطوة بخطوة

  1. اختر طريقة الإدخال: انقر على "رفع صورة" لاختيار ملف من جهازك، أو انقر على "من رابط URL" لتحويل صورة من الويب.
  2. ارفع أو الصق: اسحب وأفلت صورتك في منطقة الرفع، أو الصق رابط URL للصورة في حقل النص.
  3. معاينة صورتك: تحقق من المعاينة للتأكد من أنك اخترت الصورة الصحيحة.
  4. انقر تحويل: اضغط على زر "تحويل إلى Base64" وانتظر لحظة بينما نعالج صورتك.
  5. انسخ نتيجتك: اختر تنسيق الإخراج المفضل (Data URI أو Base64 خام أو HTML أو CSS أو Markdown) وانقر على زر النسخ.

الميزات الرئيسية

  • رفع بالسحب والإفلات: ببساطة اسحب ملف الصورة إلى منطقة الرفع - لا حاجة للتصفح عبر المجلدات.
  • دعم الروابط: حوّل الصور من أي رابط ويب دون تحميلها أولاً.
  • معاينة مباشرة: شاهد صورتك قبل وبعد التحويل للتأكد من أن كل شيء يبدو صحيحاً.
  • تنسيقات إخراج متعددة: احصل على Base64 في خمسة تنسيقات جاهزة للاستخدام: Data URI وBase64 خام وعلامة HTML img وخلفية CSS وMarkdown.
  • معلومات الملف: اعرض تفاصيل الصورة بما في ذلك الأبعاد والتنسيق والحجم الأصلي وحجم Base64.
  • نسخ بنقرة واحدة: انسخ أي تنسيق إخراج إلى الحافظة بنقرة واحدة.
  • خيار التحميل: احفظ سلسلة Base64 كملف نصي للاستخدام لاحقاً.
  • دعم تنسيقات واسع: يعمل مع صور JPEG وPNG وGIF وWebP وSVG وBMP وICO.

نصائح للحصول على أفضل النتائج

  • Base64 يزيد حجم الملف بنسبة 33% تقريباً. استخدمه للصور الصغيرة أقل من 10 كيلوبايت للحصول على أفضل أداء.
  • للأيقونات والرسومات الصغيرة، تنسيق SVG غالباً ما ينتج أصغر سلاسل Base64.
  • الصور الكبيرة كـ Base64 يمكن أن تبطئ تحميل الصفحة. فكر في استخدام ملفات الصور العادية للصور الفوتوغرافية.
  • اختبر صور Base64 في متصفحات مختلفة للتأكد من التوافق.
  • عند استخدام Data URI في CSS، تذكر أن بعض المتصفحات القديمة لديها حدود للحجم.

الأسئلة الشائعة

ما تنسيقات الصور التي يمكن تحويلها؟

أداتنا تدعم تنسيقات JPEG وPNG وGIF وWebP وSVG وBMP وICO وTIFF. التنسيقات الأكثر شيوعاً للاستخدام على الويب هي JPEG وPNG وSVG.

هل هناك حد لحجم الملف؟

نعم، يمكنك رفع صور حتى 10 ميجابايت. ومع ذلك، نوصي بإبقاء الصور صغيرة (أقل من 100 كيلوبايت) لأن ترميز Base64 يزيد الحجم بنسبة 33% تقريباً.

لماذا سلسلة Base64 أكبر من ملفي الأصلي؟

ترميز Base64 يمثل البيانات الثنائية باستخدام أحرف نصية فقط. هذا التحويل يضيف حوالي 33% إلى حجم الملف. هذا طبيعي ومتوقع.

هل يمكنني استخدام صور Base64 في البريد الإلكتروني؟

نعم! صور Base64 رائعة لرسائل البريد الإلكتروني HTML لأنها تُعرض حتى عندما يحظر المستلم الصور الخارجية. فقط استخدم تنسيق Data URI في علامة img.

هل ستعمل صور Base64 في جميع المتصفحات؟

نعم، جميع المتصفحات الحديثة تدعم Data URI الخاص بـ Base64. المتصفحات القديمة جداً (مثل Internet Explorer 7) لديها دعم محدود، لكن هذا نادراً ما يكون مصدر قلق اليوم.

هل يجب استخدام Base64 لجميع صور موقعي؟

لا. Base64 أفضل للصور الصغيرة مثل الأيقونات والشعارات وعناصر واجهة المستخدم. للصور الأكبر مثل الصور الفوتوغرافية، ملفات الصور العادية مع التخزين المؤقت المناسب أكثر كفاءة.

Advertisement