إزالة العناصر من الصور باستخدام Imagen


توضّح هذه الصفحة كيفية استخدام ميزة إصلاح الصور باستخدام Imagen لـ إزالة عنصر من صورة باستخدام حِزم تطوير البرامج (SDK) الخاصة بـ Firebase AI Logic.

إصلاح الصور هو نوع من التعديل المستند إلى القناع. القناع هو طبقة رقمية تحدّد المنطقة المحدّدة التي تريد تعديلها.

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

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

الانتقال إلى رمز القناع المنشأ تلقائيًا الانتقال إلى رمز توفير القناع

قبل البدء

لا تتوفّر هذه الميزة إلا عند استخدام Vertex AI Gemini API كمزوّد واجهة برمجة التطبيقات (API).

إذا لم يسبق لك ذلك، يُرجى إكمال دليل البدء الذي يوضّح كيفية إعداد مشروع Firebase وربط تطبيقك بـ Firebase، وإضافة حزمة تطوير البرامج (SDK) وتهيئة خدمة الخلفية لمزوّد واجهة برمجة التطبيقات (API) الذي اخترته، و إنشاء مثيل ImagenModel.

النماذج التي تتيح هذه الإمكانية

Imagen توفّر إمكانية تعديل الصور من خلال نموذج capability:

  • imagen-3.0-capability-001

يُرجى العِلم أنّه بالنسبة إلى نماذج Imagen، global لا تتوفّر إمكانية استخدام الموقع الجغرافي .

إزالة العناصر باستخدام قناع منشأ تلقائيًا

قبل تجربة هذا المثال، يُرجى إكمال قسم قبل البدء في هذا الدليل لإعداد مشروعك وتطبيقك.

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

Swift

لا تتوفّر إمكانية تعديل الصور باستخدام نماذج Imagen في Swift. يُرجى العودة مجددًا في وقت لاحق من هذا العام.

Kotlin

لإزالة العناصر باستخدام قناع منشأ تلقائيًا، عليك تحديد ImagenBackgroundMask. استخدِم editImage() واضبط إعدادات التعديل لاستخدام ImagenEditMode.INPAINT_REMOVAL.

// Using this SDK to access Imagen models is a Preview release and requires opt-in
@OptIn(PublicPreviewAPI::class)
suspend fun customizeImage() {
    // Initialize the Vertex AI Gemini API backend service
    // Optionally specify the location to access the model (for example, `us-central1`)
    val ai = Firebase.ai(backend = GenerativeBackend.vertexAI(location = "us-central1"))

    // Create an `ImagenModel` instance with an Imagen "capability" model
    val model = ai.imagenModel("imagen-3.0-capability-001")

    // This example assumes 'originalImage' is a pre-loaded Bitmap.
    // In a real app, this might come from the user's device or a URL.
    val originalImage: Bitmap = TODO("Load your original image Bitmap here")

    // Provide the prompt describing the content to be removed.
    val prompt = "ball"

    // Use the editImage API to remove the unwanted content.
    // Pass the original image, the prompt, and an editing configuration.
    val editedImage = model.editImage(
        referenceImages = listOf(
            ImagenRawImage(originalImage.toImagenInlineImage()),
            ImagenBackgroundMask(), // Use ImagenBackgroundMask() to auto-generate the mask.
        ),
        prompt = prompt,
        // Define the editing configuration for inpainting and insertion.
        config = ImagenEditingConfig(ImagenEditMode.INPAINT_REMOVAL)
    )

    // Process the resulting 'editedImage' Bitmap, for example, by displaying it in an ImageView.
}

Java

لإزالة العناصر باستخدام قناع منشأ تلقائيًا، عليك تحديد ImagenBackgroundMask. استخدِم editImage() واضبط إعدادات التعديل لاستخدام ImagenEditMode.INPAINT_REMOVAL.

// Initialize the Vertex AI Gemini API backend service
// Optionally specify the location to access the model (for example, `us-central1`)
// Create an `ImagenModel` instance with an Imagen "capability" model
ImagenModel imagenModel = FirebaseAI.getInstance(GenerativeBackend.vertexAI("us-central1"))
        .imagenModel(
                /* modelName */ "imagen-3.0-capability-001");

ImagenModelFutures model = ImagenModelFutures.from(imagenModel);

// This example assumes 'originalImage' is a pre-loaded Bitmap.
// In a real app, this might come from the user's device or a URL.
Bitmap originalImage = null; // TODO("Load your image Bitmap here");

// Provide the prompt describing the content to be removed.
String prompt = "ball";

// Define the list of sources for the editImage call.
// This includes the original image and the auto-generated mask.
ImagenRawImage rawOriginalImage =
    new ImagenRawImage(ImagenInlineImageKt.toImagenInlineImage(originalImage));
// Use ImagenBackgroundMask() to auto-generate the mask.
ImagenBackgroundMask rawMaskedImage = new ImagenBackgroundMask();

ImagenEditingConfig config = new ImagenEditingConfig();

// Use the editImage API to remove the unwanted content.
// Pass the original image, the auto-generated masked image, the prompt, and an editing configuration.
Futures.addCallback(model.editImage(Arrays.asList(rawOriginalImage, rawMaskedImage), prompt, config),
    new FutureCallback<ImagenGenerationResponse>() {
        @Override
        public void onSuccess(ImagenGenerationResponse result) {
            if (result.getImages().isEmpty()) {
                Log.d("ImageEditor", "No images generated");
            }
            Bitmap editedImage = ((ImagenInlineImage) result.getImages().get(0)).asBitmap();
            // Process and use the bitmap to display the image in your UI
        }

        @Override
        public void onFailure(Throwable t) {
            // ...
        }
    }, Executors.newSingleThreadExecutor());

Web

لا تتوفّر إمكانية تعديل الصور باستخدام نماذج Imagen في تطبيقات الويب. يُرجى العودة مجددًا في وقت لاحق من هذا العام.

Dart

لإزالة العناصر باستخدام قناع منشأ تلقائيًا، عليك تحديد ImagenBackgroundMask. استخدِم editImage() واضبط إعدادات التعديل لاستخدام ImagenEditMode.inpaintRemoval.

import 'dart:typed_data';
import 'package:firebase_ai/firebase_ai.dart';
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

// Initialize FirebaseApp
await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

// Initialize the Vertex AI Gemini API backend service
// Optionally specify a location to access the model (for example, `us-central1`)
final ai = FirebaseAI.vertexAI(location: 'us-central1');

// Create an `ImagenModel` instance with an Imagen "capability" model
final model = ai.imagenModel(model: 'imagen-3.0-capability-001');

TODO - FLUTTER// This example assumes 'originalImage' is a pre-loaded Uint8List.
// In a real app, this might come from the user's device or a URL.
final Uint8List originalImage = Uint8List(0); // TODO: Load your original image data here.

// Provide the prompt describing the content to be removed.
final prompt = 'ball';

try {
  // Use the editImage API to remove the unwanted content.
  // Pass the original image, the prompt, and an editing configuration.
  final response = await model.editImage(
    sources: [
      ImagenRawImage(originalImage),
      ImagenBackgroundMask(),  // Use ImagenBackgroundMask() to auto-generate the mask.
    ],
    prompt,
    // Define the editing configuration for inpainting and removal.
    config: const ImagenEditingConfig(
      editMode: ImagenEditMode.inpaintRemoval,
    ),
  );

  // Process the result.
  if (response.images.isNotEmpty) {
    final editedImage = response.images.first.bytes;
    // Use the editedImage (a Uint8List) to display the image, save it, etc.
    print('Image successfully generated!');
  } else {
    // Handle the case where no images were generated.
    print('Error: No images were generated.');
  }
} catch (e) {
  // Handle any potential errors during the API call.
  print('An error occurred: $e');
}

Unity

لا تتوفّر إمكانية تعديل الصور باستخدام نماذج Imagen في Unity. يُرجى العودة مجددًا في وقت لاحق من هذا العام.

إزالة العناصر باستخدام قناع مقدَّم

قبل تجربة هذا المثال، يُرجى إكمال قسم قبل البدء في هذا الدليل لإعداد مشروعك وتطبيقك.

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

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

Swift

لا تتوفّر إمكانية تعديل الصور باستخدام نماذج Imagen في Swift. يُرجى العودة مجددًا في وقت لاحق من هذا العام.

Kotlin

لإزالة العناصر وتقديم صورتك المقنّعة، عليك تحديد ImagenRawMask مع الصورة المقنّعة. استخدِم editImage() واضبط إعدادات التعديل لاستخدام ImagenEditMode.INPAINT_REMOVAL.

// Using this SDK to access Imagen models is a Preview release and requires opt-in
@OptIn(PublicPreviewAPI::class)
suspend fun customizeImage() {
    // Initialize the Vertex AI Gemini API backend service
    // Optionally specify the location to access the model (for example, `us-central1`)
    val ai = Firebase.ai(backend = GenerativeBackend.vertexAI(location = "us-central1"))

    // Create an `ImagenModel` instance with an Imagen "capability" model
    val model = ai.imagenModel("imagen-3.0-capability-001")

    // This example assumes 'originalImage' is a pre-loaded Bitmap.
    // In a real app, this might come from the user's device or a URL.
    val originalImage: Bitmap = TODO("Load your original image Bitmap here")

    // This example assumes 'maskImage' is a pre-loaded Bitmap that contains the masked area.
    // In a real app, this might come from the user's device or a URL.
    val maskImage: Bitmap = TODO("Load your masked image Bitmap here")

    // Provide the prompt describing the content to be removed.
    val prompt = "ball"

    // Use the editImage API to remove the unwanted content.
    // Pass the original image, the masked image, the prompt, and an editing configuration.
    val editedImage = model.editImage(
        referenceImages = listOf(
            ImagenRawImage(originalImage.toImagenInlineImage()),
            ImagenRawMask(maskImage.toImagenInlineImage()), // Use ImagenRawMask() to provide your own masked image.
        ),
        prompt = prompt,
        // Define the editing configuration for inpainting and removal.
        config = ImagenEditingConfig(ImagenEditMode.INPAINT_REMOVAL)
    )

    // Process the resulting 'editedImage' Bitmap, for example, by displaying it in an ImageView.
}

Java

لإزالة العناصر وتقديم صورتك المقنّعة، عليك تحديد ImagenRawMask مع الصورة المقنّعة. استخدِم editImage() واضبط إعدادات التعديل لاستخدام ImagenEditMode.INPAINT_REMOVAL.

// Initialize the Vertex AI Gemini API backend service
// Optionally specify the location to access the model (for example, `us-central1`)
// Create an `ImagenModel` instance with an Imagen "capability" model
ImagenModel imagenModel = FirebaseAI.getInstance(GenerativeBackend.vertexAI("us-central1"))
        .imagenModel(
                /* modelName */ "imagen-3.0-capability-001");

ImagenModelFutures model = ImagenModelFutures.from(imagenModel);

// This example assumes 'originalImage' is a pre-loaded Bitmap.
// In a real app, this might come from the user's device or a URL.
Bitmap originalImage = null; // TODO("Load your original image Bitmap here");

// This example assumes 'maskImage' is a pre-loaded Bitmap that contains the masked area.
// In a real app, this might come from the user's device or a URL.
Bitmap maskImage = null; // TODO("Load your masked image Bitmap here");

// Provide the prompt describing the content to be removed.
String prompt = "ball";

// Define the list of source images for the editImage call.
ImagenRawImage rawOriginalImage =
    new ImagenRawImage(ImagenInlineImageKt.toImagenInlineImage(originalImage));
 // Use ImagenRawMask() to provide your own masked image.
ImagenBackgroundMask rawMaskedImage =
    new ImagenRawMask(ImagenInlineImageKt.toImagenInlineImage(maskImage));

ImagenEditingConfig config = new ImagenEditingConfig();

// Use the editImage API to remove the unwanted content.
// Pass the original image, the masked image, the prompt, and an editing configuration.
Futures.addCallback(model.editImage(Arrays.asList(rawOriginalImage, rawMaskedImage), prompt, config),
    new FutureCallback<ImagenGenerationResponse>() {
        @Override
        public void onSuccess(ImagenGenerationResponse result) {
            if (result.getImages().isEmpty()) {
                Log.d("ImageEditor", "No images generated");
            }
            Bitmap editedImage = ((ImagenInlineImage) result.getImages().get(0)).asBitmap();
            // Process and use the bitmap to display the image in your UI
        }

        @Override
        public void onFailure(Throwable t) {
            // ...
        }
    }, Executors.newSingleThreadExecutor());

Web

لا تتوفّر إمكانية تعديل الصور باستخدام نماذج Imagen في تطبيقات الويب. يُرجى العودة مجددًا في وقت لاحق من هذا العام.

Dart

لإزالة العناصر وتقديم صورتك المقنّعة، عليك تحديد ImagenRawMask مع الصورة المقنّعة. استخدِم editImage() واضبط إعدادات التعديل لاستخدام ImagenEditMode.inpaintRemoval.

import 'dart:typed_data';
import 'package:firebase_ai/firebase_ai.dart';
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

// Initialize FirebaseApp
await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

// Initialize the Vertex AI Gemini API backend service
// Optionally specify a location to access the model (for example, `us-central1`)
final ai = FirebaseAI.vertexAI(location: 'us-central1');

// Create an `ImagenModel` instance with an Imagen "capability" model
final model = ai.imagenModel(model: 'imagen-3.0-capability-001');

// This example assumes 'originalImage' is a pre-loaded Uint8List.
// In a real app, this might come from the user's device or a URL.
final Uint8List originalImage = Uint8List(0); // TODO: Load your original image data here.

// This example assumes 'maskImage' is a pre-loaded Uint8List that contains the masked area.
// In a real app, this might come from the user's device or a URL.
final Uint8List maskImage = Uint8List(0); // TODO: Load your masked image data here.

// Provide the prompt describing the content to be removed.
final prompt = 'ball';

try {
  // Use the editImage API to remove the unwanted content.
  // Pass the original image, the prompt, and an editing configuration.
  final response = await model.editImage(
    sources: [
      ImagenRawImage(originalImage),
      ImagenRawMask(maskImage), // Use ImagenRawMask() to provide your own masked image.
    ],
    prompt: prompt,
    // Define the editing configuration for inpainting and removal.
    config: const ImagenEditingConfig(
      editMode: ImagenEditMode.inpaintRemoval,
    ),
  );

  // Process the result.
  if (response.images.isNotEmpty) {
    final editedImage = response.images.first.bytes;
    // Use the editedImage (a Uint8List) to display the image, save it, etc.
    print('Image successfully generated!');
  } else {
    // Handle the case where no images were generated.
    print('Error: No images were generated.');
  }
} catch (e) {
  // Handle any potential errors during the API call.
  print('An error occurred: $e');
}

Unity

لا تتوفّر إمكانية تعديل الصور باستخدام نماذج Imagen في Unity. يُرجى العودة مجددًا في وقت لاحق من هذا العام.

أفضل الممارسات والمحدودية

ننصحك بتوسيع القناع عند تعديل صورة. يمكن أن يساعد ذلك في تنعيم حدود التعديل وجعله يبدو أكثر إقناعًا. ننصح بشكل عام باستخدام قيمة توسيع تبلغ% 1 أو% 2 (0.01 أو 0.02).


تقديم ملاحظات حول تجربتك مع Firebase AI Logic