इस पेज पर, Firebase AI Logic एसडीके का इस्तेमाल करके, Imagen की मदद से किसी इमेज का बैकग्राउंड बदलने का तरीका बताया गया है.
बैकग्राउंड बदलने की सुविधा, मास्क पर आधारित एडिटिंग की एक सुविधा है. खास तौर पर, यह इनपेंटिंग की सुविधा है. मास्क एक डिजिटल ओवरले होता है. यह उस खास हिस्से को तय करता है जिसमें आपको बदलाव करना है.
यह कैसे काम करता है: आपको ओरिजनल इमेज और उससे मिलती-जुलती मास्क की गई इमेज देनी होती है. मास्क की गई इमेज में, बैकग्राउंड पर मास्क तय किया जाता है. इसके लिए, बैकग्राउंड का अपने-आप पता लगाने वाली सुविधा का इस्तेमाल किया जाता है या बैकग्राउंड का मास्क खुद दिया जाता है. आपको यह भी बताना होगा कि आपको किस तरह का बदलाव करना है. इसके लिए, आपको एक टेक्स्ट प्रॉम्प्ट देना होगा. इसके बाद, मॉडल एक नया बैकग्राउंड जनरेट करता है और उसे लागू करता है.
उदाहरण के लिए, किसी विषय या ऑब्जेक्ट के आस-पास की सेटिंग को बदला जा सकता है. इससे फ़ोरग्राउंड (जैसे, किसी प्रॉडक्ट की इमेज) पर कोई असर नहीं पड़ता.
अपने-आप पता लगाए गए बैकग्राउंड के कोड पर जाएं बैकग्राउंड मास्क देने के कोड पर जाएं
शुरू करने से पहले
यह सुविधा सिर्फ़ तब उपलब्ध होती है, जब Vertex AI Gemini API को एपीआई उपलब्ध कराने वाली सेवा के तौर पर इस्तेमाल किया जा रहा हो. |
अगर आपने अब तक शुरुआती गाइड नहीं पढ़ी है, तो इसे पढ़ें. इसमें बताया गया है कि Firebase प्रोजेक्ट कैसे सेट अप करें, अपने ऐप्लिकेशन को Firebase से कैसे कनेक्ट करें, एसडीके कैसे जोड़ें, चुने गए एपीआई उपलब्ध कराने वाली कंपनी के लिए बैकएंड सेवा को कैसे शुरू करें, और ImagenModel
इंस्टेंस कैसे बनाएं.
इस सुविधा के साथ काम करने वाले मॉडल
Imagen, capability
मॉडल के ज़रिए इमेज में बदलाव करने की सुविधा देता है:
imagen-3.0-capability-001
ध्यान दें कि Imagen मॉडल के लिए, global
लोकेशन की जानकारी नहीं दी जा सकती.
बैकग्राउंड का अपने-आप पता लगाने की सुविधा का इस्तेमाल करके बैकग्राउंड बदलना
इस सैंपल को आज़माने से पहले, इस गाइड के शुरू करने से पहले सेक्शन में दिए गए निर्देशों का पालन करके, अपना प्रोजेक्ट और ऐप्लिकेशन सेट अप करें. |
यहां दिए गए उदाहरण में, किसी इमेज के बैकग्राउंड को बदलने का तरीका दिखाया गया है. इसके लिए, बैकग्राउंड का अपने-आप पता लगाने की सुविधा का इस्तेमाल किया गया है. आपको ओरिजनल इमेज और टेक्स्ट प्रॉम्प्ट देना होता है. इसके बाद, Imagen ओरिजनल इमेज में बदलाव करने के लिए, बैकग्राउंड का मास्क अपने-आप पहचान लेता है और उसे बना देता है.
Swift
Swift के लिए, Imagen मॉडल की मदद से इमेज में बदलाव करने की सुविधा उपलब्ध नहीं है. इस साल के आखिर में फिर से देखें!
Kotlin
बैकग्राउंड का अपने-आप पता लगाने की सुविधा का इस्तेमाल करके बैकग्राउंड बदलने के लिए, ImagenBackgroundMask
को सेट करें. editImage()
का इस्तेमाल करें और ImagenEditMode.INPAINT_INSERTION
का इस्तेमाल करने के लिए, एडिटिंग कॉन्फ़िगरेशन सेट करें.
// 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 new background.
val prompt = "space background"
// Use the editImage API to replace the background.
// Pass the original image, the prompt, and an editing configuration.
val editedImage = model.editImage(
sources = listOf(
ImagenRawImage(originalImage),
ImagenBackgroundMask(), // Use ImagenBackgroundMask() to auto-generate the mask.
),
prompt = prompt,
// Define the editing configuration for inpainting and background replacement.
config = ImagenEditingConfig(ImagenEditMode.INPAINT_INSERTION)
)
// Process the resulting 'editedImage' Bitmap, for example, by displaying it in an ImageView.
}
Java
बैकग्राउंड का अपने-आप पता लगाने की सुविधा का इस्तेमाल करके बैकग्राउंड बदलने के लिए, ImagenBackgroundMask
को सेट करें. editImage()
का इस्तेमाल करें और ImagenEditMode.INPAINT_INSERTION
का इस्तेमाल करने के लिए, एडिटिंग कॉन्फ़िगरेशन सेट करें.
// 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 new background.
String prompt = "space background";
// Define the list of sources for the editImage call.
// This includes the original image and the auto-generated mask.
ImagenRawImage rawOriginalImage = new ImagenRawImage(originalImage);
ImagenBackgroundMask rawMaskedImage = new ImagenBackgroundMask(); // Use ImagenBackgroundMask() to auto-generate the mask.
// Define the editing configuration for inpainting and insertion.
ImagenEditingConfig config = new ImagenEditingConfig.Builder()
.setEditMode(ImagenEditMode.INPAINT_INSERTION)
.build();
// Use the editImage API to replace the background.
// 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 = 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.inpaintInsertion
का इस्तेमाल करने के लिए, एडिटिंग कॉन्फ़िगरेशन सेट करें.
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.
// Provide the prompt describing the new background.
final prompt = 'space background';
try {
// Use the editImage API to replace the background.
// 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: prompt,
// Define the editing configuration for inpainting and background replacement.
config: const ImagenEditingConfig(
editMode: ImagenEditMode.inpaintInsertion,
),
);
// 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
Unity के लिए, Imagen मॉडल की मदद से इमेज में बदलाव करने की सुविधा काम नहीं करती. इस साल के आखिर में फिर से देखें!
उपलब्ध कराए गए मास्क का इस्तेमाल करके बैकग्राउंड बदलना
इस सैंपल को आज़माने से पहले, इस गाइड के शुरू करने से पहले सेक्शन में दिए गए निर्देशों का पालन करके, अपना प्रोजेक्ट और ऐप्लिकेशन सेट अप करें. |
यहां दिए गए सैंपल में, किसी इमेज के बैकग्राउंड को बदलने का तरीका बताया गया है. इसके लिए, आपकी दी गई इमेज में तय किए गए बैकग्राउंड मास्क का इस्तेमाल किया जाता है. आपको ओरिजनल इमेज, टेक्स्ट प्रॉम्प्ट, और मास्क की गई इमेज देनी होती है.
Swift
Swift के लिए, Imagen मॉडल की मदद से इमेज में बदलाव करने की सुविधा उपलब्ध नहीं है. इस साल के आखिर में फिर से देखें!
Kotlin
मास्क का इस्तेमाल करके बैकग्राउंड बदलने के लिए, मास्क की गई इमेज के साथ ImagenRawMask
तय करें. editImage()
का इस्तेमाल करें और ImagenEditMode.INPAINT_INSERTION
का इस्तेमाल करने के लिए, एडिटिंग कॉन्फ़िगरेशन सेट करें.
// 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 new background.
val prompt = "space background"
// Use the editImage API to replace the background.
// 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 background replacement.
config = ImagenEditingConfig(ImagenEditMode.INPAINT_INSERTION)
)
// Process the resulting 'editedImage' Bitmap, for example, by displaying it in an ImageView.
}
Java
मास्क का इस्तेमाल करके बैकग्राउंड बदलने के लिए, मास्क की गई इमेज के साथ ImagenRawMask
तय करें. editImage()
का इस्तेमाल करें और ImagenEditMode.INPAINT_INSERTION
का इस्तेमाल करने के लिए, एडिटिंग कॉन्फ़िगरेशन सेट करें.
// 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 new background.
String prompt = "space background";
// Define the list of source images for the editImage call.
ImagenRawImage rawOriginalImage = new ImagenRawImage(originalImage);
ImagenBackgroundMask rawMaskedImage = new ImagenRawMask(maskImage); // Use ImagenRawMask() to provide your own masked image.
// Define the editing configuration for inpainting and background replacement.
ImagenEditingConfig config = new ImagenEditingConfig.Builder()
.setEditMode(ImagenEditMode.INPAINT_INSERTION)
.build();
// Use the editImage API to replace the background.
// 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 = 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.INPAINT_INSERTION
का इस्तेमाल करने के लिए, एडिटिंग कॉन्फ़िगरेशन सेट करें.
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 new background.
final prompt = 'space background';
try {
// Use the editImage API to replace the background.
// 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 background replacement.
config: const ImagenEditingConfig(
editMode: ImagenEditMode.inpaintInsertion,
),
);
// 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
Unity के लिए, Imagen मॉडल की मदद से इमेज में बदलाव करने की सुविधा काम नहीं करती. इस साल के आखिर में फिर से देखें!
सबसे सही तरीके और सीमाएं
हमारा सुझाव है कि इमेज में बदलाव करते समय, मास्क को बड़ा करें. इससे बदलाव के बॉर्डर को स्मूद करने में मदद मिलती है. साथ ही, बदलाव को ज़्यादा भरोसेमंद बनाया जा सकता है. आम तौर पर, डाइलेशन की वैल्यू 1% या 2% रखने का सुझाव दिया जाता है (0.01
या 0.02
).
Firebase AI Logic के साथ अपने अनुभव के बारे में सुझाव/राय दें या शिकायत करें