Softonic

مشفر صور Base64

خطوة 1 / 3 أفلت صورتك هنا

جارٍ المعالجة...

تضمين صورة صغيرة كـ Base64 data URI قد يوفر طلب HTTP ويجعل الأصل ينتقل مع HTML أو CSS الذي يستخدمه. يقبل هذا المشفر ملفات PNG وJPEG وGIF وWebP وSVG المدعومة حتى 5 MiB. يجب ألا يزيد طول أي ضلع في الصورة النقطية بعد فكها على 16,384 بكسل، وألا يتجاوز مجموعها 33,554,432 بكسل. يتحقق المشفر من فك الصور النقطية في المتصفح ومن بنية SVG UTF-8 فقط، ثم ينشئ صيغ Base64 وCSS وHTML وJSON. اختبر الخرج في النظام الهدف، وتعامل مع SVG غير الموثوق كمحتوى نشط حتى بعد ترميزه.

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

  1. 1

    أسقط صورتك

    اختر ملف PNG أو JPG أو GIF أو WebP أو SVG بحجم لا يتجاوز 5 MiB. يجب ألا يزيد طول أي ضلع في الصورة النقطية على 16,384 بكسل أو مجموعها على 33,554,432 بكسل، ويبقى النص المشفر دون 7 MiB.

  2. 2

    يجري الترميز في المتصفح

    تقرأ بايتات الصورة، وترمز إلى Base64، وتسبق بترويسة URI صحيحة من نوع `data:`.

  3. 3

    اختر صيغة الخرج

    Base64 خام، أو قاعدة CSS `background-image`، أو وسم HTML `<img>`، أو سلسلة آمنة لـ JSON.

  4. 4

    انسخ النتيجة

    الصقها بعد التحقق من دعم data URI وحدود الحجم وأمان المحتوى في النظام الهدف.

متى يستحق تضمين الصور

مرشحات جيدة للتضمين:

  • أيقونات أقل من 2 KB, توفر طلب HTTP واحدا مع زيادة مهملة.
  • قوالب البريد الإلكتروني - لا تدعم برامج البريد عناوين URI للبيانات بصورة موحدة. اختبر البرامج المستهدفة واستخدم صور CID أو الصور المستضافة عند الحاجة.
  • الصور النائبة للواجهة الأولى (LQIP), نسخة مموهة منخفضة الجودة مضمنة، والصورة الكاملة تحمّل بعدها.
  • ملفات SVG المستخدمة مرة واحدة, قد تكون صيغة data URI مرمزة بالنسبة المئوية أقصر من Base64، بشرط ترميز الأحرف المحجوزة بصورة صحيحة والتعامل مع SVG غير الموثوق كمحتوى نشط.

مرشحات سيئة:

  • صور كبيرة، التضخيم بنسبة 33% لصورة بحجم 500 KB يعني هدرا قدره 166 KB.
  • صور يعاد استخدامها عبر صفحات، التضمين يعطل التخزين المؤقت للمتصفح عبر المسارات.
  • CSS الحرج، تضمين صور ثقيلة يضخم المسار الحرج.

توقعات الحجم

حجم الصورة حجم سلسلة Base64
500 بايت ~680 محرفا
2 KB ~2,7 KB
20 KB ~27 KB
200 KB ~270 KB

صيغة Data URI

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwAEhQGAhKmMIQAAAABJRU5ErkJggg==
  • مخطط data:
  • نوع MIME
  • مؤشر ;base64,
  • البايتات المشفرة

SVG حالة خاصة

SVG نص بالفعل، لكن مقارنة الحجم تعتمد على محتواه وعلى مقدار الترميز بالنسبة المئوية المطلوب. لصيغة غير Base64، استخدم data:image/svg+xml, مع ترميز صحيح للأحرف المحجوزة؛ المعامل ;utf8 شائع لكنه غير معياري ولا يغني عن الترميز. لا تعرض الأداة SVG في معاينة، وتتحقق من بنيته UTF-8 فقط، لذلك يظل SVG غير الموثوق محتوى نشطا ويجب ألا يعد Base64 تعقيما له.

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

يزيد Base64 الحمولة الثنائية بنحو الثلث قبل احتساب غلاف data URI وضغط النقل. لا توجد عتبة حجم ثابتة تضمن الفوز: قارن عدد الطلبات والتخزين المؤقت والضغط وتكرار الاستخدام في موقعك، واختبر الأداء الفعلي.

لا تمنح data URI ميزة SEO تلقائية. تفهرس محركات البحث HTML المحيط، بينما لا توفر خلفية CSS بديلا نصيا مثل خاصية alt. استخدم وسم <img> مع نص بديل مناسب عندما تحمل الصورة معنى، ثم قيّم الأداء بصورة مستقلة.

لا. يقرأ المشفر الملف محليا باستخدام FileReader API وينتج سلسلة Base64 داخل المتصفح. لا يغادر شيء جهازك.

نعم، استخدم أداة Base64 to Image لتحويل URI من نوع data:image/... إلى ملف قابل للتنزيل.

أدوات ذات صلة

مولد الورق المسطر

أنشئ ورقًا مسطرًا قابلًا للطباعة مجانًا. اختر تسطيرًا جامعيًا أو واسعًا أو ضيقًا، واضبط تباعد الأسطر بالمليمتر وحجم الصفحة وخط هامش، ثم اطبع أو نزّل ملف SVG.

منشئ ورق المدرج الموسيقي

أنشئ ورق مدرجات موسيقية للطباعة: مدرجات فارغة أو مفتاح صول أو فا أو مدرج مزدوج للبيانو أو تاب الغيتار. اختر العدد وتباعد الخطوط ومقاس A4 أو Letter والهوامش، ثم نزّل PDF أو SVG.

صانع فسيفساء LEGO

حوّل صورة إلى مخطط فسيفساء مربع من ١٦ أو ٣٢ أو ٤٨ أو ٦٤ خلية على كل ضلع. عاين الألوان التقريبية، واحسب القطع المسطحة ١×١، ونزّل دليل تجميع مرقماً.

منتقي ألوان Material Design

تصفح لوحة ألوان Material Design وانسخ أي درجة (من 50 إلى A700) بصيغة HEX أو RGB أو HSL بنقرة واحدة.

تحويل النص إلى خط اليد

اكتب نصا أو الصقه، واختر أحد خطوط اليد الخمسة وورقا ساديا أو مسطرا أو مربعات ولون الحبر، ثم نزّل الصفحة بصيغة PNG. الأداة تدعم الحروف اللاتينية فقط، ولا ترسم العربية بخط اليد.

صانع صور رمزية

أنشئ صورة رمزية مرسومة ومسطحة في متصفحك. اختر لون البشرة والشعر والعينين والفم والملابس والخلفية واسماً معروضاً اختيارياً، ثم نزّل SVG أو PNG.

الأداة متاحة بلغات أخرى