KR100682408B1 - How to represent picture files in a web document - Google Patents

Abstract

The present invention relates to a method for displaying a clear image without distortion when a picture file on a web document is enlarged or reduced through a web browser, wherein the user replaces the basic functions of the web browser in the image area of the web document. It is made by ActiveX control using image interpolation technology installed in PC, and it is possible to express images of various sizes on web documents by increasing or reducing the size without degrading the quality with only one original file. That is, in the present invention, when a web browser expresses a picture file of a web document on the Internet on a computer screen, when the size of the image to be expressed is larger than the pixel size of the original, it must be represented by using bilinear interpolation. When the size of the image to be smaller than the original size is characterized by determining the size of the image pixel to be expressed by using average pixel interpolation (Average Pixel Interpolation).

Description

A method for displaying image files on web documents}

1 is a flow chart showing a process of performing a method of expressing a picture file on a screen of a web document on the Internet according to the present invention.

2 is a schematic diagram showing the principle of an average pixel interpolation method;

3 is a comparison diagram showing an image state in which an original picture file is reduced by Photoshop, a conventional web browser, and a representation method according to the present invention.

The present invention relates to a method for expressing a picture file on a web document, and more particularly, to a method for displaying a clear image without distortion when the original picture file is enlarged or reduced through a web browser.

As the medium of the Internet expands around the world, the interest of individuals, groups, and companies is increasing. As a result, the Internet is increasingly used not only for exchanging information but also for sales and distribution. In this situation, the necessity for including images in Internet web pages is increasing, and anyone wants to display images related to themselves conveniently, clearly and in various ways.

In existing web browsers such as Netscape and Internet Explorer, picture files such as GIF, JPG, and PNG are expressed in web documents such as HTML edited using the <IMG> tag. The images shown by <IMG> tag on the web browser are displayed on the screen by reducing or enlarging the original picture file according to the width and height defined in the tag. There are following ways to reduce or enlarge the image.

First, there is the Nearest interpolation method provided by Microsoft, which is used when a general web browser processes an image area.

This method is advantageous in terms of speed and can express various original image files in a desired size, but when the magnification is increased or enlarged with respect to the original, the resolution of the image is remarkably impaired due to the lattice phenomenon in which each point is enlarged. There are disadvantages.

There is a program that provides image resizing, zooming in and zooming out using JAVA. Movement is not natural and can not express moving GIF image. In addition, since a program developed in Java has to apply a Java program applied to each image, it is necessary to perform a series of converting operations to provide a corresponding function, which may be inconvenient for the user and the user may have a complicated program. It has the disadvantage of not being easy to use.

In addition, existing methods cannot form a link to an image to which the program is applied. In other words, it is often necessary to show a detailed description of an image when the user clicks on the image in addition to simply displaying an image on a web page, but existing methods did not satisfy this part sufficiently.

The present invention is to compensate for the shortcomings of the prior art as described above, by using a single image on the Internet web page can be seen to enlarge or reduce the image to a desired size without compromising the resolution, and the program developed in Java and The goal is to provide a way to create a link to the image to which the program is applied, without the need for a series of conversions.

The object of the present invention is achieved by an ActiveX control applying an image interpolation technique mounted on a user's PC that replaces the basic functions of a web browser in an image area displayed by an <IMG> tag on a web document.

Other objects and advantages of the present invention will become more apparent from the following detailed description of the invention and the accompanying drawings.

Currently, picture files are typically represented in HTML documents by the following tags, for example:

<img border = "0" src = "sample.jpg" width = "320" height = "240">

<img src = "http://www.seensaw.com/images/imgfocusphoto01.jpg">

Here, the image file in the URL set in img src is displayed on the screen in accordance with the size of 320 and 240.

In contrast, in the present invention, the picture file in the HTML document is represented by the following tag, for example.

<OBJECT ID = "ImageFocus"

CLASSID = "CLSID: 7EBD97FE-0D38-495A-A2C0-5B51FFADB2CF" width = "320" height = "240"

CODEBASE = "http://seensaw.com/MMImageFocus.cab#version=1,0,11,17>

<PARAM name = file value = "M3Fx / GnHxy8 / oS4v4C5vkXFi4G9i19TH7mKm / CXDww ==">

</ OBJECT>

Here, OBJECT ID represents the name of the ActiveX control according to the present invention mounted on the user's PC that replaces the basic functions of the web browser.

The CLASSID represents a CLSID, which is a unique ID for identifying the ActiveX control, and is registered in the system registry of the user computer so that the ActiveX control corresponding to the CLSID can be used in a web browser. CLSID is a name that can be referred to by a script in a web page, WIDTH is the width of a picture file, and HEIGHT is the height of a picture file on a web page.

CODEBASE specifies the URL path to download automatically when the ActiveX control is not installed on the user's computer. The ActiveX control installed in this example is the unique number of CLSID: 7EBD97FE-0D38-495A-A2C0-5B51FFADB2CF. Will have When the web browser reads the HTML document, it first finds the CLSID of the ActiveX control in the system registry of the user's computer. If the ActiveX control is not registered in the registry, it is downloaded and registered in the system registry of the user's computer. The active ActiveX control is activated and the image is displayed.

The PARAM name designates the path where the picture file to be expressed is located. The path is encrypted to prevent illegal leakage of the image. The ActiveX control interprets the encrypted path and displays the picture file on the user's computer screen. Shown in

Hereinafter, a method of representing a picture file of a web document according to the present invention will be described in more detail with reference to the accompanying drawings.

1 is a flowchart illustrating a process of performing a method of expressing a picture file on a screen of a web document on the Internet according to the present invention.

A web browser installed on a user's computer that accesses a particular web page on the Internet opens the web document and interprets the html document. Here, the web document includes a picture file, which is expected to include an <OBJECT> tag as in the above example. Web browsers are also commonly used Netscape and Internet Explorer.

When the web browser decrypts the web document and encounters the <OBJECT> tag, the web browser checks the space to be represented by the image and checks whether the ActiveX control specified in the CLSID is registered in the system registry of the user's computer.

If it is confirmed that the ActiveX control is not registered, the ActiveX control is downloaded from the URL path specified in CODEBASE and registered in the system registry of the user's computer.

The registered ActiveX control is activated and operated. After decrypting the path of the encrypted picture file of the PARM name, the downloaded picture file is downloaded.

The downloaded picture file is enlarged or reduced to a specified size on a web document by the image interpolation technique of the ActiveX control according to the present invention and is displayed on the user's computer screen.

The program used in the present invention operates in the embedded form of a web browser. In other words, it is installed in a specific expression space of a web browser. ActiveX technology supports this technology. ActiveX is one of the standard development technologies announced by Microsoft, which extends the capabilities of web browsers. Because ActiveX can be written in C / C ++, it can run much faster than Java.

Now, an image interpolation technique used in the present invention will be described.

Video interpolation is not used when displaying images edited with <IMG> tag on the screen in commonly used web browser such as Netscape or Internet Explorer. Therefore, the image is distorted when the image of the original file is enlarged or reduced.

In the present invention, bilinear interpolation is used when the image is enlarged than the original pixel size, and average pixel interpolation is used when the image is reduced.

Bilinear interpolation is a method of assigning a newly generated pixel value by multiplying the four nearest pixels by weight. The weight is determined linearly, and each weight is directly proportional to the distance from each pixel present. do.

The average pixel interpolation method shows the best quality when the image is reduced, and when the size of the image is reduced to half, four points are reduced to one point, and the new pixel is determined by averaging the pixel colors.

2 is a schematic diagram showing the principle of the average pixel interpolation method, and FIG. 3 is a diagram of an original picture file having a size of 750 × 750 pixels, 1) Photoshop, a graphic editing tool, and 2) a representation method in an existing web browser. In the expression method according to the present invention, it is a comparative diagram showing image states each reduced to a size of 120 x 120 pixels. As shown in FIG. 3, the expression method in the conventional web browser is severely damaged due to the reduction, while the expression method according to the present invention does not damage the image as in the case of Photoshop. have.

As such, the present invention may be variously modified and may take various forms, and only the specific embodiments thereof are described in the detailed description of the present invention. It is to be understood, however, that the present invention is not limited to the specific forms mentioned in the detailed description of the invention, but rather includes all modifications, equivalents, and substitutions within the spirit and scope of the invention as defined by the appended claims. It should be understood to do.

In the present invention, since the image on the web document is represented by the bilinear interpolation method and the average pixel interpolation method, even when the image is reduced or enlarged, it can be displayed without degrading the resolution. That is, in order to express one image simultaneously in a large size and a small size on a web document without deterioration in image quality, two picture files should be used separately, even if the efficiency of production and management of the web document is reduced. In the case of only one source file, an image can be expressed on a web document by zooming in or out without degrading the image quality, making the production and management of the web document easier.

In addition, by providing an interface for dynamically zooming in, zooming out, and moving images by using mouse pointer click and drag, it can be applied to image output including a user interface in a static image representation.

The application of the image interpolation technique has the advantage of ensuring excellent image quality even if the magnification is increased in the reduction and enlargement of the image.

Claims (5)

When a web browser expresses a picture file of a web document on the Internet on a computer screen, when the size of the image to be expressed is larger than the pixel size of the original, the size of the image pixel to be expressed by using bilinear interpolation is determined. A computer-readable medium characterized by recording a program set to be determined. When a web browser displays a picture file of a web document on the Internet on a computer screen, the size of an image pixel to be expressed using average pixel interpolation when the size of the image to be expressed is smaller than the pixel size of the original. A computer-readable medium, characterized in that a program set to determine the number is recorded. When a web browser expresses a picture file of a web document on the Internet on a computer screen, if the size of the image to be expressed is larger than the pixel size of the original, it uses bilinear interpolation and the size of the image to be expressed is When the size is smaller than the original size, a computer-readable medium characterized by recording a program set to determine the size of an image pixel to be expressed by using average pixel interpolation. Opening and interpreting, by the user computer, a web document on the Internet including a URL for calling a program according to any one of claims 1 to 3 via a web browser; Checking, by the user computer, whether the program is installed on the user computer; Downloading and installing the program through the URL if the computer is not installed as a result of the checking; Activating and operating the program on a user computer; Downloading, by the user computer, the corresponding picture file from the path of the picture file shown in the web document; And And displaying, by the user computer, the downloaded picture file on the screen of the user computer by enlarging or reducing the downloaded picture file to a specified size on the web document through the program. How to express. The method of claim 4, wherein the downloading of the corresponding picture file from the path of the picture file displayed in the web document by the user computer comprises: Decrypting, by the user computer, the encrypted path of the picture file shown in the web document through the program; And And a step of the user computer downloading the picture file from the decrypted path.

Images