Utilia

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

حوّل صورة إلى Base64 أو Data URI مع شيفرة CSS وHTML جاهزة للصق، أو فك ترميز Base64 إلى صورة مع معاينة. مجاني وخاص ودون رفع.

صورة → Base64

Base64 → صورة

كيفية تحويل صورة إلى Base64

  1. في قسم صورة → Base64، أفلت صورة في منطقة الإفلات أو انقر عليها لاختيارها (PNG وJPEG وGIF وWebP وSVG وICO وBMP وAVIF…).
  2. اختر الإخراج: Data URI (data:image/png;base64,…)، أو Base64 فقط، أو CSS background-image، أو وسم HTML الذي يحمل أيضًا عرض الصورة وارتفاعها.
  3. انقر نسخ، أو تنزيل كملف TXT للنتائج الطويلة.

يعرض السطر أسفل منطقة الإفلات الصيغة الحقيقية (المقروءة من بايتات الملف، لا من اسمه)، والأبعاد، وحجم الملف، وطول الـ Data URI.

كيفية تحويل Base64 إلى صورة

  1. في قسم Base64 → صورة، الصق النص في نص Base64 أو Data URI. يمكنك لصق سلسلة Base64 مجرّدة، أو Data URI كامل، أو حتى قاعدة CSS كاملة أو وسم <img>: يُستخرج الـ Data URI من داخلها. وتُتجاهل فواصل الأسطر والمسافات، ويعمل أيضًا Base64 الآمن للروابط (بالحرفين - و_).
  2. انقر فك ترميز الصورة. تظهر المعاينة والنوع والأبعاد والحجم.
  3. انقر تنزيل الصورة لحفظها بامتداد الملف الصحيح.

يُتحقق من النوع عبر «البايتات السحرية» للملف، وهي التوقيع الموجود في بداية كل صيغة صور (مثل 89 50 4E 47 لصيغة PNG أو FF D8 FF لصيغة JPEG). فإذا ادّعى Data URI أنه image/jpeg بينما يحتوي على PNG، تُعلمك الأداة بذلك وتستخدم النوع الحقيقي. ويُرفض كل ما ليس صورة معروفة، والحد الأقصى 20 MB من بيانات الصورة.

كيف يعمل Base64

يحوّل Base64 كل 3 بايتات من الملف إلى 4 حروف قابلة للطباعة مأخوذة من A–Z وa–z و0–9 و+ و/، مع = للحشو في النهاية. لهذا يكون النص المرمَّز أكبر من الملف بنحو 33 %: أيقونة حجمها 30 KB تصبح قرابة 40 KB من النص. ويضيف الـ Data URI ترويسة قصيرة، data:<type>;base64,، ليعرف المتصفح كيف يقرؤه.

متى تضمّن الصور بصيغة Data URI

تفيد الـ Data URI في:

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

لكنها لا تناسب الصور الفوتوغرافية الكبيرة. فالنص أكبر من الملف بمقدار الثلث، ولا يمكن تخزينه مؤقتًا بمعزل عن الصفحة أو ورقة الأنماط التي تحتويه، كما أنه يؤخر العرض. وفوق 10 إلى 100 KB تقريبًا، يكون ملف الصورة العادي المقدَّم مع تخزين مؤقت جيد هو الأفضل عادةً، ولهذا تعرض الأداة تذكيرًا للصور التي يتجاوز حجمها 100 KB.

كل شيء يعمل في متصفحك: لا تُرفع الصور ولا النصوص الملصقة أبدًا.

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

هل Base64 طريقة لضغط الصورة أو حمايتها؟

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

لماذا لا يُعرض الـ Data URI الخاص بي؟

أكثر الأسباب شيوعًا: نوع ناقص أو خاطئ في الترويسة، أو مسافات أو علامات اقتباس لُصقت في وسط السلسلة، أو نص مبتور. الصقه في قسم Base64 → صورة: تُبلغك الأداة بالحروف غير الصالحة وتتحقق من النوع الحقيقي.

هل يمكنني استخدام صورة SVG كـ Data URI؟

نعم. يمكن ترميز SVG بصيغة Base64 مثل أي صورة. لكن Data URI المرمّز للروابط (data:image/svg+xml,%3Csvg…) يكون غالبًا أقصر لملفات SVG؛ وهذه الأداة تفك ترميز الشكلين كليهما.

هل تعمل مع صور HEIC أو AVIF؟

يعمل الترميز مع أي ملف صورة. لا تظهر المعاينة إلا إذا كان متصفحك يستطيع عرض الصيغة، لكن نص Base64 والتنزيل صحيحان دائمًا.

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

نعم، 20 MB من بيانات الصورة في الاتجاهين. السلاسل الأكبر تُبطئ المتصفحات، ونادرًا ما تكون فكرة جيدة داخل صفحة ويب.