> ترميز | تضمين | تحسين <
// تحويل الصور إلى نصوص Base64 لتطوير الويب وتضمين البيانات
اسحب الصورة هنا أو انقر للاختيار
انقر لتصفح الملفات
معالجة محلية
ترميز صور 100% على جانب العميل. ملفاتك لن تغادر متصفحك أبداً.
السحب والإفلات
رفع سريع مع واجهة السحب والإفلات. تحويل Base64 فوري.
بدون حدود
ترميز أي حجم أو صيغة صورة. لا حاجة للتسجيل أو مفاتيح API.
// الأسئلة الشائعة
س: ما هو ترميز الصورة إلى Base64؟
ج: ترميز الصورة إلى Base64 يحول بيانات الصورة الثنائية إلى نص باستخدام ترميز Base64. أساسي لتضمين الصور مباشرة في HTML أو CSS أو الإيميلات أو APIs بدون ملفات منفصلة.
س: ما مدى أمان تحويل الصورة إلى Base64؟
ج: معالجة محلية آمنة 100%. جميع عمليات ترميز الصور تحدث في متصفحك. صفر رفع للخادم. صورك لن تغادر جهازك أبداً.
س: ما صيغ الصور المدعومة؟
ج: يدعم جميع صيغ صور الويب الشائعة: PNG، JPEG، GIF، WebP، SVG، BMP، والمزيد. يحافظ على جودة الصورة الأصلية والصيغة.
س: كيف أستخدم صور Base64 في HTML؟
ج: استخدم صيغة data URI: <img src="data:image/png;base64,YOUR_BASE64_STRING">. مثالي للصور المدمجة، الأيقونات، أو تقليل طلبات HTTP.
س: هل توجد قيود على حجم الملف؟
ج: لا توجد قيود من جانب الخادم. المعالجة تحدث محلياً في متصفحك. الملفات الكبيرة قد تستغرق وقتاً أطول للترميز ولكنها ستعمل.
// صيغ الصور الشائعة وأنواع MIME
| الصيغة | نوع MIME |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data URI في الشيفرة
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> المزيد من الأسئلة
س: لماذا تكبر الصورة بنحو 33% عند ترميزها بـ Base64؟
ج: يرمّز Base64 كل 3 بايتات في 4 أحرف، أي زيادة بنحو الثلث لا يعوّضها gzip إلا جزئياً. لذا يفيد تضمين الصور فقط مع الملفات الصغيرة جداً (بضعة كيلوبايت).
س: ما عيب Data URI مقارنة بملفات الصور العادية؟
ج: الصورة المضمَّنة لا يمكن تخزينها مؤقتاً على حدة، وتزيد حجم HTML أو CSS، وتُرسل مجدداً مع كل تحميل لذلك الملف. للصور الأكبر استخدم ملفاً منفصلاً.
س: هل أضمّن SVG بصيغة Base64؟
ج: غالباً لا: SVG نص أصلاً. وdata:image/svg+xml,… المرمَّز بـ URL غالباً أصغر من Base64 ويبقى مقروءاً. لكن Base64 يعمل في كل مكان.