كيفية استخدام صور Base64

مفيد للمعاينات السريعة أو التضمين في الصفحات الثابتة أو عندما لا تريد استضافة أصول إضافية

<img
  src="data:image/png;base64,QUJDZA=="
  alt="Base64 Image"
  width="240"
/>

مثالي للأيقونات والعناصر النائبة والصور الزخرفية الصغيرة، ويقلل طلب أصل واحد

.banner {
  background-image: url("data:image/png;base64,QUJDZA==");
  background-size: cover;
  background-position: center;
}

مفيد للتصحيح والنماذج الأولية والنقل المؤقت. لا يُنصح بتضمين الصور الكبيرة في الإنتاج لفترة طويلة.

{
  "filename": "image.png",
  "mime": "image/png",
  "dataUrl": "data:image/png;base64,QUJDZA=="
}

يعمل في أي بيئة تشغيل تدعم Base64. تتوفر مقاطع شائعة للاستبدال والتحقق بسرعة.

import 'dart:convert';
import 'package:flutter/widgets.dart';

final bytes = base64Decode("QUJDZA==");
final image = Image.memory(bytes);