Skip to content

محوّل الصور إلى Base64 أونلاين

حوّل الصور إلى عناوين URI للبيانات بصيغة Base64 داخل متصفّحك — PNG وJPG وGIF وWebP وSVG وICO. انسخ مخرجات HTML وCSS وMarkdown وJSON. خصوصية 100% بلا رفع.

بدون تتبّع يعمل في المتصفّح مجاني
كل شيء يعمل في متصفّحك. صورك لا تغادر جهازك أبداً.

أسقط صورة هنا، أو الصقها، أو انقر للتصفّح

<bdi>PNG</bdi> · <bdi>JPG</bdi> · <bdi>GIF</bdi> · <bdi>WebP</bdi> · <bdi>SVG</bdi> · <bdi>ICO</bdi> · <bdi>BMP</bdi> — تُحوَّل بالكامل داخل متصفّحك

تمت المراجعة لصحة عنوان URI للبيانات ودقة مقاييس الحجم واكتشاف MIME وتوجيه أداء التضمين — فريق هندسة Go Tools · Jun 5, 2026

ما هي صورة Base64 (عنوان URI للبيانات)؟

صورة Base64 هي صورة أُعيد ترميز بايتاتها الثنائية كسلسلة من أحرف ASCII القابلة للطباعة باستخدام أبجدية Base64 (A–Z وa–z و0–9 و+ و/). ملفوفةً في مخطط عنوان URI للبيانات — data:image/png;base64,iVBORw0KGgo… — يمكن لتلك السلسلة أن تظهر أينما يُتوقَّع رابط: سمة src في HTML img، أو background-image في CSS، أو متن بريد إلكتروني، أو حقل داخل حمولة JSON. يفكّ المتصفّح ترميزها فوراً ويعرض الصورة دون طلب شبكة منفصل. لهذا تُسمى صور Base64 أحياناً صوراً "مضمّنة".

يوجد الترميز لسبب بسيط: بُني كثير من الأنظمة لحمل النص لا البيانات الثنائية العشوائية. HTML وJSON ورؤوس البريد الإلكتروني والروابط كلها تتوقّع أحرفاً، وبايتات الصورة الخام ستتضمّن رموز تحكّم وفواصل تكسرها. يربط Base64 كل 3 بايتات ثنائية بـ 4 أحرف نصية آمنة، ضامناً نجاة البيانات أثناء النقل سليمة. التكلفة هي الحجم: التمثيل النصي أكبر بنحو 33% من الثنائي الأصلي، ولا يمكن تخزينه مؤقتاً بشكل مستقل عن المستند الحاوي له.

تلك المقايضة تحدّد متى تكون صور Base64 منطقية. لأيقونة صغيرة مستخدمة في ورقة أنماط واحدة، يزيل التضمين رحلة ذهاب وإياب وعقوبة الحجم ضئيلة — فوز واضح. لصورة رئيسية بحجم 200 كيلوبايت مُعاد استخدامها عبر كل صفحة، يضخّم التضمين كل صفحة ويهزم تخزين المتصفّح المؤقت ويكلّف معالجة لفك الترميز في كل تحميل — خسارة واضحة. التوجيه الحديث، في عصر HTTP/2، هو تضمين الأصول الصغيرة المستقرة فقط وتقديم كل شيء آخر كملفات عادية مخزّنة مؤقتاً. تُظهر هذه الأداة الأرقام الدقيقة لصورتك وتوصية بإشارة مرور كي يكون القرار مبنياً على البيانات لا على الموروث.

العملية المعاكسة — تحويل سلسلة Base64 مجدداً إلى صورة قابلة للعرض والتنزيل — مفيدة بالقدر نفسه عند تصحيح عنوان URI للبيانات من ورقة أنماط، أو فحص استجابة API، أو استرداد أصل مضمّن في ملف إعدادات. بدّل إلى تبويب Base64 ← Image أو افتح أداة فك ترميز Base64 إلى صورة المخصّصة.

<!-- The same 1×1 transparent PNG, four ways -->

<!-- HTML -->
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" alt="pixel">

/* CSS */
.badge {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==");
}

<!-- Markdown -->
![pixel](data:image/png;base64,iVBORw0KGgo…)

// JSON
{ "mime": "image/png", "data": "iVBORw0KGgo…" }

الميزات الرئيسية

اسحب أو انقر أو الصق

ثلاثة مسارات إدخال: أسقط ملفاً، أو تصفّح إليه، أو الصق صورة مباشرة من الحافظة بـ Ctrl+V — أسرع طريق للقطات الشاشة. أياً كان ما تقدّمه يُرمّز فوراً بلا رفع.

ستة تنسيقات إخراج

Base64 الخام، وعنوان URI كامل للبيانات، وعنصر HTML <img>، وقاعدة CSS background-image، ورابط صورة Markdown، وكائن JSON. لكلٍّ زرّ نسخ خاص وخيار تنزيل، فالمقطع جاهز تماماً للسياق الذي تحتاجه فيه.

مقاييس الحجم والتضخّم الحيّة

يعرض شريط البيانات الوصفية حجم الملف الأصلي وحجم Base64 المرمّز والنسبة المئوية الدقيقة للزيادة لصورتك المحددة — لا "نحو 33%" عامّة. ترى التكلفة الحقيقية للتضمين قبل أن تلتزم به.

شارة نصيحة التضمين

توصية بإشارة مرور تقرأ حجم ملفك وتخبرك ما إذا كان عنوان URI للبيانات فكرة جيدة: أخضر تحت نحو 2 كيلوبايت، وكهرماني حتى نحو 10 كيلوبايت، وأحمر فوقها. تشفّر إجماع ما بعد HTTP/2 كي لا تضطر لتذكّر الحدود.

وحدة فك ترميز مدمجة

يعكس تبويب Base64 ← Image العملية: الصق سلسلة أو عنوان URI للبيانات واحصل على معاينة حيّة والأبعاد المفكوكة ونوع MIME وزرّ تنزيل يعيد بناء الملف الأصلي. يتسامح مع البادئات المفقودة والمسافات البيضاء الشاردة.

جميع التنسيقات الشائعة

PNG وJPG وGIF (تُحفظ الحركة) وWebP وSVG وICO وBMP — إضافةً إلى AVIF حيث يُدعَم. تُرمّز البايتات الخام كما هي، فتنجو الشفافية والحركة وقابلية التحجيم المتجهة دون مساس.

أمثلة

PNG إلى عنوان URI للبيانات (جاهز لـ CSS / HTML)

transparent-1x1.png  (a 68-byte PNG)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

أسقط ملف PNG ويمنحك تبويب عنوان URI للبيانات سلسلة يمكنك لصقها مباشرة في سمة src في HTML أو في url() في CSS. يعرض شريط البيانات الوصفية الحجم الأصلي وحجم Base64 والنسبة المئوية الدقيقة للزيادة.

تضمين أيقونة SVG في HTML

icon.svg
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0i…" alt="icon">

بدّل إلى تبويب HTML للحصول على عنصر <img> جاهز للّصق. بالنسبة لـ SVG تحديداً، يكون الترميز بالنسبة المئوية للرابط غالباً أصغر من Base64 — راجع الأسئلة الشائعة عن سبب كون SVG حالة خاصة.

صورة Markdown مع JPG مضمّن

photo.jpg  (12 KB)
![photo](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ…)

ينتج تبويب Markdown رابط صورة مكتفياً بذاته — مفيد لملفات README وقضايا GitHub ودفاتر العمل حيث لا يمكنك استضافة ملف خارجي. عند 12 كيلوبايت يتحول شارة النصيحة إلى الكهرماني: وازن بين الراحة وتكلفة وزن الصفحة.

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

  1. 1

    أضف صورتك

    اسحب صورة إلى منطقة الإسقاط، أو انقر للتصفّح، أو الصق من الحافظة بـ Ctrl+V / Cmd+V. PNG وJPG وGIF وWebP وSVG وICO وBMP كلها مدعومة ومرمّزة بالكامل داخل متصفّحك.

  2. 2

    اختر تنسيق إخراج

    اختر عنوان URI للبيانات، أو Base64 الخام، أو HTML <img>، أو خلفية CSS، أو Markdown، أو JSON من التبويبات. تحقّق من شريط البيانات الوصفية لزيادة الحجم ومن شارة النصيحة لمعرفة ما إذا كان التضمين يستحق العناء.

  3. 3

    انسخ أو نزّل

    انقر نسخ لأخذ المقطع، أو تنزيل لحفظه كملف. لعكس العملية، بدّل إلى تبويب Base64 ← Image، والصق سلسلة، ونزّل الصورة المُعاد بناؤها.

الأخطاء الشائعة

نوع MIME مفقود أو خاطئ

يجب أن يُعلن عنوان URI للبيانات نوع الوسائط الصحيح وإلا رفض المتصفّح عرضه. ترميز PNG مع وسمها image/jpeg، أو حذف النوع كلياً، يُنتج صورة معطوبة. انسخ عنوان URI للبيانات أو إخراج HTML مباشرة من هذه الأداة للحصول على البادئة الصحيحة تلقائياً.

✗ خطأ 
data:base64,iVBORw0KGgo…
<!-- no MIME type — will not render -->
✓ صحيح 
data:image/png;base64,iVBORw0KGgo…
<!-- correct: image/png -->

مسافات بيضاء أو فواصل أسطر في السلسلة

تلفّ بعض الأدوات Base64 عند 76 حرفاً وفق RFC 2045، وقد يحقن النسخ واللصق مسافات أو أسطراً جديدة شاردة. داخل سمة HTML أو url() في CSS، يمكن لتلك الفواصل أن تُبطل عنوان URI. أزل المسافات البيضاء قبل استخدام السلسلة — وحدة فك الترميز في هذه الأداة تفعل ذلك تلقائياً، فدورة عبر تبويب Base64 ← Image ستنظّفها.

✗ خطأ 
data:image/png;base64,iVBORw0KGgoAAAANS
UhEUgAAAAEAAAABCAYAAAA…
<!-- embedded newline breaks the attribute -->
✓ صحيح 
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAA…
<!-- single unbroken line -->

سلسلة مبتورة (حشو محذوف)

تنتهي سلاسل Base64 بصفر أو واحد أو اثنين من أحرف حشو =. نسخة جزئية تُسقط الـ = الختامي (أو الأحرف الأخيرة) تنتج سلسلة غير قابلة لفك الترميز وصورة معطوبة. إن فشل لصق في العرض، فتأكّد من أنك نسخت القيمة كاملة بما في ذلك أي حشو ختامي.

✗ خطأ 
…WjR9awAAAABJRU5ErkJggg
<!-- missing trailing == -->
✓ صحيح 
…WjR9awAAAABJRU5ErkJggg==
<!-- complete with padding -->

ترميز صورة فوتوغرافية كبيرة بـ Base64

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

✗ خطأ 
/* 380 KB hero photo inlined into a global stylesheet */
.hero { background-image: url("data:image/jpeg;base64,/9j/…(½ MB of text)…"); }
✓ صحيح 
/* Serve it as a cached file instead */
.hero { background-image: url("/img/hero.jpg"); }

حالات الاستخدام الشائعة

تضمين شعار أو أيقونة في CSS
أسقط أيقونة PNG أو SVG صغيرة، وانسخ مقطع CSS background-image، والصقه في ورقة أنماطك لإزالة طلب HTTP لأصل نادر التغيير. أبقِه تحت نحو 2 كيلوبايت (راقب الشارة الخضراء) كي تبقى ورقة الأنماط رشيقة.
تضمين الصور في بريد HTML
كثيراً ما يحجب عملاء البريد الصور البعيدة. رمّز شعارك كعنوان URI للبيانات والصق عنصر <img> في القالب كي يُعرض دون جلب من خادم. اختبر عبر العملاء — أبقِ التضمينات أيقونات صغيرة لا صوراً فوتوغرافية.
Markdown وملفات README مكتفية بذاتها
حين لا يمكنك استضافة صورة — قضية GitHub أو دفتر عمل أو مستند دون اتصال — يضمّن إخراج Markdown الصورة مباشرة في الملف كي تسافر مع النص. مثالي للمخططات والشارات الصغيرة.
صور داخل حمولات JSON أو API
تحتاج لإرسال صورة مصغّرة داخل مستند JSON أو ملف إعدادات؟ يمنحك إخراج JSON كائن { mime, data } يمكنك إسقاطه مباشرة، وتسترد وحدة فك الترميز الصورة في الطرف الآخر.
تصحيح سريع لعنوان URI للبيانات
عثرت على عنوان data: غامض للبيانات في ورقة أنماط أو استجابة API؟ الصقه في تبويب Base64 ← Image لرؤية ما هو فعلاً، وقراءة أبعاده الحقيقية، وتنزيله كملف عادي للفحص الدقيق.
أدوات وإشارات مرجعية أحادية الملف
يجب أن تكون إشارات المتصفّح المرجعية والأدوات القابلة للتضمين مكتفية بذاتها بلا تبعيات خارجية. تضمين أيقوناتها كـ Base64 يُبقي كل شيء في ملف واحد يعمل أينما وُضع.

تفاصيل تقنية

كيف يعمل ترميز Base64
يأخذ Base64 التيار الثنائي للصورة ثلاث بايتات (24 بت) في كل مرة ويقسّمها إلى أربع مجموعات من 6 بتات، كل منها مربوطة بحرف واحد في أبجدية الـ 64 رمزاً. حين لا يكون طول المدخلات من مضاعفات الثلاثة، يميّز حرف أو حرفان من حشو = الباقي. هذه النسبة 3 إلى 4 هي سبب كون النص المرمّز أكبر بنحو 33% من المصدر. تحسب الأداة طول البايتات المفكوكة مباشرة من طول السلسلة والحشو، فأرقام الحجم التي تبلّغ عنها دقيقة لا تقديرية.
اكتشاف MIME والبايتات السحرية
حين ترمّز ملفاً، يأتي نوع MIME من كائن File في المتصفّح. وحين تفكّ ترميز سلسلة Base64 خام بلا بادئة data:، تفحص الأداة الأحرف الأولى المقابلة للبايتات السحرية للصورة: iVBORw0KGgo لـ PNG، و/9j/ لـ JPEG، وR0lGOD لـ GIF، وUklGR لـ WebP، وPHN2Zy أو PD94bWw لـ SVG. هذا يتيح لوحدة فك الترميز إعادة بناء عنوان URI صحيح للبيانات والتنزيل بالامتداد الصحيح حتى حين تكون المدخلات الحمولة المجرّدة فقط.
معالجة محلية فقط
يستخدم الترميز طريقة readAsDataURL في واجهة FileReader، التي تُرجع عنوان URI للبيانات مُركّباً بالكامل في المتصفّح. ويستخدم فك الترميز للتنزيل atob مع Uint8Array لإعادة بناء الثنائي، ثم Blob وعنوان كائن — مجدداً بلا شبكة. النتيجة أداة يمكنك تشغيلها دون اتصال والثقة بها للصور السرية، لأن البايتات لا تغادر الصفحة أبداً. يمكنك التحقق من سلوك انعدام الطلبات في أدوات مطوّري متصفّحك.

أفضل الممارسات

ضمّن الأصول الصغيرة المستقرة فقط
المنطقة المثلى لـ Base64 هي الأصول التي تقل عن نحو 2 كيلوبايت وتتغير نادراً وتظهر في صفحات قليلة — الأيقونات والشعارات الصغيرة ورموز الواجهة. فوق نحو 10 كيلوبايت، تفوق عقوبة الحجم والتخزين المؤقت المفقود الطلبَ الموفّر، خاصة الآن وقد جعل HTTP/2 الطلبات الإضافية زهيدة. دع شارة النصيحة ترشدك، وقدّم الصور الفوتوغرافية والرسومات الكبيرة كملفات عادية مخزّنة مؤقتاً.
فضّل الترميز بالنسبة المئوية للرابط لـ SVG
SVG نص، لذا يضخّمه Base64 بلا فائدة. عند تضمين SVG في CSS أو HTML، رمّز النص بالنسبة المئوية بدلاً من ذلك — فهو عادةً أصغر ويبقى مقروءاً للبشر ويُضغط أفضل بـ gzip/brotli. احجز Base64 SVG لخطوط الأنابيب التي تتطلبه تحديداً. تتعامل أداة ترميز/فك ترميز URL لدينا مع الترميز بالنسبة المئوية.
اضبط نوع MIME الصحيح دائماً
يُعرض عنوان URI للبيانات فقط إن طابق نوع MIME الخاص به المحتوى: image/png، وimage/jpeg، وimage/gif، وimage/webp، وimage/svg+xml. النوع الخاطئ أو المفقود هو السبب الأول لفشل عرض صورة مضمّنة. حين تنسخ من هذه الأداة يُضبط النوع لك؛ وإن جمّعت العناوين يدوياً، فدقّق في البادئة.
اضغط قبل أن ترمّز
بما أن Base64 يضيف نحو 33% فوق حجم الملف، فإن تقليص المصدر أولاً يجزي مرتين. مرّر الصور عبر ضاغط الصور لدينا — أو صدّرها بالأبعاد الصحيحة — قبل الترميز، كي يكون عنوان URI الناتج للبيانات أصغر ما يمكن. صورة PNG مضغوطة بحجم 4 كيلوبايت تتفوّق على أصل بحجم 40 كيلوبايت كملف وكمضمّنة.
لا تعتمد على Base64 للخصوصية أبداً
Base64 قابل للعكس بسهولة ولا يوفّر أي حماية. لا تستخدمه لإخفاء محتوى صورة حساس — يستطيع أي شخص فك ترميزه فوراً، بما في ذلك عبر التبويب في هذه الصفحة. إن وجب حماية المحتوى، فاستخدم ضوابط وصول حقيقية وتعمية على الخادم، وقدّم الصورة عبر نقطة نهاية مُصادَق عليها.

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

ماذا يفعل محوّل الصور إلى Base64 هذا؟
يقرأ الصورة التي تُسقطها أو تلصقها أو تختارها ويرمّز بايتاتها كسلسلة Base64 — بالكامل داخل متصفّحك. تحصل على Base64 الخام، وعنوان URI للبيانات جاهز للاستخدام (data:image/png;base64,…)، ومقاطع جاهزة للّصق لـ HTML <img> وCSS background-image وMarkdown وJSON. يعرض شريط البيانات الوصفية حجم الملف الأصلي والحجم المرمّز والنسبة المئوية الدقيقة للزيادة (Base64 أكبر بنحو 33%) والأبعاد بالبكسل ونوع MIME. لا يُرفع شيء: يجري الترميز محلياً عبر واجهة FileReader، لذا فالأداة آمنة للقطات الشاشة والأصول الداخلية والأعمال الفنية غير المنشورة. للاتجاه المعاكس، استخدم تبويب Base64 ← Image أو أداة فك ترميز Base64 إلى صورة لدينا.
هل تُرفع صوري إلى خادم؟
لا. كل خطوة تحدث في جانب العميل داخل متصفّحك باستخدام واجهة FileReader وترميز السلاسل في JavaScript. لا تُنقل صورتك أبداً ولا تُخزَّن ولا تُسجَّل. يمكنك التأكد من ذلك بفتح تبويب الشبكة في متصفّحك — ترميز صورة لا يُطلق أي طلب شبكة. هذا يجعل الأداة آمنة للمواد الحساسة: لقطات شاشة المنتجات قبل الإطلاق والمخططات الداخلية وأصول العملاء وأي شيء تحت اتفاقية عدم إفصاح. لا يوجد حد أقصى لحجم الملف مفروض من حد الرفع، فقط الحد العملي لمدى ضخامة سلسلة Base64 التي يستطيع متصفّحك والنظام المستهدف التعامل معها بأريحية.
كم يزيد Base64 من حجم الصورة؟
يرمّز Base64 كل 3 بايتات من البيانات الثنائية إلى 4 أحرف ASCII، فتكون السلسلة المرمّزة أكبر بنحو 33% من الملف الأصلي (إضافة إلى بضع بايتات من الحشو والبادئة data:). تصبح صورة PNG بحجم 9 كيلوبايت نحو 12 كيلوبايت من النص. هذه الزيادة هي أهم سبب منفرد لعدم ترميز الصور الكبيرة بـ Base64: تُرسل بايتات أكثر، ولأن السلسلة مضمّنة في HTML أو CSS، يُعاد تنزيل تلك البايتات في كل مرة يتغير فيها الملف الحاوي ولا يمكن تخزينها مؤقتاً بشكل مستقل. تُظهر الأداة الزيادة الدقيقة لملفك المحدد في شريط البيانات الوصفية لتتخذ القرار بأرقام حقيقية.
متى ينبغي استخدام صورة Base64 بدلاً من ملف عادي؟
تناسب صورة Base64 (كعنوان URI للبيانات) الأصولَ الصغيرة نادرة التغيير حيث يكون تجنّب طلب HTTP منفصل أهم من التخزين المؤقت: الأيقونات والشعارات الصغيرة المضمّنة في CSS، والصور المضمّنة في بريد HTML (كثير من العملاء يحجبون الصور الخارجية لكنهم يعرضون عناوين URI للبيانات)، والأدوات أو إشارات المتصفح المرجعية أحادية الملف التي يجب أن تكون مكتفية بذاتها، وأوراق رموز SVG، والصور المخزّنة داخل حمولات JSON/API. قاعدة عملية: أقل من نحو 2 كيلوبايت ومُستخدمة على صفحة أو صفحتين، عادةً ما يفوز التضمين. تشفّر شارة النصيحة في هذه الأداة تلك القاعدة بالضبط — أخضر تحت 2 كيلوبايت، وكهرماني حتى 10 كيلوبايت، وأحمر فوقها.
متى يجب ألّا أستخدم صور Base64؟
تجنّب Base64 لأي شيء كبير أو مُعاد استخدامه عبر الصفحات. أربعة أسباب ملموسة: (1) الزيادة في الحجم بنحو 33% تعني بايتات أكثر عبر الشبكة؛ (2) لا يمكن تخزين الصورة المضمّنة مؤقتاً بمفردها — يُعاد تنزيلها مع كل تغيير في HTML أو CSS الحاوي لها، وتتكرر في كل صفحة تضمّنها؛ (3) فك ترميز عنوان URI كبير للبيانات يكلّف معالجة وبطارية، وهو ملحوظ على الجوّال؛ (4) تفقد الصور المتجاوبة (srcset/sizes) والتحميل الكسول. وبما أن HTTP/2 يضاعف كثيراً من الطلبات الصغيرة بثمن زهيد، فإن السبب الأصلي للتضمين — تقليل عدد الطلبات — نادراً ما ينطبق بعد الآن. للصور الفوتوغرافية أو الصور الرئيسية أو أي شيء فوق نحو 10 كيلوبايت، يكاد يكون الملف العادي المخزّن مؤقتاً أسرع تحميلاً دائماً. إذا كان الهدف ملفاً أصغر، مرّره عبر ضاغط الصور لدينا أولاً.
كيف أستخدم مخرجات Base64 في HTML وCSS؟
لـ HTML، بدّل إلى تبويب HTML والصق العنصر المُنتَج: <img src="data:image/png;base64,iVBORw0KGgo…" alt="…">. لـ CSS، استخدم تبويب CSS الذي يلفّ عنوان URI للبيانات في background-image: url("data:image/png;base64,…"). كلاهما يعمل أينما يُقبل رابط — سمة img src وخلفية CSS وmask-image وحتى وسوم رابط favicon. مخطط data: مدعوم في كل متصفّح حديث. تحذير واحد: عناوين URI الطويلة جداً للبيانات في HTML المضمّن قد تضرّ بسهولة القراءة، وفي CSS تضخّم ورقة الأنماط التي تُرسل لكل زائر، فاحجز التضمين للأصول الصغيرة فعلاً.
ما تنسيقات الصور المدعومة؟
PNG وJPEG/JPG وGIF (بما في ذلك المتحركة) وWebP وSVG وICO وBMP كلها مدعومة، إضافةً إلى AVIF حيث يستطيع المتصفّح فك ترميزها. لأن الأداة ترمّز البايتات الخام بدلاً من إعادة عرض الصورة، تبقى صور GIF المتحركة متحركة، وتحتفظ صور PNG الشفافة بقناة الألفا، وتبقى صور SVG قابلة للتحجيم بالكامل. يُقرأ نوع MIME من الملف نفسه، وعند لصق Base64 خام في وحدة فك الترميز، يُستنتج من البايتات السحرية للبيانات. لا يوجد تحويل تنسيق أثناء الترميز — تمثّل المخرجات تماماً الملف الذي قدّمته.
لماذا يُعدّ SVG حالة خاصة؟
SVG هو نص XML وليس ثنائياً، لذا فإن Base64 يجعله في الواقع أكبر وأصعب قراءةً بلا فائدة. لتضمين SVG في CSS أو HTML، يكون ترميز الترميز بالنسبة المئوية للنص (ترميز حفنة من الأحرف مثل # و< و> وعلامات الاقتباس) عادةً أصغر من Base64 ويُبقي المصدر مقروءاً وملائماً للضغط gzip. لا تزال هذه الأداة تقدّم مخرجات Base64 لـ SVG لأن بعض خطوط الأنابيب تتطلبها، لكن إن كنت تُحسّن CSS يدوياً، ففضّل عنوان URI للبيانات مُرمّزاً بالنسبة المئوية. تساعد أداة ترميز/فك ترميز URL لدينا في هذا النهج.
هل Base64 هو نفسه التعمية؟
لا. Base64 ترميز وليس تعمية — وهو قابل للعكس بالكامل من قِبل أي شخص بلا حاجة لمفتاح. وُجد لتمثيل البيانات الثنائية باستخدام مجموعة آمنة من أحرف ASCII القابلة للطباعة كي تنجو البيانات أثناء النقل عبر أنظمة تتعامل مع النص فقط (HTML وJSON ورؤوس البريد الإلكتروني والروابط). يستطيع أي شخص فك ترميز سلسلة Base64 إلى الصورة الأصلية في ثوانٍ، بما في ذلك عبر تبويب Base64 ← Image هنا. لا تعامل Base64 أبداً كوسيلة لإخفاء أو حماية محتوى صورة حساس؛ فهو لا يوفّر أي سرية.
هل يمكنني تضمين صورة Base64 في بريد إلكتروني؟
نعم، وهو من أفضل استخدامات هذه التقنية. كثير من عملاء البريد يحجبون الصور المستضافة خارجياً افتراضياً لأجل الخصوصية، مما يكسر التخطيطات التي تعتمد على شعارات بعيدة. تضمين الصور الصغيرة كعناوين URI للبيانات يضمن عرضها فوراً دون جلب من خادم. المقايضات: بعض العملاء الأقدم (لا سيما إصدارات معينة من Outlook) لديهم دعم متقطّع لعناوين URI للبيانات، والتضمينات الكبيرة تضخّم حجم الرسالة التي يُنزّلها كل مستلم. أبقِ الصور المضمّنة صغيرة — شعارات وأيقونات لا صوراً فوتوغرافية — واختبر عبر عملائك المستهدفين.
لماذا لا تُعرض صورة Base64 الخاصة بي؟
الأسباب الأكثر شيوعاً: نوع MIME مفقود أو خاطئ في البادئة data: (استخدم image/png لـ PNG، وimage/jpeg لـ JPG، وimage/svg+xml لـ SVG)، أو مسافات بيضاء أو فواصل أسطر أُدرجت سهواً في السلسلة، أو نسخة مبتورة أسقطت الحشو الختامي (= أو ==)، أو لصق Base64 الخام فقط دون البادئة data:…;base64, حيث يُتوقَّع رابط. وحدة فك الترميز في هذه الأداة متسامحة — تزيل المسافات البيضاء، وتقبل المدخلات مع البادئة أو بدونها، وتستنتج MIME من البايتات السحرية للصورة — فلصق سلسلتك في تبويب Base64 ← Image هو أسرع طريقة لتأكيد ما إذا كانت البيانات نفسها صالحة.

أدوات ذات صلة

عرض جميع الأدوات →

محوّل Base64 — ترميز وفك ترميز أونلاين

الترميز والتنسيق

رمّز وفك ترميز Base64 مجاناً أونلاين — محوّل فوري مع دعم UTF-8 والرموز التعبيرية. خصوصية 100% — يعمل في متصفّحك. جرّبه الآن.

محوّل Base64 إلى صورة أونلاين

الترميز والتنسيق

فك ترميز سلسلة Base64 أو عنوان URI للبيانات إلى صورة داخل متصفّحك. عاين واقرأ الأبعاد ونوع MIME ثم نزّل كـ PNG أو JPG أو GIF أو SVG. بلا رفع.

محوّل CSV إلى JSON

الترميز والتنسيق

حوّل CSV إلى JSON في متصفحك. RFC 4180، استنتاج الأنواع، صف العنوان، أمان الأعداد الكبيرة. خصوصية 100%.

JSON Diff مقارنة

الترميز والتنسيق

قارن ملفي JSON فوراً في متصفحك. عرض جنباً إلى جنب مع تمييز الفروق، وإخراج JSON Patch (RFC 6902)، وتجاهل الحقول المزعجة كالطوابع الزمنية والمعرّفات. خصوصية تامة، بدون رفع ملفات.

منسق JSON — التحقق والضغط وإصلاح الأخطاء

الترميز والتنسيق

نسّق JSON وتحقّق من صحته وأصلح الأخطاء فوراً — محرّر مجاني أونلاين يعمل في متصفّحك. يدعم الضغط والتجميل والتحويل. جرّبه الآن.

مدقق JSON Schema

الترميز والتنسيق

تحقق فوراً من JSON مقابل أي JSON Schema في متصفحك. يدعم Draft 2020-12 و2019-09 وDraft-07 مع رسائل أخطاء دقيقة بالمسار. خصوصية تامة - بدون رفع ولا حساب، مجاني.