KR101011476B1 - Coordination service system of online-based product image that provides background image - Google Patents

Abstract

The present invention can be applied to an internet shopping mall that sells products, and provides a system and method for coordinating online-based product images that provide a background image for implementing e-commerce based on a coordinating function for selectively transparentizing an image of a sold product. The present invention relates to a system for coordinating online-based product images, comprising: a database including background image information, product information, and consumer information; Billing server for performing the electronic payment corresponding to the consumer's purchase; A delivery server for processing delivery information on the purchased goods; For the purchase of the product by interworking with the billing server in response to the consumer's login function, the inquiry function for the product according to the consumer's selection, the coordination function for the selected product, and the purchase request of the consumer with reference to the database. An internet shopping mall server providing an electronic payment function and a delivery function for processing delivery information in association with the delivery server for the delivery of the electronic payment product; An original image storage unit for storing an original image; A coordinate image storage unit for storing the coordinate image; And a coordinate manager that transparently and edits the coordinate image for the product selected by the consumer.

Description

System and method for a service coordinating a product image based on on-line providing a background-image}

The present invention relates to a system and method for coordinating online-based merchandise images. More particularly, the present invention can be applied to an internet shopping mall that sells merchandise. The present invention relates to a background image based on a coordinate function for selectively transparentizing an image of a merchandise sold. The present invention relates to a technology for implementing electronic commerce that provides a coordination service in a space where a product is utilized.

Internet shopping malls operated on an online basis are registered so that consumers can search for and purchase various products.

Among the products of the Internet shopping mall, such as furniture, home appliances, kitchen utensils, clothing, shoes, and fashion goods, the image of the product itself is usually registered, or an image of a state coordinated to a model or a mannequin is registered as part of the product information in the internet shopping mall.

A service for coordinating a product in an internet shopping mall has been conventionally provided by a method of coordinating by arranging an image of a non-transparent product for coordination so as not to overlap with a bardang image or by coordinating a white area by making it transparent.

However, in this case, when the white area is transparent, the quality of the transparent image may be degraded and the clothes of the white color may be transparent.

Therefore, when a consumer purchases a product with reference to an image that is not sufficiently coordinated, there is a problem that a buyer's service satisfaction decreases, and a return rate of returning the buyer's product is not satisfied after the user actually wears the purchased product.

Alternatively, a coordinating service may be provided by photographing all mannequins and models while wearing items such as clothes, shoes, and fashion goods. However, in this case, although the quality of the coordination service is high, there may be a limitation in the number of products that can provide the coordination service due to cost problems.

As another method, a method of rendering a three-dimensional fitting model and providing the three-dimensional fitting model may be provided. However, in this case, the three-dimensional scanning of the product is not easy due to the problem of device and cost, and also requires a difficult manual work to implement the three-dimensional image of the product by mapping, and a separate program for modeling and coordination and a high-speed and high-performance computer environment This is accompanied by a difficult problem since it is required.

In addition, if the space where the product is used, for example, the product that the consumer wants to purchase is a sofa, there is a problem that the consumer's imagination is suitable for the sofa to be purchased in the living room of the consumer. This is a factor that lowers purchase satisfaction.

Therefore, there is a demand for the development of a coordinated service that can be easily applied to an internet shopping mall and the provision of a service that allows a consumer to judge in advance the suitability of a product to be purchased in a real space.

System and method for coordinating online-based product image providing a background image according to the present invention is equipped with a coordination function that can be coordinated by a simple editing the product image retrieved by the consumer on a predetermined background image and electronically using the coordination function It aims to provide a system and a method for smoothly conducting commerce.

The coordinate service system of the online-based product image providing a background image includes a database including background image information, product information, and consumer information; Billing server for performing the electronic payment corresponding to the consumer's purchase; A delivery server for processing delivery information on the purchased goods; By interworking with the billing server in response to the purchase request of the consumer by referring to the database, the consumer's login function, the inquiry function for the product according to the consumer's selection, the background image selection function, the coordination function for the selected product, An internet shopping mall server for providing an electronic payment function for purchasing the goods and a shipping function for processing delivery information in association with the delivery server for the delivery of the electronic payment product; An original image storage unit for storing an original image; A coordinate image storage unit for storing the coordinate image; And when the coordinating function is selected by the consumer and the consumer selects a predetermined background image, in response to the coordinating request of the Internet shopping mall server, providing a coordination window including a background image for coordinating a product image. The product image selected and moved to the coordination window is stored in the original image storage unit and the coordination image storage unit as the original image and the coordinated image, respectively, and the coordinating image is analyzed in the coordinating window to be red (R). And extracting pixels satisfying a condition in which each of the grayscale values of green (G) and blue (B) are equal to or greater than a predetermined grayscale value as the pixel to be transparent, and the number of the pixels to be transparent in the coordinated image is equal to or less than a first predetermined criterion. Preset rather than If any of the conditions, the number of the transparent object pixels contained in the center region than the predetermined second reference above is characterized in that it comprises a coordination manager goes through the transparency for the transparent target pixel.

The apparatus may further include a redraw tool that provides a redraw function for reconstruction in the process of editing a coordinated image. When the consumer selects a function for editing a transparent coordinated image, the coordinator manager may select the redraw tool. In response to a function selection of a consumer, the original image corresponding to the unit areas obtained by dividing the coordinated image is provided by the redraw tool, and when the consumer selects the original image, the coordinate manager displays the corresponding area image of the coordinated image. It is characterized in that to restore to the original image.

The coordinate manager may provide the number of pixels included in a range of 1/9 to 3/9 of the total number of pixels of the coordinate image as the first reference.

The coordinator manager may provide the number of pixels corresponding to 2/9 of the total number of pixels of the coordinated image as the first reference.

In addition, the coordination manager is configured to set the area corresponding to one half of the coordination window as the center area based on the center of the coordinate image, and 50% to 55% of the total number of pixels included in the center area. The number of pixels included is provided as the second reference.

The coordinator manager may provide a background image that provides the number of pixels corresponding to 53% of the total number of pixels included in the central area as the second reference.

In addition, the coordination manager provides a background image for extracting pixels satisfying a condition in which each of the grayscale values of red (R), green (G), and blue (B) is greater than or equal to 245 grayscale values as the pixel to be transparent. It is done.

In addition, the coordinator manager is characterized by providing a simultaneous coordination function of different goods by the arrangement of the coordinated images by allowing the placement of two or more coordinated images in the coordinated window.

In addition, the coordinate manager includes an editing function including at least one of partial editing using an eraser function, partial editing using an eyedropper function, partial editing using a trimming function, and batch deletion of a specific color on the coordinated image which has been made transparent. It provides a background image to provide.

The method for coordinating an online-based product image providing a background image of the present invention includes providing a function of searching and selecting a product for a logged-in consumer; Activating a coordinate window to which the background image is applied in response to the consumer selecting a coordinate and a predetermined background image for a specific product; Storing the product image as an original image and a coordinate image when the consumer moves the product image for the product to the coordinate window; Analyzing the coordinate image to extract pixels satisfying a condition that all of the grayscale values of red (R), green (G), and blue (B) are equal to or greater than a predetermined grayscale value as the pixel to be transparent; Determining whether the number of the pixels to be transparent in the coordinated image satisfies a condition that is not equal to or less than a first predetermined criterion and that the number of the pixels to be transparent included in a predetermined central area is not equal to or greater than a second predetermined reference; Transparentizing the transparent target pixel of the coordinate image when the number of the transparent target pixels satisfies the condition; Editing the transparent coordinated image using an editing function including at least one of partial editing using an eraser function, partial editing using an eyedropper function, partial editing using a trimming function, and batch deletion of a specific color; Arranging and displaying the coordinated image and another pre-stored image selected by the consumer in the coordinated window; And providing an electronic payment function according to the display state if the consumer wants to purchase a product corresponding to the coordinate image.

The method may further include restoring the edited coordinated image by the read-low function for restoring the edited coordinated image, wherein the co-ordinated image corresponds to the unit areas obtained by dividing the coordinated image by the read-low function. The original image is provided and the area selected by the consumer is restored to the corresponding area image of the original image.

In addition, the number of pixels included in the range of 1/9 to 3/9 of the total number of pixels of the coordinated image is applied as the first reference.

The method may further include providing a background image to which the number of pixels corresponding to 2/9 of the total number of pixels of the coordinated image is applied as the first reference.

In addition, an area corresponding to half of the coordinated image with respect to the center of the coordinated image is set as the central area, and includes 50% to 55% of the total number of pixels included in the central area. It is characterized by providing a background image that provides the number as the second criterion.

In addition, the number of pixels corresponding to 53% of the total number of pixels included in the center area is applied as the second reference.

In addition, the pixel to be transparent may provide a background image for extracting pixels satisfying a condition in which all of the grayscale values of red (R), green (G), and blue (B) are equal to or greater than 245 grayscale values.

Therefore, according to the present invention, a function for easily coordinating a product desired by a consumer can be mounted in an internet shopping mall, and an electronic commerce for purchasing a product desired by a consumer can be implemented using a coordinating function for providing a background image. For example, a purchase method may be provided in which a consumer may more accurately select a product that meets his or her desires. Therefore, a consumer-friendly coordination service can be provided in an internet shopping mall, and consumers can enjoy shopping and use e-commerce in a satisfactory state.

The following detailed description of the invention refers to the accompanying drawings, which illustrate, by way of illustration, specific embodiments in which the invention may be practiced. These embodiments are described in sufficient detail to enable those skilled in the art to practice the invention. It is to be understood that the various embodiments of the invention are different, but need not be mutually exclusive. For example, specific shapes, structures, and characteristics described herein may be embodied in other embodiments without departing from the spirit and scope of the invention with respect to one embodiment. In addition, it is to be understood that the location or arrangement of individual components within each disclosed embodiment may be changed without departing from the spirit and scope of the invention. The following detailed description is, therefore, not to be taken in a limiting sense, and the scope of the present invention is limited only by the appended claims, along with the full scope of equivalents to which such claims are entitled. Like reference numerals in the drawings refer to the same or similar functions throughout the several aspects.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art can easily implement the present invention.

The coordinate system of the online-based product image according to the present invention may be configured as shown in FIG. 1.

Referring to FIG. 1, a consumer may access the Internet using a consumer computer 10, and the Internet shopping mall may operate an internet shopping mall server 20 to implement electronic commerce through the Internet.

The internet shopping mall server 20 includes a database and may include a user database 22, a background image database 23, and a product database 24 as a database.

 The internet shopping mall server 20 may use the information stored in the user database 22 to log in or deliver the consumer by managing the user database 22 for the consumer. The internet shopping mall server 20 may manage information such as a user's ID, password, address, and photo in the user database 22.

In addition, the Internet shopping mall server 20 manages a background image database 23 for providing a background image, thereby providing various types of background images through a coordinate window according to a consumer's selection. In this case, the background image is an image of various spaces to which the product is applied, such as a mountain, the sea, a hotel lobby, a restaurant, a living room, a kitchen, a bedroom, and the like.

In addition, if necessary, the consumer may photograph the space where the product is applied and register it in the background image database 23 to use it.

In addition, the Internet shopping mall server 20 may manage the product database 24 for the product to provide information about the product to the consumer or use the information stored in the product database 24 for sale. In addition, the internet shopping mall server 20 may manage information such as a product name, a price, a stock, an image, a selling place, and the like in the product database 24.

The internet shopping mall server 20 is configured to perform delivery processing and electronic payment in association with a delivery server 40 for processing delivery information about a purchased product and a billing server 42 for electronic payment corresponding to a purchase of a consumer. It is composed.

The Internet shopping mall server 20 refers to the above-described database, the billing server 42 in response to the above-described login function of the consumer, inquiry function for the product according to the consumer's selection, coordination function for the selected product, and the purchase request of the consumer. By interworking with the electronic payment function for the product purchase and the electronic payment can be provided for the delivery function to process the delivery information in conjunction with the delivery server 40 for the delivery of the goods completed.

The login function is a function of controlling a normal consumer to log in by inputting an ID and password or performing a separate authentication process when a consumer accesses an Internet shopping mall server 20 connected to the Internet, and performs a login function. In order to do so, the Internet shopping mall server 20 may perform a user ID and password inquiry stored in the user database 22.

In addition, when the logged-in consumer enters a desired product name, a manufacturer, or a category name as a search word, the product search function displays a list of products corresponding to the input search word in the product database 24, and displays a detailed view on the list. It is a function to check specific information such as a manufacturer including a product image of an individual product by adding a function, and various search methods may be variously implemented according to the intention of the producer for a convenient search of a consumer.

The coordinate function for the selected product is a function provided by interworking with the coordinate manager 30 to be described below. An element for selecting a coordinate function such as a button or a check box and a background image can be selected in a window indicating the inquired product. If the customer selects an element, the coordinate function can be used. When the coordinating function is selected, the Internet shopping mall server 20 transmits coordinating request information to the coordinating manager 30, and the coordinating manager 30 activates the coordinating window in which the selected background image is set as the background and then becomes transparent. And editing.

In addition, the electronic payment function for the product purchase may be implemented by interworking between the internet shopping mall server 20 and the billing server 42. When the consumer wants to purchase the product, the internet shopping mall server 20 is displayed. When the consumer selects an element (such as a button or a check box) for making a purchase on the screen, the electronic collection information is collected by using a database, and the required information is input from the consumer. If the billing server 42 requests the approval and the billing server 42 receives the authentication for the approval request from the financial server (aka 'VAN') and delivers the electronic commerce function to perform the payment.

In addition, the delivery function may be implemented by interworking between the internet shopping mall server 20 and the delivery server 40, and the delivery server 40 is preferably determined in advance with the delivery company information to be in charge of the delivery and the communication method. When the consumer completes the payment for the desired product, the Internet shopping mall server 20 instructs the delivery server 40 to deliver information necessary for delivery to perform the delivery. The delivery status may be updated in real time to the delivery server 40, and the Internet shopping mall server 20 may perform a function of providing a request for information about the updated delivery status to the delivery server 40.

Meanwhile, the system of FIG. 1 includes a coordination manager 30, an original image storage unit 32, a coordinated image storage unit 34, and a redraw tool 36, and the coordination manager 30 is connected to the Internet. The shopping mall server 20 may provide a coordination function using an image of a product selected by a consumer.

The original image storage unit 32 stores a product image of the product selected by the consumer as the original image, and the coordinate image storage unit 34 stores the original image of the product selected by the consumer stored in the original image storage unit 32. Save the coordinated image corresponding to.

Here, the original image and the coordinated image are initially the same image, but are different from each other in the process of making the transparent and edited coordinated image by the consumer.

Meanwhile, the coordination manager 30 provides a coordination window including a background image for coordination of a product image, and provides a redraw function for editing the coordination image.

The coordinating manager 30 stores the product image selected by the consumer and moved to the coordinating window in the original image storage unit 32 and the coordinating image storage unit 34 as the original image and the coordinated image, respectively, and stores the coordinating image in the coordinating window. Analyze to extract pixels satisfying the condition that each of gray (R), green (G), and blue (B) values are equal to or greater than a predetermined gray scale value (for example, 245 gray scale or more) as a pixel to be transparent, and coordinate image If the number of the pixels to be transparent within is not equal to or less than a first predetermined criterion and the number of the pixels to be transparent included in a predetermined central area is not equal to or greater than a second predetermined criterion, a function of performing transparency for the pixels to be transparent is performed. Do this.

The read tool 36 is configured to provide a read function for reconstruction in the process of editing the coordinate image in the coordinate manager 30.

When the consumer selects a function for editing the transparent coordinated image in the coordinate manager 30, the coordinate manager 30 divides the coordinated image by the reedlow tool 36 in response to the function selection of the consumer. It provides the original image corresponding to the field, and when the consumer selects the original image, it provides a function to restore the corresponding region image of the coordinate image to the corresponding original image.

The image processing method for coordinating the online-based merchandise image according to the present invention described above may be performed by the method of FIG.

That is, storing the product image selected by the consumer as the original image and the coordinate image, and analyzing the coordinate image to condition that each of the gray scale values of red (R), green (G), and blue (B) is equal to or greater than a predetermined gray scale value. Extracting pixels satisfying the pixel to be the transparent target pixel, wherein the number of the transparent target pixels in the coordinated image is not less than a first predetermined criterion, but the number of the transparent target pixels included in a predetermined central region is equal to or greater than a second predetermined criterion The method may include determining whether the non-conforming condition is satisfied and transparentizing the pixel to be transparent in the coordinated image when the number of the pixels to be transparent meets the condition.

The operation of the embodiment according to the present invention will be described with reference to FIG.

A consumer, a customer, accesses an internet shopping mall, that is, an internet shopping mall server 20 (S10), and performs a login (S12). The Internet shopping mall server 20 refers to the database (user database 22) during the login process, and then checks the user's ID and password input and allows the consumer to log in if the user is a normal user.

The logged-in consumer searches for a product registered in the product database 24 by using a search function provided by the Internet shopping mall server 20, and searches for and selects a desired product (S14).

When the consumer selects a desired product and coordinates the product in the process of searching for the product (S16), and selects a predetermined background image (S18), the Internet shopping mall server 20 coordinates with the coordination manager 30. (S20) Here, the Internet shopping mall server 20 has a function of activating a coordination window to which a background image is applied to a web page displaying information about a product in order for a consumer to select a coordinate of the selected product. It is desirable to provide elements such as linked buttons or checkboxes.

The coordinated management 30 provides a coordinated window (not shown) to which a background image is applied, and the coordinated window can display an image of a product selected by the user in a method such as drag-and-drop or copy, and the transparency process described later. Functions such as a button to select or an eraser, eyedropper and trim for image editing can be provided.

When the consumer selects the image of the product in the state in which the coordinate window is activated (S20) (S22), the coordination manager 30 uses the original image and the coordinate image as the original image storage unit 34 and the coordinate image storage unit 34 ) And display the coordinate image (S24).

Coordinate manager 30 converts the displayed coordinate image into bitmap data.

In the coordinated image, 256 gray levels of red (R), green (G), and blue (B) are converted for each pixel from hexadecimal bitmap data, that is, "FFFFFF" to "000000", and red as decimal. Each of (R), green (G), and blue (B) has a value corresponding to 0 to 255, and white has red (R), green (G), and blue (B) each with a decimal number of 255 (hexadecimal). "FFFFFF").

The pixel to be transparent is extracted for each pixel included in the coordinate image as the bitmap data described above (S28).

The conventional transparent object pixel extraction method is performed on the areas corresponding to the white and gray areas inside the circular dashed line region as shown in FIG. 3A. However, the extraction of the transparent object pixel according to the present invention is performed on R, G, and B as shown in FIG. Find the area close to the color of.

To this end, the method of extracting a pixel to be transparent may be performed by extracting a condition in which all of the grayscale values of red (R), green (G), and blue (B) satisfy a condition of 245 gray scale values or more. Of course, the embodiment of the present invention may change the reference gray value according to the intention of the manufacturer.

As described above, when the pixel to be transparent is extracted (S28), it is determined whether the number of the pixels to be included in the product image is equal to or less than the first criterion (S30).

If the number of pixels to be transparent included in the product image is less than or equal to the first criterion, it is determined that the image is not suitable to be transparent, and image conversion is not performed.

In operation S32, it is determined whether the number of pixels to be transparent is greater than or equal to the second criterion in the central region of the product image.

If the number of pixels to be transparent in the central area is greater than or equal to the second criterion, it is determined that the image is not suitable to be transparent, and image conversion is not performed (S34).

If the number of pixels to be transparent included in the product image is less than or equal to the first criterion, the area occupied by the product in the entire image area may be determined to be an image that is not suitable for automatically performing transparency according to the present invention. If the number of pixels is greater than or equal to the second criterion, it may be determined that the center area corresponds to the image of the product itself, and thus the image is not appropriate to proceed with transparency.

Here, the number of pixels included in the range of 1/9 to 3/9 of the total number of pixels of the coordinated image on the first basis may be applied. More preferably, the number of pixels corresponding to 2/9 may be applied, and 300 pixels × 300 pixels. In the case of the product image of 20,000 pixels may be applied as a reference.

That is, in FIG. 5, when the pixels to be transparent are distributed across A1, A2, and A3, but the areas A1, A2, and A3 are narrow, it is assumed that 12947 pixels to be extracted are detected. Because it is small, it is applied to the first criterion and does not perform image conversion.

However, in the case of FIG. 6, since the area to be transparent is distributed, the pixel to be transparent can be sufficiently detected (assuming 49660), and since there are more than 20000 pixels, the image is applied to the first criterion to perform image conversion. Can be.

However, even when the total number of pixels to be transparent is not lower than the reference, the progress of the transparency may be determined by determining the number of pixels to be transparent in the center area as described above.

The central area may be set to an area corresponding to half of the coordinate image in the horizontal and vertical directions based on the center of the coordinate image. For a product image of 300 pixels × 300 pixels, 150 pixels × 150 pixels based on the center of the image This center area can be set. And, the number of pixels included in the 50% to 55% of the total number of pixels included in the center area may be applied as a second reference, preferably the number of pixels corresponding to 53% of the total number of pixels included in the center area may be applied. have.

If 150 pixels by 150 pixels are set as the center area, the maximum number of pixels in this area is 22500. Therefore, the second criterion may be set to 12000 pixels.

Assuming this, referring to FIG. 7, the center region may be set as C, and since the product itself includes many white series, more pixels to be transparent may be detected in the center region C than the second criterion. 13500). Therefore, the product image of FIG. 7 is applied to the second criterion to perform image conversion.

The transparency may be performed on the pixel to be transparent of the merchandise image that satisfies the above-described conditions of steps S32 and S34.

As described above, the product image, ie, the coordinated image, which has been transparent, is displayed at a specific position of the coordinate window (S40), and the coordination manager 30 determines whether the consumer adds another image (S42). If additional selection is made, the coordination manager 30 performs the process of extracting the transparent object pixel from step S22, and if no other image is additionally selected, the coordination manager 30 performs the processes of steps S44 to S48.

Coordinating image editing (S44) includes partial erasing using an eraser for the remaining image after the transparent target pixels become transparent, partial image editing using an eyedropper, partial image editing using trimming, and batch deletion for a specific color. The window preferably provides a function for coordinating image editing.

When the edited image is to be restored (S46), the coordination manager 30 drives the redraw tool 36 to perform step S48.

Accordingly, the original image corresponding to the unit areas obtained by dividing the coordinated image is provided by the redraw function, and the consumer selects the unit area to be restored to the original image, and the area selected by the consumer is converted into the corresponding area image of the original image. Is restored.

As described above, when the extraction of the pixel to be transparent of the coordinate image and the progress of the transparency and the editing of the coordinate image are finished, the consumer may check his / her coordination state by matching his own image that can be pre-registered with the coordinate image.

The coordinate window provided with the background image activated by the coordinate manager 30 may arrange and display two or more coordinate images.

That is, as shown in FIG. 8, the consumer may arrange the coordinating images P1 and P2 in the coinate window to which the background image B1 is applied.

The consumer who has confirmed the coordination state may acquire a desired product by performing a subsequent purchase (S52) and a payment (S54).

As described above, according to the present invention, it is possible to provide image processing for coordinating a product desired by a consumer in an internet shopping mall, and the consumer can easily coordinate to select a product that satisfies the desire of the consumer more accurately.

As a result, the Internet shopping mall may provide a consumer-friendly coordination service, and the consumer may decide to purchase a product in a satisfactory state.

In the above, the present invention has been described based on the preferred embodiments, but the technical idea of the present invention is not limited thereto, and modifications or changes can be made within the scope of the claims. It will be apparent to those skilled in the art, and such modifications and variations will belong to the appended claims.

The following drawings, which are attached in this specification, illustrate the preferred embodiments of the present invention, and together with the detailed description thereof, serve to further understand the technical spirit of the present invention. It should not be interpreted.

1 is a block diagram illustrating a preferred embodiment of a coordinated service system for an online based product image providing a background image according to the present invention.

2 is a flowchart illustrating a preferred embodiment of a method of coordinating an online-based product image providing a background image according to the present invention.

Figures 3a and 3b is a color flow diagram for explaining the selection of the gradation range according to the prior art and the present invention.

4 is a diagram for explaining a range of transparent areas.

5 to 7 are diagrams for explaining extraction of a pixel to be transparent and determination thereof.

8 is a view for explaining a method of using a coordinate image for providing a background image according to the present invention.

Claims (16)

A database including background image information, product information, and consumer information; Billing server for performing the electronic payment corresponding to the consumer's purchase; A delivery server for processing delivery information on the purchased goods; By interworking with the billing server in response to the purchase request of the consumer by referring to the database, the consumer's login function, the inquiry function for the product according to the consumer's selection, the background image selection function, the coordination function for the selected product, An internet shopping mall server for providing an electronic payment function for purchasing the goods and a shipping function for processing delivery information in association with the delivery server for the delivery of the electronic payment product; An original image storage unit for storing an original image; A coordinate image storage unit for storing the coordinate image; When the coordinating function is selected by the consumer and the consumer selects a predetermined background image, the coordination window is provided including a background image for coordinating the product image in association with the coordinating request of the Internet shopping mall server. Select and transfer the product image transferred to the coordinate window to the original image storage unit and the coordinate image storage unit as the original image and the coordinate image, respectively, and analyze the coordinate image in the coordinate window; Pixels satisfying the condition that each of the grayscale values of green (G) and blue (B) are equal to or greater than 245 grayscale values are extracted as the pixel to be transparent, and the number of the pixels to be transparent in the coordinated image is the total number of pixels of the coordinated image. 2/9 pick 53% of the total number of pixels to be included in the center area, which is not less than a number, and the number of pixels to be transparent included in the center area in which the width and length are set to the area corresponding to half of the coordinate window based on the center of the coordinate image A coordination manager for performing transparency for the pixel to be transparent if a condition that is not equal to or greater than the number of pixels is satisfied; And It includes a redraw tool (Redraw Tool) for providing a redraw function for restoring in the process of editing the coordinated image, When the consumer selects a function for editing the transparent coordinated image, the coordinator manager displays the original image corresponding to the unit areas of the divided image by the leadlow tool in response to the function selection of the consumer. And when the consumer selects the original image, the coordinator manager restores the corresponding region image of the coordinate image to the corresponding original image, Wherein the coordinating manager provides for the simultaneous coordination of different products by the arrangement of coordinating images by allowing placement of two or more coordinating images in the coordinating window, The coordinate manager provides an editing function including at least one of partial editing using an eraser function, partial editing using an eyedropper function, partial editing using a trimming function, and batch deletion of a specific color on the coordinated image which has been made transparent. Online-based product image coordination service system for providing a background image, characterized in that. delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete

Images