كيفية الاستخدام
- اسحب صورة 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. لم يتم تحميل أي شيء.
الأدوات ذات الصلة
برنامج تشفير/فك ترميز الصور Base64: تحويل الملفات إلى عناوين URL للبيانات، وفك تشفير السلاسل مرة أخرى إلى التنزيلات، ونسخ رمز خلفية CSS — جاهز لـ WebP، ومحلي وخاص. جربه.
قم بفك تشفير صور Base64 أو Data URI في متصفحك، وقم بمعاينتها على الفور، وقم بتنزيلها كملف أصلي، PNG، أو JPG، أو WebP.
منسق JSON الآمن: تنسيق JSON والتحقق من صحته وإصلاحه محليًا. تجميل/تصغير، وتمييز الأخطاء، وإنشاء TypeScript أو Zod، والتحويل إلى XML — خاص. حاول الآن.
اختبار JSONPath ومقيم مجاني لـ API JSON. قم باستخراج العقد المطابقة في الوقت الفعلي، وافحص المسارات، وانسخ نتائج JSON بينما يظل التحليل محليًا في متصفحك.
قم بتحويل كائنات أو صفائف JSON إلى ملف CSV محليًا في متصفحك. قم بتسوية الحقول، ومعاينة النتيجة، ثم انسخ ملف CSV أو قم بتنزيله دون تحميل البيانات.
قم بتحويل نص أو ملفات CSV إلى صفائف JSON محليًا في متصفحك. يدعم الرؤوس ومحددات الفاصلة/الفاصلة المنقوطة/علامات التبويب وملفات السحب والإفلات والنسخ والتنزيل بدون تحميلات.
قارن بين مستندين JSON محليًا في متصفحك. قم بفرز مفاتيح الكائنات للفرق الدلالي، وتجاهل ضجيج ترتيب المفاتيح، ووضع علامة على الحقول المضافة والمزالة والمعدلة دون تحميلات.
قم بتصغير JSON في سطر واحد، وإزالة المسافة البادئة وفواصل الأسطر، ومقارنة الحجم الأصلي والحجم المصغر والبايتات المحفوظة والنسبة المئوية المحفوظة.
منطق الحساب
يعمل ترميز 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>.