صورة إلى Base64

ما هي أداة صورة إلى Base64؟

محول الصورة إلى Base64 هو أداة مجانية على الإنترنت تشفّر صورة إلى سلسلة Base64 على هيئة data URI يمكنك تضمينها مباشرة في HTML أو CSS أو JSON أو Markdown أو SCSS. ترميز Base64 يحوّل بيانات الصورة الثنائية إلى نص ASCII، مما يعني أن أيقونة أو شعارًا صغيرًا يمكن أن يعيش داخل شيفرتك بدلًا من أن يكون ملفًا منفصلًا يتطلب طلب شبكة خاصًا به. تكتفي بسحب صورة وإفلاتها، فتنتج الأداة ثماني مخرجات جاهزة للّصق دفعة واحدة: سلسلة Base64 الخام، وdata URI الكامل، وقاعدة background-image في CSS، وخاصية CSS مخصّصة، ووسم صورة img في HTML، وصورة Markdown، وكائن JSON، ومتغيّر SCSS، جميعها مع تضمين نوع MIME الصحيح. ولكل مخرجة زر نسخ خاص بنقرة واحدة. كما تعرض الأداة الحجم الأصلي للملف، وحجم Base64 المُرمَّز، ونسبة الزيادة في الحجم لتقدّر إن كان التضمين مجديًا، وتتضمّن وضع فك ترميز يعيد سلسلة Base64 إلى صورة قابلة للتنزيل. تدعم PNG وJPG وGIF وSVG وWebP، وتعرض معلومات الملف مثل الحجم والأبعاد، وتعمل بالكامل في متصفحك دون تسجيل.

كيفية استخدام صورة إلى Base64؟

ترميز صورة إلى Base64 سريع وخاص:

1. 1 اسحب ملف صورة وأفلته في منطقة الرفع، أو انقر عليها لتصفّح جهازك. تشمل الصيغ المدعومة PNG وJPG وGIF وSVG وWebP.
2. 2 شاهد الصورة مشفّرة فورًا إلى سلسلة Base64 على هيئة data URI، مع عرض معلومات الملف مثل الاسم والحجم والنوع والأبعاد إلى جانبها، إضافةً إلى إحصاءات الترميز التي تُظهر الحجم الأصلي والحجم المُرمَّز ونسبة الزيادة.
3. 3 اختر من بين ثماني مخرجات: سلسلة Base64 الخام، أو data URI الكامل، أو قاعدة خلفية CSS، أو خاصية CSS مخصّصة، أو وسم صورة HTML، أو صورة Markdown، أو كائن JSON، أو متغيّر SCSS.
4. 4 انسخ مخرجاتك المختارة بزرها المخصّص والصقها مباشرة في صفحة الأنماط أو الترميز أو التوثيق أو حمولة الواجهة البرمجية، دون الحاجة إلى استضافة صور منفصلة.
5. 5 تحتاج العكس؟ انتقل إلى وضع فك الترميز، والصق سلسلة Base64 أو data URI، ثم عاين الصورة الأصلية أو نزّلها.

لماذا تستخدم هذه الأداة؟

كل صورة منفصلة في الصفحة تمثّل طلب شبكة إضافيًا، وبالنسبة للأصول الصغيرة مثل الأيقونات والشعارات قد يبطّئ هذا الحمل الزائد الصفحة. تضمين الصور الصغيرة بصيغة Base64 يتيح للمتصفح عرضها مع بقية شيفرتك، مزيلًا تلك الطلبات تمامًا. تسهّل هذه الأداة ذلك بإنتاج data URI وCSS وHTML وMarkdown وJSON وSCSS التي تحتاجها بالضبط، مع نوع MIME الصحيح ليعمل مباشرة في مصدر img أو خلفية CSS. وتفيد مخرجتا خاصية CSS المخصّصة ومتغيّر SCSS عند الاحتفاظ بالأصول المضمّنة في ملف رموز تصميم، بينما تناسب مخرجة Markdown ملفات README والتوثيق. وتُظهر إحصاءات الترميز نسبة الزيادة التي يضيفها Base64 (نحو الثلث)، مما يساعدك على تحديد متى يتفوّق التضمين على الطلب المنفصل. وهي مفيدة أيضًا لتضمين الصور في حمولات JSON أو قوالب البريد الإلكتروني حيث تكون الملفات الخارجية غير عملية، ويتيح لك وضع فك الترميز المدمج استعادة صورة من سلسلة Base64 بحوزتك. ولأن الترميز وفك الترميز يحدثان في متصفحك، لا تُرفع صورك أبدًا، مما يحافظ على خصوصيتها. الأداة مجانية ولا تحتاج إلى حساب.

أمثلة

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

أدوات ذات صلة

استكشف المزيد من الأدوات المجانية التي قد تفيدك