What is Masked Image?
Last updated
Last updated
Image masking is a technique used in photo editing. It helps to separate specific areas of an image for more precise editing and manipulation. It's like placing a “mask” over parts of a picture that you want to protect or hide while exposing the other areas for editing.
Example of "Original Image" and "Masked Image".
The masked image is generated in black and white colors. The white color highlights the selected objects, areas, or specific parts of the image, while the black color represents the unselected areas.
To generate a sample mask image you can visit our website https://homedesigns.ai/get-mask-image
Upload Original Image
Select an area that you want to brush using brush tool or select an object that are detected by AI in the image.
Click on the "Download Mask Image" button.
If you are utilizing an API such as Precision, Fill Spaces, Decor Staging, Furniture Removal, Color & Textures, and Paint Visualizer, you will come across a parameter named masked_image.
For creating a mask image on the frontend of your website, we recommend using the following tools and libraries:
Image Masking: Here is a demonstration of Konva JS, a tool you can use to mask the image on the canvas. https://konvajs.org/docs/sandbox/Free_Drawing.html
Color Picker: This is a simple color picker from HTML https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color The color picker supports RGB and HEX color formats (e.g., #000000), but only RGB values like 230, 110, 101 are accepted in the platform. HEX values are not supported in this platform.
Color Upload: The color upload is a basic PNG image containing a single color, similar to the provided example. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color
