فك تشفير الصور Base64 | فك التشفير ومعاينة الصور عبر الإنترنت

ما مفكّك ترميز الصور بصيغة base64؟

مفكّك ترميز الصور بصيغة base64 أداة تعيد سلسلة نصية مرمَّزة بصيغة base64 إلى صورة. وbase64 طريقة لكتابة البيانات الثنائية، مثل بايتات ملف صورة، باستخدام 64 محرفًا نصيًا عاديًا فقط (الحروف والأرقام و+ و/ و= للحشو). وتخزّن المتصفحات والرسائل الإلكترونية وكثير من واجهات البرمجة (API) الصور بهذه الطريقة ليتسنى نقل الصورة داخل نص عادي بدلًا من نقلها في ملف منفصل. ويعكس المفكّك هذه العملية: الصق السلسلة فتظهر الصورة الأصلية.

صيغة data URL

على الويب تُكتب صورة base64 عادةً في صورة data URL. وقد عُرِّف مخطط العناوين data: عام 1998. والنمط هو:

على سبيل المثال:

لكل جزء وظيفته:

• data: يدل على أن العنوان من نوع data URL، وليس عنوان ويب عاديًا.
• image/png هو نوع MIME، وهو يخبر المتصفح بنوع هذا الملف.
• ;base64 تدل على أن البيانات الواقعة بعد الفاصلة مرمَّزة بصيغة base64. وهي اختيارية. ومن دونها تكون البيانات نصًا عاديًا أو مرمَّزًا بالنسبة المئوية.
• كل ما يلي الفاصلة هو الصورة المرمَّزة نفسها.

كيف يعمل المفكّك

يجري فك الترميز في أربع خطوات.

1. تتحقق الأداة مما إذا كانت السلسلة تبدأ بـ data:. فإن كانت كذلك، قرأت نوع MIME من هذه البادئة.
2. تحذف أي مسافات أو علامات جدولة أو فواصل أسطر، لأن سلاسل base64 الطويلة تُقسَّم أحيانًا على عدة أسطر. ويتبع ذلك قاعدة فك ترميز base64 المتسامح التي تعتمدها المتصفحات، وأولى خطواتها إزالة جميع المسافات البيضاء.
3. تفك ترميز نص base64 لتعيده إلى بايتات خام.
4. تفحص البايتات القليلة الأولى من الناتج. فكل صيغة صورة شائعة تبدأ بتسلسل ثابت من البايتات، يسمى توقيعًا أو «الرقم السحري». فملفات PNG تبدأ بـ 89 50 4E 47، وملفات JPEG تبدأ بـ FF D8 FF، وهكذا. ويستخدم المفكّك جدول توقيعات الصور من معيار WHATWG المسمى MIME Sniffing. ويطابق هذه التوقيعات ليؤكد نوع الصورة، ويصحّحه عند الحاجة.

يُرفض عنوان data: الذي لا يكون نوعه image/... لأنه ليس صورة. أما عنوان data:image/... الخالي من ;base64 فيُمرَّر إلى المتصفح دون تغيير.

إذا لم تكن في السلسلة بادئة data:، فإن المفكّك يعدّها بيانات base64 خامًا، فيفك ترميزها ويقرأ التوقيع بالطريقة نفسها. وإذا لم تطابق البايتات أي توقيع صورة معروف ولم تبدُ نص SVG، يبلغ المفكّك بأن السلسلة لا تبدو صورة. ولا يخمّن صيغة ولا يلجأ إلى أي نوع افتراضي.

يُعالَج SVG معالجة مختلفة لأنه صيغة نصية (XML) وليس ثنائيًا، ولذلك ليس له توقيع بايتات ثابت. بل يفحص المفكّك ما إذا كان النص الذي فُك ترميزه يبدأ بوسم <svg، أو بإعلان XML يتضمن هذا الوسم.

صيغة حجم صورة base64

يحوّل base64 كل 3 بايتات من البيانات الثنائية إلى 4 محارف نصية. وصيغة الطول المرمَّز هي:

يدل الرمزان ⌈ ⌉ على «التقريب إلى أقرب عدد صحيح أعلى»، لأن base64 يعمل دائمًا في مجموعات من 4 محارف ويسدّ المجموعة المتبقية بإشارات =.

في الملفات الكبيرة يكون الناتج أكبر بنحو الثلث من الأصل، لأن 4 ÷ 3 ≈ 1.33. وقد تظهر في الملفات الصغيرة نسبة زيادة أكبر، لأن التقريب إلى المجموعة التالية من 4 محارف يكون أثره أكبر حين تكون البيانات قليلة أصلًا.

مثال تطبيقي

يُفك ترميز مثال PNG أعلاه إلى 85 بايتًا من بيانات الصورة. وبتطبيق الصيغة:

طول سلسلة base64 فعلًا 116 محرفًا، وهو يطابق الناتج. وهذه زيادة بنسبة 36% عن الحجم الأصلي البالغ 85 بايتًا (116 ÷ 85 ≈ 1.36)، أي أعلى قليلًا من نسبة 33% لأن الملف صغير جدًا.

صيغ الصور المدعومة

يقرأ المفكّك توقيع البايتات في البيانات التي فُك ترميزها لتحديد الصيغة. وهو يتعرف على هذه الأنواع:

كيف تفك ترميز صورة base64

1. انسخ سلسلة base64، مع بادئة data:image/... أو من دونها، من HTML أو CSS أو استجابة API أو رسالة إلكترونية.
2. الصقها في مربع الإدخال.
3. يُفك ترميز الصورة تلقائيًا بعد لحظة من التوقف عن الكتابة، أو بالضغط على زر فك الترميز.
4. تظهر الصورة التي فُك ترميزها في منطقة المعاينة. ويمكن نسخ عنوان data URL الخاص بها بالزر «نسخ عنوان الصورة»، ويمكن حفظ الصورة نفسها بالنقر بزر الماوس الأيمن عليها في المعاينة واختيار حفظ الصورة، لأنها تُعرض عنصر صورة عاديًا في المتصفح.

الاستخدامات الشائعة لصور base64

• التضمين في HTML أو CSS أو JavaScript: وضع بيانات الصورة مباشرة في الشيفرة يغني عن طلب ملف منفصل.
• قوالب الرسائل الإلكترونية: تحجب بعض برامج البريد الإلكتروني الصور المرتبطة خارجيًا افتراضيًا، لكن صورة base64 المضمَّنة تظهر مع ذلك.
• أدوات HTML ذات الملف الواحد: يمكن توزيع صفحة كاملة، بما فيها صورها، في ملف واحد مكتفٍ بذاته.
• استجابات API: يمكن نقل الصورة داخل حمولة JSON بدلًا من الحاجة إلى نقطة نهاية مستقلة لها.
• خلفيات CSS والأيقونات: تُكتب الأيقونات الصغيرة أحيانًا مباشرة في ورقة الأنماط بصيغة data URL.

مقايضات صور base64

ترميز base64 مريح لكنه ليس بلا كلفة:

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

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

ما مفكّك ترميز الصور بصيغة base64؟

هي أداة تحوّل سلسلة نصية مرمَّزة بصيغة base64 إلى صورة يمكن عرضها، مثل ملف PNG أو JPEG أو GIF أو WebP أو BMP أو SVG.

كيف أفك ترميز صورة base64؟

الصق سلسلة base64، مع بادئة data:image/... أو من دونها، في المفكّك. سيقرأ السلسلة ويفك ترميزها ويعرض الصورة الناتجة.

هل يمكن فك ترميز سلسلة base64 من دون بادئة data URL؟

نعم. يعدّها المفكّك بيانات base64 خامًا، ويفك ترميز البايتات، ويقرأ البايتات القليلة الأولى لتحديد الصيغة من توقيعها، مثل PNG أو JPEG أو GIF أو WebP أو BMP أو ICO. ويُتعرَّف على SVG بالبحث عن وسم <svg في النص الذي فُك ترميزه. وإذا لم يطابق أيٌّ من ذلك، يبلغ المفكّك بأن السلسلة لا تبدو صورة بدلًا من تخمين صيغة.

لماذا لا يُفك ترميز صورة base64 الخاصة بي؟

أكثر الأسباب شيوعًا سلسلة انقطعت في منتصفها، أو محارف زائدة ليست من أبجدية base64. كما تُرفض الصيغة الآمنة لعناوين URL، التي تستخدم - و_ بدلًا من + و/. أما غياب حشو = في النهاية فلا يشكّل عادةً مشكلة. وعادةً ما يحل المشكلة نسخ السلسلة كاملة، بما فيها بادئة data:image/... إن وجدت.

هل ترميز base64 شكل من أشكال الأمان أو التشفير؟

لا. base64 مجرد طريقة لتمثيل البايتات نصًا؛ فهو لا يخفي شيئًا. ويستطيع أي شخص فك ترميز سلسلة base64 في ثوانٍ بأداة مجانية، ولذلك لا ينبغي استخدامه أبدًا لحماية صور خاصة أو بيانات أخرى.

كم تكبر سلسلة base64 عن الصورة الأصلية؟

نحو الثلث للملفات الأكبر، لأن كل 3 بايتات من البيانات الأصلية تصبح 4 محارف نصية. فصورة حجمها 100 كيلوبايت تصبح نحو 133 كيلوبايتًا بعد الترميز. وقد تظهر في الصور الصغيرة نسبة زيادة أعلى قليلًا بسبب التقريب.

التاريخ

نشأ base64 من البريد الإلكتروني، الذي كان يحمل نصًا عاديًا فقط. فقد وصفت مواصفة للبريد المحسَّن للخصوصية صدرت عام 1987 تحويل كل 3 بايتات إلى 4 محارف قابلة للطباعة من مجموعة تضم 64 محرفًا. ثم جعل مخطط عناوين data: الصادر عام 1998 تضمين صور base64 مباشرة في صفحات الويب ممكنًا. والتعريف الحالي لـ base64 هو RFC 4648 (2006).

المراجع

1. فريق عمل هندسة الإنترنت (IETF). RFC 4648: The Base16, Base32, and Base64 Data Encodings. RFC 4648 — تتحول 3 بايتات إلى 4 محارف؛ وحشو =.
2. فريق عمل هندسة الإنترنت (IETF). RFC 2397: The "data" URL scheme. RFC 2397 — صياغة data URL؛ و;base64 اختيارية؛ نُشر عام 1998.
3. WHATWG. Infra Standard. فك ترميز base64 المتسامح — إزالة المسافات البيضاء؛ ومعالجة الحشو.
4. WHATWG. MIME Sniffing Standard. مطابقة نمط نوع الصورة — توقيعات بايتات الصور.
5. MDN Web Docs. Base64. مدخل base64 في المسرد — الناتج المرمَّز أكبر بنحو الثلث.
6. فريق عمل هندسة الإنترنت (IETF). RFC 989: Privacy Enhancement for Internet Electronic Mail, Part I. RFC 989 — ترميز البريد الإلكتروني لعام 1987 الذي يحوّل 3 بايتات إلى 4 محارف قابلة للطباعة.