كيفية الاستخدام
- اسحب صورة PNG أو JPG أو SVG أو WebP أو GIF إلى منطقة التحميل، أو انقر لاختيار الملفات.
- قم بتأكيد معاينة الصورة ونوع MIME والحجم الأصلي وحجم إخراج URI للبيانات.
- انسخ عنوان URL الكامل للبيانات، أو سلسلة Base64 الأولية، أو مقتطف CSS
background-image، أو HTML<img>. - الصق الكود في CSS، أو HTML، أو قوالب البريد الإلكتروني، أو تكوين JSON.
مثال: انقر على "تحميل نموذج SVG" لإنشاء رمز SVG محلي كمعرف URI للبيانات، ثم انسخ مقتطف CSS أو HTML.
الميزات الأساسية
- إنشاء URI للبيانات الفورية: أسقط صورة وأنشئ
data:image/...;base64,...URI مباشرةً في متصفحك. - CSS وHTML جاهزان للاستخدام: انسخ مقتطفات CSS
background-imageأو HTML<img>دون كتابة بادئة URI للبيانات يدويًا. - يدعم تنسيقات صور الويب: يعمل مع PNG، وJPG، وSVG، وWebP، وGIF، وAVIF، وتنسيقات الصور الأخرى التي يمكن لمتصفحك قراءتها.
- قائمة انتظار الصور المجمعة: قم بإسقاط العديد من الرموز أو أصول البريد الإلكتروني أو صور واجهة المستخدم وانسخ المقتطف الدقيق الذي تحتاجه لكل ملف.
- معالجة خاصة بنسبة 100%: تتم قراءة الصور محليًا باستخدام واجهة برمجة تطبيقات المتصفح FileReader. لم يتم تحميل أي شيء.
الأدوات ذات الصلة
حاسبة الحرائق2026(التضخم المعدل). محاكاة القوة الشرائية الحقيقية، وتحليل فجوات مدخرات التقاعد، وإنشاء خارطة طريق مرئية للثروة. تصدير ملف CSV بنقرة واحدة للوحة معلومات التمويل الخاصة ببرنامج Excel أو Notion. حساب خاص بنسبة 100% من جانب العميل.
احسب حجم مركز التداول من رصيد الحساب ونسبة المخاطرة والدخول ووقف الخسارة. يتم تشغيله محليًا في متصفحك دون أي تحميلات، حتى تتمكن من مقارنة سيناريوهات المخاطر قبل التداول.
حساب الفائدة المركبة من رأس المال، والمساهمات المتكررة، APY، والوقت. تصور أصل المبلغ والفائدة والرصيد النهائي باستخدام مخطط تفاعلي محلي.
استخدم حاسبة القروض / حاسبة الرهن العقاري لتقدير الدفعة الشهرية وإجمالي الفائدة وجدول السداد محليًا. أدخل المبلغ والسعر والمدة للحساب الآن باستخدام الرسوم البيانية الفورية.
استخدم حاسبة الاستثمار / حاسبة عائد الاستثمار لتقدير رأس المال المبدئي والمساهمات الشهرية والعائد السنوي والنتائج المعدلة حسب التضخم محليًا. احسب العوائد المتوقعة باستخدام مخطط الفائدة المركبة الفوري وعائد الاستثمار والجدول السنوي.
استخدم حاسبة APR إلى APY للتحويل بين APR وAPY محليًا. أدخل السعر، واختر التكرار المركب، وشاهد معدل الفائدة الفعلي، والانتشار، ومقارنة التكرار على الفور.
استخدم حاسبة هامش الربح هذه لحساب إجمالي الربح والعلامات التجارية والهامش وسعر البيع محليًا. أدخل التكلفة والسعر، أو التكلفة والهامش المستهدف، ثم قم بحساب الهوامش الخاصة بك على الفور.
استخدم حاسبة التكلفة لكل ألف ظهور وحاسبة تكلفة النقرة لتقدير الإنفاق الإعلاني ومرات الظهور والنقرات والتكلفة لكل ألف ظهور وتكلفة النقرة ونسبة النقر إلى الظهور محليًا. أدخل الميزانية والتكاليف المستهدفة لتخطيط سيناريوهات الحملة على الفور.
منطق الحساب
يعمل ترميز Base64 على تحويل بيانات الصورة الثنائية إلى سلسلة ASCII، مما يسمح بتضمين الصور مباشرة في HTML أو CSS أو JSON. يتبع URI للبيانات الشكل data:[mime-type];base64,[encoded-data]، ويمكن للمتصفحات قراءتها كمورد للصور.
مقايضة مهمة: Base64 ليس ضغطًا للصور. عادةً ما يكون الإخراج المشفر أكبر بنسبة 33% تقريبًا من الملف الأصلي، لذا فهو الأفضل للرموز الصغيرة أو الشعارات أو صور البريد الإلكتروني أو تقليل عدد صغير من طلبات HTTP. ينبغي عادةً أن تظل الصور الكبيرة والعديد من الأصول كملفات صور عادية ويتم ضغطها بشكل منفصل.
التعليمات
لماذا تحويل صورة إلى Base64؟
يكون ذلك مفيدًا عندما تريد تضمين أيقونات صغيرة أو صور البريد الإلكتروني أو صور التكوين مباشرة في التعليمات البرمجية، مما يقلل الطلبات الخارجية أو تجنب صور البريد الإلكتروني البعيدة المحظورة.
هل يعمل Base64 على تقليل حجم الصورة؟
لا، Base64 عادةً ما يزيد الحجم المشفر بحوالي 33%. فهو يساعد في التضمين وتقليل الطلب، وليس ضغط التخزين.
ما هي تنسيقات الصور المدعومة؟
PNG، JPG، JPEG، SVG، WebP، GIF، AVIF، وأي تنسيق صورة يمكن لمتصفحك قراءته.
هل تم تحميل الصور الخاصة بي؟
لا، يستخدم التحويل واجهة برمجة التطبيقات FileReader.readAsDataURL الأصلية للمتصفح، بحيث تبقى الملفات على جهازك.
هل يمكنني نسخ CSS أو HTML مباشرة؟
نعم. تحصل كل صورة على URI كامل للبيانات، وسلسلة Base64 الأولية، وCSS background-image، ومقتطف HTML <img>.