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/... إلى ملف قابل للتنزيل.

أدوات ذات صلة

مولّد رموز QR

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

مولد الباركود

أنشئ باركودات Code 128 وEAN-13 وUPC وITF-14 وسبع صيغ خطية أخرى. تبقى البيانات في المتصفح، ويمكن تنزيل SVG أو PNG.

مغيّر حجم الصور

غيّر حجم الصور إلى أبعاد دقيقة بالبكسل أو إلى نسب مئوية مع الحفاظ على نسبة العرض إلى الارتفاع. مناسب للدفعات، ومن دون رفع الملفات.

مولد الميمز

أضف تعليقًا علويًا وآخر سفليًا إلى صورة JPG أو PNG أو WebP. اضبط الخط والألوان والحد، ثم نزّل الميم كصورة PNG ثابتة.

BMP إلى PNG

حوّل ملفات BMP إلى PNG داخل المتصفح. بلا فقد، يحافظ على عمق اللون ويضيف شفافية اختيارية من قناة alpha الأصلية في BMP.

WebP إلى PNG

حوّل صور WebP إلى PNG مع الحفاظ على الشفافية وجودة البكسلات بدقة، لتناسب التحرير والطباعة وأدوات التصميم القديمة.