الأدوات · الصور · تحويل الصورة إلى Base64
تحويل الصورة إلى Base64
حوّل صورة إلى نص Base64 (data URI) مع أكواد HTML وCSS جاهزة للنسخ مباشرة.
أضف ملفًا وشغّل الأداة.
ملفك جاهز.
جرّب ملفًا آخر، أو أعد المحاولة.
الإعدادات
اختر ملفًا، واضبط الإعدادات، ثم شغّل الأداة.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
كيف تعمل
أفلت صورة واحدة أو أكثر.
انسخ رابط البيانات، أو وسم <img>، أو كود CSS الذي تحتاجه.
الصقه في المكان الذي تستخدمه فيه، كود HTML أو CSS أو قالب بريد إلكتروني.
أسئلة شائعة
هي صورة مُرمَّزة كنص ومضمَّنة مباشرة داخل نص data:image/...;base64,...، بحيث تعيش داخل كود HTML أو CSS أو JSON بدلاً من أن تكون ملفًا منفصلاً يطلبه المتصفح.
لا، ولا يمكنه ذلك أصلًا، التحويل إلى Base64 هو استدعاء واحد لدالة متصفح (FileReader) تقرأ الملف على جهازك. لا توجد رحلة إلى خادم لتُختصر، لأنها لم تكن موجودة من الأساس.
يرمّز Base64 كل 3 بايت كأربعة أحرف نصية، فيكون النص الناتج أكبر بنحو الثلث من الملف الأصلي. تعرض الأداة الحجمين معًا لتعرف ما تتوقعه.
ليس بهذه الأداة حاليًا، لا تتوفر أداة لتحويل Base64 إلى صورة بعد. هذه الأداة تعمل فقط في اتجاه الصورة إلى نص.
أدلة
نظرة أقرب على مشكلات محددة تحلّها هذه الأداة.
Why Inlining a Small Image Beats Linking to a File
A tiny icon shouldn't need its own HTTP request. Here's what a data URI actually does, and when embedding an image as text beats linking to it as a file.
اقرأ الدليلHow to Embed an Image Directly in Your HTML, No File Needed
Drop an image, get a ready-to-paste snippet - no separate icon file to manage, no upload. Here's exactly how the encoding works and what each output actually gives you.
اقرأ الدليلData URI vs. Image File: When the Bigger String Is Still Worth It
A Base64 string is always bigger than the file it came from. Here's the actual math behind that, and how to decide whether the trade-off is worth it for a specific image.
اقرأ الدليل
التعليقات