أربعة مخرجات مفيدة
انسخ Base64 الخام أو عنوان بيانات كاملًا أو عنصر صورة HTML أو تعريف خلفية CSS جاهزًا للاستخدام.
أدوات الصور
•
أداة مجانية عبر الإنترنت
تحويل الصورة إلى Base64
حوّل صور PNG وJPG وWebP وGIF وSVG إلى Base64 مباشرة في متصفحك.
مجانية
بدون تسجيل
تعمل في المتصفح
أداة عبر الإنترنت
تحويل الصورة إلى Base64
جاهزة
مُرمّز صور خاص داخل المتصفح
حوّل الصور إلى Base64 من دون رفعها
رمّز صورة كسلسلة Base64 خام أو معرّف بيانات كامل أو وسم صورة HTML أو قيمة خلفية CSS. تتم المعالجة محليًا داخل متصفحك.
تحليل دقيق للحجم
قارن الملف الأصلي بالنتيجة المرمّزة واعرف الزيادة الدقيقة في حجم Base64 قبل تضمينه.
محلي وخاص
تبقى صورتك الأصلية وبيانات Base64 الناتجة في ذاكرة المتصفح ولا تُرفع لإجراء التحويل.
ارفع صورة لترميزها
اسحب الصورة وأفلتها أو الصقها من الحافظة أو اخترها من جهازك
انسخ صورة واضغط Ctrl+V أو Command+V تتم المعالجة محليًا في متصفحك
الصورة المحددة
- اسم الملف
- نوع الملف
- الأبعاد
- الحجم الأصلي
- حجم Base64 التقديري
تم اكتشاف ملف كبير
يكون ناتج Base64 أكبر من الملف الأصلي بنحو 33% وقد يحتاج إلى قدر كبير من ذاكرة المتصفح.
يتم الحفاظ على بيانات حركة GIF أثناء ترميز Base64.
صيغة SVG نصية أصلًا. قد يكون تضمين كود SVG مباشرة أصغر وأكثر مرونة من Base64 عند استخدامه في HTML.
يرجى إكمال التحقق قبل ترميز الصورة.
جارٍ ترميز الصورة
تتم قراءة الصورة وترميزها محليًا داخل متصفحك…
مخرجات Base64 المُنشأة
تم ترميز الصورة بنجاح.
مخرجات Base64 المُنشأة
اختر التنسيق الذي يحتاج إليه مشروعك ثم انسخ النص الناتج أو نزّله.
جارٍ ترميز الصورة
تتم قراءة الصورة وترميزها محليًا داخل متصفحك…
ملخص حجم الترميز
- الملف الأصلي
- سلسلة Base64
- معرّف البيانات الكامل
- الزيادة في الحجم
- :percent% من الحجم الأصلي
يضيف Base64 عادةً نحو 33% لأن كل ثلاثة بايتات من المصدر تُمثّل بأربعة أحرف نصية.
فكّر في استخدام صورة خارجية
تزيد صور Base64 الكبيرة حجم HTML أو CSS، ولا يمكن تخزينها مؤقتًا بصورة مستقلة، وقد تؤخر عرض الصفحة.
صورتك لا تغادر هذا الجهاز
ينفّذ JavaScript الترميز في ذاكرة المتصفح. لا تُرسل الصورة ولا النتيجة المُنشأة إلى نقطة تحويل تابعة لـ CyberTools.
لا خسارة في جودة الصورة
Base64 ترميز نصي قابل للعكس. يحافظ على بايتات الملف الأصلية من دون تغيير الحجم أو إعادة الضغط أو تغيير جودة الصورة.
استخدم Base64 بصورة انتقائية
يكون Base64 المضمّن أنسب للأصول الصغيرة جدًا. عادةً تكون الملفات الخارجية أفضل للصور الكبيرة التي تستفيد من التخزين المؤقت والتحميل الكسول.
مُرمّز صور خاص عبر الإنترنت
تحويل الصورة إلى Base64: ترميز الصور للاستخدام المضمّن في الويب
حوّل صور PNG أو JPG أو JPEG أو WebP أو GIF أو SVG إلى نص Base64 مباشرة داخل متصفحك. تنشئ الأداة سلسلة Base64 خامًا ومعرّف بيانات كاملًا ومثال صورة HTML ومثال خلفية CSS.
تتم معالجة الصورة محليًا ولا تُرفع إلى خادم تحويل. يمكنك فحص الحجم الدقيق بعد الترميز ومقارنته بالملف الأصلي ونسخ تنسيق الناتج الذي يحتاج إليه مشروعك فقط.
كود جاهز للاستخدام
أنشئ Base64 الخام ومعرّف البيانات وHTML وCSS من دون تركيب البادئات أو أنواع MIME أو الكود يدويًا.
افهم تكلفة الحجم
اعرف العدد الدقيق للأحرف ونسبة الزيادة الناتجة عن ترميز Base64 قبل إضافته إلى صفحة ويب.
المعالجة داخل المتصفح فقط
احتفظ بالتصاميم الخاصة ولقطات الشاشة الداخلية وملفات العملاء على جهازك طوال عملية التحويل.
ماذا تفعل أداة تحويل الصورة إلى Base64؟
يقرأ المُرمّز البايتات الثنائية للصورة ويمثلها باستخدام أبجدية Base64. وينتج قيمة نصية يمكن نقلها عبر HTML وCSS وJSON وXML والبريد الإلكتروني وغيرها من التنسيقات النصية من دون إتلاف البيانات الثنائية الأصلية.
توفر الأداة أربعة مخرجات: أحرف Base64 الخام، ومعرّف بيانات كاملًا يتضمن نوع MIME، وعنصر img في HTML، ومثال background-image في CSS. يمكنك نسخ النسخة التي يحتاج إليها تطبيقك من دون تركيب الكود يدويًا.
كيفية ترميز صورة بصيغة Base64
اختر ملف PNG أو JPG أو JPEG أو WebP أو GIF أو SVG، أو اسحبه إلى منطقة الرفع، أو الصق صورة من الحافظة. راجع معلومات الملف والمعاينة، وأكمل التحقق عند طلبه، ثم ابدأ عملية الترميز.
بعد التحويل، قارن الحجم الأصلي بالحجم المرمّز. اختر Base64 الخام أو معرّف البيانات أو HTML أو CSS، ثم انسخ الناتج أو نزّله كملف نصي. أعد ضبط الأداة قبل معالجة صورة أخرى.
كيف يعمل ترميز Base64؟
تحتوي الملفات الثنائية على قيم بايت من 0 إلى 255، ومنها قيم لا يمكن تمثيلها بأمان كنص ظاهر. يجمع Base64 الإدخال في كتل من ثلاثة بايتات ويحوّل كل كتلة إلى أربعة أحرف ASCII قابلة للطباعة ومختارة من أبجدية تتكون من 64 حرفًا.
العملية حتمية ولا تفقد البيانات. يؤدي فك ترميز سلسلة Base64 إلى إعادة بناء بايتات المصدر نفسها. وقد تضاف أحرف حشو إلى الكتلة الأخيرة عندما لا يكون طول الإدخال قابلًا للقسمة على ثلاثة.
لماذا يكون ناتج Base64 أكبر بنحو 33%؟
تتحول كل ثلاثة بايتات من بيانات المصدر إلى أربعة أحرف Base64. وتعني نسبة أربعة إلى ثلاثة أن النص المرمّز يكون عادةً أكبر بنحو الثلث من الملف الأصلي، مع فرق إضافي صغير بسبب الحشو وبادئة معرّف البيانات.
تنتج صورة بحجم 30 كيلوبايت نحو 40 كيلوبايت من أحرف Base64. هذه الزيادة جزء من طريقة الترميز ولا يمكن إزالتها إلا باختيار تمثيل مختلف أو تقليل حجم الملف الأصلي أولًا.
فهم معرّفات بيانات Base64
لا تحدد سلسلة Base64 الخام نوع الملف. يضيف معرّف البيانات بادئة data: ونوع MIME للصورة وعلامة ;base64 قبل الأحرف المرمّزة، وبذلك يستطيع المتصفح التعامل مع القيمة الكاملة كعنوان صورة مضمّن.
يمكن وضع معرّفات البيانات في السمة src لعنصر img في HTML، أو في قيمة background-image في CSS، أو في أي سياق آخر يقبل عنوان URL. تتضمن الأمثلة الناتجة نوع MIME الصحيح المأخوذ من الملف المحدد.
متى تكون صور Base64 المضمّنة مفيدة؟
قد يكون Base64 عمليًا لأيقونات الواجهة الصغيرة جدًا، ومؤشرات التحميل، وأصول البريد الإلكتروني، والتقارير المحمولة، وبيانات الاختبار، وملفات HTML المستقلة. في هذه الحالات قد يكون إلغاء طلب صورة منفصل أو جمع كل شيء في مستند واحد مفيدًا.
كما يفيد عندما يجب نقل أصل داخل JSON أو حمولة نصية فقط. وغالبًا ما تقوم أدوات البناء مثل Vite وwebpack بتضمين الأصول الصغيرة تلقائيًا إذا كانت أقل من حد حجم مضبوط.
متى تكون الصورة الخارجية خيارًا أفضل؟
عادةً ما يكون أداء الصور الفوتوغرافية الكبيرة وصور الواجهة الرئيسية والأيقونات المتكررة والوسائط أسفل الصفحة أفضل كملفات خارجية. يمكن تخزين الصور الخارجية مؤقتًا بصورة مستقلة وجلبها بالتوازي وضغطها عبر بنية التسليم وتحميلها عند الحاجة فقط.
تصبح صورة Base64 المضمّنة جزءًا من ملف HTML أو CSS، فتزيد عمل التحليل، ولا يمكن تخزينها مؤقتًا بصورة منفصلة، ويجب تنزيلها من جديد كلما تغير المستند الذي يحتوي عليها.
الخصوصية والصور الحساسة
Base64 ترميز وليس تشفيرًا. يستطيع أي شخص يحصل على الناتج فك ترميزه واستعادة الصورة الأصلية. لا تتعامل مع سلسلة Base64 باعتبارها وسيلة لإخفاء معلومات مرئية سرية.
تنفذ هذه الأداة الترميز محليًا في ذاكرة المتصفح ولا ترسل الصورة إلى نقطة تحويل تابعة لـ CyberTools. تفيد المعالجة المحلية للرسومات الداخلية وأصول العملاء ولقطات الشاشة الخاصة والملفات الخاضعة لمتطلبات السرية.
اعتبارات SVG وGIF المتحرك
يبقى ملف GIF المتحرك متحركًا لأن Base64 يحافظ على كل بايت، بما في ذلك جميع إطارات الحركة. وعند استخدام معرّف البيانات الناتج في عنصر صورة HTML متوافق، يتصرف مثل ملف GIF الأصلي.
SVG تنسيق XML نصي أصلًا. غالبًا ما يكون تضمين كود SVG مباشرة أصغر ويسمح بتنسيق العناصر الفردية أو برمجتها. يفيد SVG المرمّز بـ Base64 أساسًا عندما تكون قيمة URL مطلوبة، مثل خلفية CSS.
استخدام Base64 في مشاريع الويب الحديثة
يمكن لأطر مثل React وVue استخدام معرّفات البيانات في سمات الصور أو روابط الأنماط. قد يكون ذلك مناسبًا للأصول الصغيرة المستخدمة مرة واحدة، لكن يُفضّل عادةً استيراد الصور الأكبر كملفات كي يحسن نظام البناء الأسماء والتخزين المؤقت والتسليم.
توفر أدوات التجميع حدودًا قابلة للضبط للتضمين. تتحول الأصول الأصغر من الحد إلى معرّفات بيانات، بينما تُصدر الملفات الأكبر بصورة منفصلة. يوازن ذلك بين تكلفة الطلبات وزيادة حجم Base64 وسلوك التخزين المؤقت.
المخرجات التي ينشئها المُرمّز
| الناتج | ما الذي يتضمنه |
|---|---|
| سلسلة Base64 الخام | الأحرف المرمّزة فقط، من دون نوع MIME أو بادئة معرّف البيانات. |
| معرّف بيانات Base64 | قيمة data:[mime-type];base64,[content] الكاملة للاستخدام كعنوان URL مضمّن. |
| مثال استخدام HTML | عنصر img يتضمن معرّف البيانات الناتج داخل السمة src. |
| مثال استخدام CSS | تعريف background-image يتضمن معرّف البيانات الناتج. |
استخدامات شائعة لترميز الصور بـ Base64
- تضمين أيقونة صغيرة من دون طلب صورة إضافي
- إنشاء مستند HTML مستقل يعمل دون اتصال
- إدراج صورة داخل حمولة JSON أو XML
- إنشاء صورة مضمّنة لقالب بريد إلكتروني بصيغة HTML
- إضافة صورة خلفية صغيرة مباشرة إلى CSS
- إعداد بيانات اختبار محمولة للتطوير وتصحيح الأخطاء
- التحقق من ناتج مسار بناء الواجهة الأمامية
- نقل بايتات صورة ثنائية عبر حقل نصي فقط
متى ينبغي تجنب صور Base64؟
- الصور الفوتوغرافية الكبيرة أو صور الواجهة الرئيسية
- الصور التي ينبغي تحميلها تحميلًا كسولًا
- الأصول المعاد استخدامها عبر عدة صفحات
- الملفات التي تستفيد من التخزين المؤقت المستقل في المتصفح
- ملفات HTML أو CSS المتغيرة باستمرار والتي تتضمن صورًا كبيرة
- الصور المقدمة بكفاءة عبر شبكة CDN
مواصفات مُرمّز الصور إلى Base64
| الخاصية | التفاصيل |
|---|---|
| التنسيقات المقبولة | PNG وJPG وJPEG وWebP وGIF وSVG |
| الحد الأقصى لحجم الملف في المتصفح | 200 ميجابايت، وفقًا لذاكرة المتصفح والجهاز المتاحة |
| طرق الإدخال | اختيار ملف أو السحب والإفلات أو اللصق من الحافظة |
| المخرجات المُنشأة | Base64 الخام ومعرّف بيانات كامل ومثال HTML ومثال CSS |
| سلوك الترميز | تحويل البايتات إلى نص من دون فقدان أو تغيير الحجم أو إعادة الضغط |
| دعم GIF المتحرك | يتم الحفاظ على بايتات الحركة في الناتج المرمّز |
| الزيادة المتوقعة في الحجم | نحو 33%، بالإضافة إلى بادئة معرّف البيانات القصيرة |
| مكان المعالجة | ذاكرة المتصفح المحلية من دون رفع الصورة للتحويل |
الأسئلة الشائعة حول تحويل الصورة إلى Base64
لماذا تكون سلسلة Base64 أطول من الصورة الأصلية؟
يمثل Base64 كل ثلاثة بايتات من المصدر بأربعة أحرف نصية. لذلك تكون السلسلة الناتجة أكبر بنحو 33% عادةً، مع زيادة صغيرة بسبب الحشو وبادئة معرّف البيانات.
هل يقلل ترميز Base64 جودة الصورة؟
لا. Base64 ترميز لا يفقد البيانات ويحافظ على بايتات الملف الأصلية. ولا يغير حجم الصورة أو يعيد ضغطها أو يغير جودتها المرئية.
هل يمكنني فتح معرّف بيانات Base64 مباشرة في المتصفح؟
نعم. يمكن لصق معرّف بيانات صورة صالح في شريط عنوان المتصفح أو تعيينه كمصدر لصورة للتحقق سريعًا من النتيجة المرمّزة.
هل يتم الحفاظ على ملفات GIF المتحركة؟
نعم. يتم ترميز كل بايت في ملف GIF، بما في ذلك إطارات الحركة وبيانات التوقيت. وتظل النتيجة متحركة في السياقات التي تدعم صور GIF المتحركة.
هل ينبغي استخدام صور Base64 في React أو Vue؟
يمكن أن يكون Base64 مفيدًا للأصول الصغيرة جدًا. أما الصور الأكبر فيُفضّل عادةً استيرادها كملفات كي يحسن الإطار أو نظام التجميع التخزين المؤقت وأسماء الملفات والتسليم.
هل ينبغي ترميز صور SVG بصيغة Base64؟
فقط عندما تكون قيمة URL مطلوبة. في HTML غالبًا ما يكون تضمين كود SVG مباشرة أصغر ويسمح لـ CSS أو JavaScript بالوصول إلى عناصر SVG الفردية.
هل Base64 نوع آمن من التشفير؟
لا. Base64 ترميز قابل للعكس ولا يوفر أي سرية. يمكن لأي شخص لديه السلسلة إعادة إنشاء الصورة الأصلية.
هل تُرفع صورتي أثناء التحويل؟
لا. يقرأ JavaScript الصورة ويرمّزها محليًا داخل متصفحك، ولا تُرسل إلى نقطة تحويل صور تابعة لـ CyberTools.
أداة مجانية عبر الإنترنت لتحويل صور PNG وJPG وJPEG وWebP وGIF وSVG إلى Base64. أنشئ سلسلة Base64 الخام ومعرّف البيانات الكامل ومثال صورة HTML وخلفية CSS محليًا من دون رفع صورتك.
تواصل معنا
هل هناك شيء مفقود؟
يمكنك طلب أداة غير موجودة أو إرسال ملاحظاتك إلينا عبر نموذج التواصل.
تواصل معنا