عرض وفك تشفير الصورة Base64
مرشد
عرض وفك تشفير الصورة Base64
الصق سلسلة صورة مُشفّرة بـ base64 وانظر معاينة الصورة المُنشأة فورًا، مع تلقائي اكتشاف التنسيق من أحرف الملف الأولية. يتم حساب الأبعاد البكسلية للصورة والحجم المُشفّر في متصفحك – لا حاجة لرفع إلى خادم، ولا انتظار لخدمة API. الخيار data: يُزال تلقائيًا مقدار الـ URI، لذا يمكنك الاعتماد على سلسلة base64 صافية من محتوى JSON، أو خلفية CSS، أو محتوى بريد إلكتروني، أو استجابة مُولدة من مكتبة SDK، وستعمل فورًا.
كيفية استخدام
- انسخ السلسلة base64. يمكن أن تكون السلسلة الخام، أو تشمل
data:image/...;base64,مقدار الـ URI – كلاهما مقبول. - الصقها في سلسلة Base64 الحقل. يُمكن للأداة تشفير الصورة وعرضها فورًا عند توقفك عن الكتابة.
- انظر التنسيق المُكتشف، والأبعاد البكسلية، وحجم البيانات المُشفّرة، وعدد أحرف base64 الأصلي.
- انقر تحميل الصورة لحفظ الملف المُشفّر على جهازك مع التمديد الصحيح للتنسيق المُكتشف.
خصائص
- اكتشاف تنسيق الصورة – يتم اكتشاف تنسيق الصورة مثل PNG، JPEG، GIF، WebP، BMP، ICO، SVG، AVIF، وHEIC من أحرف الملف الأولية، وليس فقط من ملصق الـ URI.
- الأبعاد البكسلية – يتم قراءة العرض والارتفاع من الصورة المُعرضة، لذا ترى الحجم الحقيقي للصورة.
- حجم الملف المُشفّر – يُظهر العدد الحقيقي للبتات بعد التشفير، مع مقارنة بطول الأحرف في base64.
- يُزال مقدار الـ URI – يعمل بغض النظر عن ما إذا بدأ المدخل بـ
data:image/png;base64,، فقطiVBORw0...، أو نسخة base64 آمنة للروابط. - تنزيل كملف صورة – اضغط مرة واحدة لحفظ البيانات المُشفّرة مع التمديد الصحيح للتنسيق المُكتشف.
- مُعتمد بالجهاز فقط – لا تغادر السلسلة base64 متصفحك. آمن للاستخدام مع صور مُخصصة، أو موارد داخلية، أو ملفات تصميم حساسة.
متى تستخدم هذا الأداة؟
استخدم هذه الأداة كلما واجهت سلسلة صورة base64 واحتاجت إلى التأكد من ما إذا كانت الصورة حقيقية – مثل تدقيق استجابات API التي تحتوي على صور مصغرة، أو تحليل صور مُضمنة في CSS أو بريد إلكتروني، أو تحليل مراقبة الصور، أو التحقق من مخرجات API لإنشاء الصور، أو استرداد مورد من استيراد قاعدة بيانات. لأن التشفير يحدث في المتصفح، فإنه يُعد طريقة سريعة للتأكد من أن سلسلة base64 مُعدة بشكل صحيح قبل إرسالها إلى الإنتاج.
التعليمات
-
ما هو التشفير base64 وما السبب وراء استخدامه للصور؟
الترميز base64 هو طريقة تمثيل لبيانات ثنائية باستخدام 64 رمزًا قابل للطباعة في الأحرف. يُوجد لأنه لا يمكن لقنوات نقل مثل JSON، أو خصائص HTML، أو جسم بريد إلكتروني، أو عناوين URL، أو XML أن تنقل البيانات الثنائية بشكل آمن. التشفير للصورة إلى base64 يسمح بوضع الملف كسلسلة داخل سياق نصي، بتكاليف تزيد بنسبة حوالي ثلث.
-
كيف يعمل ملصق الـ data URI في HTML وCSS؟
يُتبع ملصق الـ data URI الشكل
data:[mediatype][;base64],<payload>. عندما يرى المتصفح هذا فيimg src، أو في خاصية CSSbackground-image، أو في خاصية أخرى، فإنه لا يُنفذ طلب شبكة – بل يُفكّر في المحتوى المضمن ويُعامل كمصدر. هذا يقلل من الطلب المُتسلسل، لكنه يجعل HTML أو CSS المحيط أكبر وغير قابل للتخزين في المُخزن. -
لماذا تكون بيانات الصورة المُشفّرة بـ base64 أكبر من الملف الأصلي؟
يُحول الترميز base64 كل 3 بيت من البيانات الثنائية إلى 4 أحرف أصلية، مما ينتج زيادة حجم تصل إلى 33%. الأحرف المُملوءة والانسجام على الأسطر تزيد من هذه التكلفة. كقاعدة عامة، تكون السلسلة base64 حوالي 1.37 مرة حجم الملف الأصلي بعد إزالة ضغط HTTP.
-
ما هي تنسيقات الصور التي يمكن تشفيرها بـ base64؟
يمكن تشفير أي تنسيق صورة – لأن الترميز base64 غير مرتبط بالتنسيق، ويُمثل فقط الأحرف المُستخدمة في الملف. يمكن للمتصفح عرض PNG، JPEG، GIF، WebP، BMP، ICO، SVG، وزيادة AVIF وHEIC من ملصق الـ data URI، بشرط أن يكون نوع الوسائط المُحدد في المقدمة أو مُكتشف من أحرف الملف الأولية.
-
متى يُضر تضمين صورة base64 على الأداء بدلًا من مساعدة؟
يكون تضمين الصورة مُريحًا لصورة صغيرة محفوظة على مسار حيوي، لكنه يتوقف عن أن يكون مفيدًا للملفات الكبيرة. لا يمكن تخزين سلسلة base64 بشكل منفصل عن الوثيقة التي تُضمن فيها، ويُوقف تدفق المحتوى المحيط، ويُجبر المتصفح على إعادة تحليل نفس البيانات في كل مرة يتم فيها تحميل الصفحة. بالنسبة لأي شيء يتجاوز عدة كيلو بايت، فإن طلب عادي مع تخزين HTTP يكون دائمًا أسرع.
<img>طلب
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
أدوات يجب تجربتها
عرض الكلشارك
ساعدنا على الاستمرار في تقديم أدوات مجانية قيمة
