مكتبة Safe Image من الحلول المهمة للمطورين الذين يريدون جعل عرض الصور داخل التطبيقات أكثر أمانًا، خصوصًا عند التعامل مع صور يتم تحميلها من الإنترنت أو من المستخدمين.

في عصر انتشار المحتوى الرقمي، أصبحت الحاجة إلى أدوات ذكية لتحليل الصور وفلترة المحتوى غير المناسب أمرًا ضروريًا، سواء لحماية الأطفال، أو تحسين تجربة المستخدم، أو الالتزام بالقيم الثقافية والدينية داخل التطبيقات.

في هذا المقال سنتعرف على مكتبة Safe Image، وكيف تستخدم الذكاء الاصطناعي لاكتشاف الصور الحساسة أو غير المناسبة، ثم تطبيق التعتيم عليها قبل عرضها للمستخدم.

Safe Image هي مكتبة مفتوحة المصدر تعتمد على الذكاء الاصطناعي لتحليل الصور واكتشاف المحتوى غير المناسب أو الحساس.

فكرة المكتبة بسيطة لكنها قوية: قبل عرض الصورة للمستخدم، يتم تحليلها باستخدام نموذج ذكاء اصطناعي، وإذا تم اكتشاف محتوى حساس، يتم تطبيق تعتيم على الصورة بدل عرضها بشكل واضح.

المكتبة مناسبة جدًا للتطبيقات التي تعرض صورًا من الإنترنت أو تسمح للمستخدمين برفع صور داخل التطبيق.

في كثير من التطبيقات، قد يتم عرض صور لا يتحكم المطور في محتواها بشكل كامل، مثل:

وجود أداة مثل مكتبة Safe Image يساعدك على تقليل احتمالية ظهور صور غير مناسبة داخل التطبيق.

يمكن استخدام المكتبة في أنواع كثيرة من التطبيقات، خصوصًا التطبيقات التي تهتم بالأمان البصري وتجربة المستخدم.

تعتمد المكتبة على فكرة تحليل الصورة قبل عرضها داخل الواجهة.

عند تحميل صورة داخل التطبيق، تقوم مكتبة Safe Image بتحليل محتوى الصورة باستخدام نموذج ذكاء اصطناعي، ثم تقرر هل سيتم عرض الصورة بشكل طبيعي أم سيتم تطبيق تعتيم عليها.

واحدة من أهم مميزات Safe Image هي إمكانية تطبيق التعتيم على الصور الحساسة.

بدل أن يتم منع عرض الصورة بالكامل، يمكن عرضها مع تعتيم يجعل التفاصيل غير واضحة للمستخدم.

وهذا مفيد جدًا في الحالات التي تريد فيها الحفاظ على شكل الواجهة، لكن بدون عرض تفاصيل غير مناسبة.

تقدم المكتبة مجموعة من المميزات التي تجعلها مناسبة للمشاريع التي تهتم بفلترة المحتوى البصري.

قبل استخدام المكتبة، تأكد من أن مشروعك يدعم Maven Central داخل ملف Gradle الخاص بالمشروع.

repositories {
    google()
    mavenCentral()
}

بعد ذلك أضف المكتبة داخل ملف build.gradle الخاص بالتطبيق.

dependencies {
    implementation("io.github.devvura:safe-image-compose:1.0.0")
}

بعد إضافة المكتبة، قم بعمل Sync للمشروع حتى يتم تحميل الاعتماديات.

يمكنك الاطلاع على مشروع Safe Image من خلال GitHub:

https://github.com/devvura/safe-image

لو تطبيقك يستخدم Jetpack Compose، يمكنك عرض صورة آمنة باستخدام SafeImage بشكل بسيط.

SafeImage(
    model = "https://example.com/sample.jpg",
    contentDescription = "Sample Image"
)

في هذا المثال، تقوم المكتبة بتحميل الصورة وتحليلها قبل عرضها.

إذا كانت الصورة آمنة، سيتم عرضها بشكل طبيعي، وإذا كانت تحتوي على محتوى حساس، سيتم تطبيق التعتيم عليها.

يمكنك التحكم في قوة التعتيم باستخدام الخاصية blurRadius.

SafeImage(
    model = "https://example.com/sample.jpg",
    blurRadius = 30,
    contentDescription = "Sample Image"
)

كلما زادت قيمة blurRadius زادت قوة التعتيم على الصورة.

في بعض الحالات، قد تريد إظهار رسالة للمستخدم توضّح أن الصورة تم تعتيمها لأنها تحتوي على محتوى غير مناسب.

SafeImage(
    model = "https://example.com/sample.jpg",
    blurRadius = 30,
    onBlurContent = {
        Text(text = "المحتوى تم تغييبه لاحتوائه على محتوى غير مناسب")
    }
)

بهذا الشكل، عند اكتشاف صورة غير مناسبة، سيتم تطبيق التعتيم وإظهار رسالة توضيحية للمستخدم.

لو تطبيقك يستخدم واجهات XML بدل Jetpack Compose، يمكنك استخدام المكتبة مع ImageView عن طريق loadSafeImage.

imageView.loadSafeImage(
    model = "https://example.com/sample.jpg",
    blurRadius = 70
)

هذا المثال يقوم بتحميل الصورة وتحليلها وتطبيق التعتيم عند الحاجة.

الخاصية model تستخدم لتحديد مصدر الصورة، مثل رابط URL أو مصدر آخر مدعوم.

model = "https://example.com/sample.jpg"

الخاصية contentDescription مهمة لتحسين إمكانية الوصول Accessibility داخل التطبيق.

contentDescription = "Sample Image"

الخاصية blurRadius تتحكم في قوة التعتيم المطبق على الصورة عند اكتشاف محتوى حساس.

blurRadius = 30

الخاصية onBlurContent تسمح لك بعرض محتوى إضافي فوق الصورة بعد تطبيق التعتيم.

onBlurContent = {
    Text(text = "تم تعتيم هذه الصورة")
}

عند استخدام مكتبات تحميل الصور التقليدية، يتم عرض الصورة مباشرة للمستخدم بدون تحليل المحتوى.

أما مع مكتبة Safe Image، فهناك خطوة إضافية مهمة، وهي تحليل الصورة قبل عرضها.

ليست كل التطبيقات تحتاج إلى فلترة الصور، لكن مكتبة Safe Image تصبح مهمة جدًا عندما يكون التطبيق يعرض محتوى بصري من مصادر غير مضمونة.

إذا كان تطبيقك يعرض صورًا ثابتة ومتحكم فيها بالكامل، فقد لا تحتاج إلى هذه المكتبة.

أما إذا كان التطبيق يسمح بتحميل الصور أو عرض صور من الإنترنت، فوجود طبقة فلترة ذكية يعتبر إضافة مهمة جدًا.

رغم أن Safe Image تساعد على فلترة الصور داخل التطبيق، إلا أن التطبيقات الكبيرة يفضل أن تستخدم فلترة إضافية على الخادم.

السبب أن الفلترة من جهة العميل Client فقط قد لا تكون كافية في كل الحالات.

الأفضل في التطبيقات الحساسة أن يكون لديك نظام مزدوج:

تأكد من إضافة mavenCentral() داخل repositories.

repositories {
    google()
    mavenCentral()
}

تأكد من كتابة dependency بشكل صحيح داخل ملف Gradle.

implementation("io.github.devvura:safe-image-compose:1.0.0")

تأكد من أن رابط الصورة صحيح، وأن التطبيق لديه صلاحية الإنترنت داخل AndroidManifest.

<uses-permission android:name="android.permission.INTERNET" />

قم بتعديل قيمة blurRadius حسب النتيجة المطلوبة.

blurRadius = 30

لا توجد أداة ذكاء اصطناعي تضمن كشف كل المحتوى غير المناسب بنسبة 100%.

لكن استخدام مكتبة Safe Image يساعد على تقليل المخاطر بشكل كبير، خصوصًا عند استخدامها مع سياسات واضحة للمحتوى أو نظام مراجعة إضافي على الخادم.

تعتبر مكتبة Safe Image حلًا عمليًا ومفيدًا للمطورين الذين يريدون جعل عرض الصور داخل التطبيقات أكثر أمانًا.

المكتبة تعتمد على الذكاء الاصطناعي لتحليل الصور، واكتشاف المحتوى غير المناسب أو الحساس، ثم تطبيق التعتيم عليه قبل عرضه للمستخدم.

كما أنها تدعم Jetpack Compose وXML، وتوفر طريقة سهلة للتحكم في قوة التعتيم وإظهار رسالة مخصصة عند الحاجة.

في النهاية، إذا كان تطبيقك يعرض صورًا من الإنترنت أو يسمح للمستخدمين برفع صور، فإن استخدام مكتبة Safe Image يمكن أن يساعدك على توفير تجربة أكثر أمانًا واحترافية للمستخدمين.