KR100784692B1

KR100784692B1 - Method for processing image of graphic user interface

Info

Publication number: KR100784692B1
Application number: KR1020060081910A
Authority: KR
Inventors: 이종포
Original assignee: 주식회사 대우일렉트로닉스
Priority date: 2006-08-28
Filing date: 2006-08-28
Publication date: 2007-12-12

Abstract

A method for processing an image of a graphic user interface is provided to divide OSD(On Screen Display) images for the graphic user interface and perform image processes according to areas, thereby improving a color depth in a low capacitance memory and providing an improved graphic user interface. A method for processing an image of a graphic user interface comprises the following steps of: analyzing color depth of an image to be loaded for the graphic user interface by a minimum unit(S10); dividing the image to be loaded as plural image areas(S12); mapping a color key related to one image area among the image areas(S14); loading the color key of the one image area according to the mapped color key(S16); loading data of the image area and displaying the loaded data after loading the color key(S18); and displaying the image to be loaded in sequence(S20).

Description

Image processing in the graphical user interface {METHOD FOR PROCESSING IMAGE OF GRAPHIC USER INTERFACE}

도 1은 일반적인 그래픽 유저 인터페이스에 의한 이미지를 나타낸 도면이다. 1 is a view showing an image by a general graphical user interface.

도 2 내지 도 4는 도 1에 도시된 이미지에 대해 칼라 깊이를 감소시킨 도면이다. 2 to 4 are diagrams of reduced color depth for the image shown in FIG.

도 5는 본 발명의 실시예에 따른 그래픽 유저 인터페이스의 이미지 처리방법을 설명하기 위한 흐름도이다. 5 is a flowchart illustrating an image processing method of a graphic user interface according to an exemplary embodiment of the present invention.

도 6 내지 도 7은 본 발명의 실시예에 의한 그래픽 유저 인터페이스의 이미지 처리방법에 따라 칼라 깊이를 감소시킨 도면이다. 6 to 7 are diagrams showing reduced color depths according to an image processing method of a graphic user interface according to an exemplary embodiment of the present invention.

본 발명은 그래픽 유저 인터페이스의 이미지 처리방법에 관한 것으로서, 보다 상세하게는 그래픽 유저 인터페이스를 위한 OSD화면의 이미지를 최소영역으로 구분하여 영역별로 이미지 처리를 함으로써 저용량의 메모리에서 칼라깊이를 향상시켜 향상된 그래픽 유저 인터페이스를 제공할 수 있도록 한 이미지 처리방법에 관한 것이다. The present invention relates to an image processing method of a graphic user interface, and more particularly, to improve the color depth in a low-memory memory by dividing an image of an OSD screen for a graphic user interface into a minimum area and performing image processing for each area. An image processing method for providing a user interface is provided.

일반적으로 디스플레이 장치에는 유저 인터페이스를 위해 그래픽을 이용하는 그래픽 유저 인터페이스로 OSD(On Screen Display) 화면이 사용되고 있다. In general, an OSD (On Screen Display) screen is used as a graphic user interface using graphics for a user interface.

이러한 OSD 화면은 내부 또는 외부 메모리에 글자들의 정보, 컬러 테이블, 각종 아이콘 그리고 그래픽 정보 등이 포함되어 있어 디스플레이 장치의 비디오 데이터와 혼합되어 출력된다. The OSD screen includes information on letters, color tables, various icons, and graphic information in an internal or external memory, and is mixed with video data of a display device and output.

그런데, 이러한 OSD화면을 다양한 언어 및 고해상도의 칼라 이미지를 제공하기 위해서는 내부 또는 외부 메모리에 다양한 언어를 지원하기 위한 폰트 정보들을 비롯하여 다양한 아이콘 및 다수의 특수 기호들과 더불어 입체감이나 경계 강조 또는 반전 등의 특수한 효과를 위한 부가적인 정보들이 포함되어 있어야 하므로 엄청난 용량의 메모리가 필요하게 되며, 이는 제품 원가 상승의 요인이 된다.However, in order to provide a variety of languages and high resolution color images on the OSD screen, font information for supporting various languages in an internal or external memory, various icons and a number of special symbols, as well as stereoscopic or border enhancement or inversion, etc. Additional information for special effects must be included, which requires a huge amount of memory, which increases product cost.

도 1은 일반적인 그래픽 유저 인터페이스에 의해 표시되는 OSD화면을 나타낸 도면으로써 55색상으로 표시되었다. FIG. 1 is a diagram illustrating an OSD screen displayed by a general graphical user interface, which is displayed in 55 colors.

그런데, 칼라 키가 저장되어 있는 내부 메모리의 용량에 따라 칼라 깊이가 한정됨에 따라 내부 메모리의 용량이 클 경우 칼라 깊이를 깊게 하여 많은 색상 및 중간계조의 색상을 자유롭게 표현함에 따라 부드러운 칼라 이미지를 제공할 수 있으나 용량이 작을 경우에는 칼라 깊이가 낮아져 색상 표현이 제한되며 중간계조 등 부드러운 이미지를 표현할 수 없는 문제점이 있다. However, since the color depth is limited according to the capacity of the internal memory where the color key is stored, when the capacity of the internal memory is large, the color depth can be deepened to provide a smooth color image by freely expressing many colors and halftone colors. However, when the capacity is small, the color depth is lowered, thereby limiting the color expression and there is a problem in that it is impossible to express a soft image such as halftone.

즉, 도 2내지 도 4는 55색상으로 표현된 도 1의 도면을 다양한 이미지 처리 방법에 따라 16색상으로 칼라 깊이를 줄여 나타낸 도면이다. That is, FIGS. 2 to 4 are views showing the color of FIG. 1 represented by 55 colors by reducing the color depth to 16 colors according to various image processing methods.

여기에 도시된 바와 같이 스피커의 혼 부분에서 부드럽게 그라데이션되는 이미지를 16색상으로 표현할 경우 상당부분 손실이 발생되고 있는 상태를 볼 수 있다.As shown here, when the image that is smoothly gradated in the horn portion of the speaker is expressed in 16 colors, a large portion of loss is generated.

이와 같이 내부 메모리 용량이 작아질 경우에는 칼라 깊이가 한정되어 부드러운 이미지 등을 표현할 수 없어 향상된 그래픽 유저 인터페이스를 제공할 수 없는 문제점이 있다.As such, when the internal memory capacity decreases, the color depth is limited, and thus, a soft image cannot be represented, and thus, an improved graphic user interface cannot be provided.

본 발명은 상기와 같은 문제점을 해결하기 위해 창작된 것으로서, 본 발명의 목적은 그래픽 유저 인터페이스를 위한 OSD화면의 이미지를 최소영역으로 구분하여 영역별로 이미지 처리를 함으로써 저용량의 메모리에서 칼라깊이를 향상시켜 향상 된 그래픽 유저 인터페이스를 제공할 수 있도록 한 이미지 처리방법을 제공함에 있다. The present invention was created to solve the above problems, and an object of the present invention is to divide the image of the OSD screen for the graphical user interface into a minimum area and to process the image for each area to improve the color depth in the low-capacity memory An image processing method is provided to provide an improved graphical user interface.

상기와 같은 목적을 이루기 위한 본 발명은 그래픽 유저 인터페이스를 위해 로딩될 이미지의 칼라 깊이를 최소단위로 분석하는 제 1단계와, 분석된 정보에 따라 로딩될 이미지를 다수개의 이미지 영역으로 구분하는 제 2단계와, 구분된 다수개의 이미지 영역중 어느 하나의 이미지 영역에 대한 칼라 키를 맵핑하는 제 3단계와, 맵핑된 칼라 키에 따라 어느 하나의 이미지 영역의 칼라 키를 로딩하는 제 4단계와, 칼라 키를 로딩한 후 어느 하나의 이미지 영역의 데이터를 로딩하여 디스플레이 하는 제 5단계와, 제3단계에서 상기 제 5단계의 과정을 다수개의 이미지 영역에 대해 각각 수행하여 순차적으로 로딩될 이미지를 디스플레이 하는 제 6단계를 포함하여 이루어진 것을 특징으로 한다. The present invention for achieving the above object is a first step of analyzing the color depth of the image to be loaded in a minimum unit for the graphical user interface, and a second to divide the image to be loaded according to the analyzed information into a plurality of image areas A third step of mapping a color key for any one of the divided plurality of image areas, a fourth step of loading a color key of one image area according to the mapped color key, and a color After loading the key, the fifth step of loading and displaying data of one image area and the third step in the third step are performed for a plurality of image areas, respectively, to display images to be sequentially loaded. Characterized in that it comprises a sixth step.

본 발명에서 최소단위는 폰트 기반 단위인 것을 특징으로 한다. In the present invention, the minimum unit is characterized in that the font-based unit.

이와 같이 이루어진 본 발명은 그래픽 유저 인터페이스를 위해 이미지 전체에 대해 칼라 키를 맵핑하여 데이터를 로딩하고 디스플레이 하는 방식에서 로딩될 이미지에 대해 최소 단위로 칼라 깊이를 분석한 후 분석된 정보에 따라 영역을 구분하고, 구분된 영역에서의 칼라 깊이에 따라 칼라 키를 맴핑하여 영역별로 디스플레이 하도록 함으로써 적은 메모리 용량으로도 칼라 깊이를 깊게 표현할 수 있도록 한다. According to the present invention, the color key is mapped to the entire image for the graphical user interface, and the area is divided according to the analyzed information after analyzing the color depth in the minimum unit for the image to be loaded. In addition, by mapping the color keys according to the color depths in the divided areas and displaying them for each area, the color depth can be deeply expressed even with a small memory capacity.

이하, 본 발명의 바람직한 실시예를 첨부된 도면을 참조하여 설명하며 종래 구성과 동일한 부분은 동일한 부호 및 명칭을 사용한다. 또한 본 실시예는 본 발명의 권리범위를 한정하는 것은 아니고, 단지 예시로 제시된 것이며 당 분야에서 통상의 지식을 가진 자라면 본 발명의 기술적 사상 내에서 많은 변형이 가능할 것이다.Hereinafter, exemplary embodiments of the present invention will be described with reference to the accompanying drawings, and the same parts as in the prior art use the same reference numerals and names. In addition, the present embodiment is not intended to limit the scope of the present invention, but is presented by way of example only and those skilled in the art will be capable of many modifications within the technical spirit of the present invention.

먼저, 그래픽 유저 인터페이스를 위해 표시되는 OSD 화면에서 화면에 표시하기 위해 로딩될 이미지의 칼라 깊이를 최소단위로 분석한다(S10). First, the color depth of the image to be loaded to display on the screen in the OSD screen displayed for the graphical user interface is analyzed in a minimum unit (S10).

이때 최소단위는 폰트 기반으로써 임의의 픽셀들로 구분된 단위로 구분하여 칼라 깊이를 분석하게 된다. At this time, the minimum unit is font-based, and the color depth is analyzed by dividing the unit into arbitrary pixels.

이렇게 칼라 깊이를 분석한 정보에 따라 내부 메모리의 용량에 따라 구현될 수 있는 칼라 깊이로 최대한 표현할 수 있는 영역으로 OSD 화면의 이미지를 다수개의 이미지 영역으로 구분한다(S12). In this way, the image of the OSD screen is divided into a plurality of image areas as an area capable of expressing the maximum color depth that can be implemented according to the capacity of the internal memory according to the color depth analysis information (S12).

즉, 이미지 전체로 판단할 때 칼라 깊이가 깊을 수 있지만 작은 영역 내에서만 판단할 경우 칼라 깊이는 낮기 때문에 처리할 수 있는 칼라 깊이에 따라 영역을 구분하게 된다. That is, the color depth may be deep when judged as the whole image, but the color depth is low when judged only within a small area, thereby distinguishing areas according to color depths that can be processed.

도 1에 도시된 도면을 참조하여 설명할 때 파란색 부분은 단일색으로 표현가능하기 때문에 칼라 깊이가 낮게 되어 영역을 넓게 설정해도 적은 메모리의 용량으로도 칼라 키를 로딩하여 저장할 수 있게 된다. 그러나, 스피커의 혼 부분은 그라 데이션이 일어나고 있어 칼라 깊이가 깊어지게 되어 영역을 넓게 구분할 경우에는 적은 메모리의 용량으로 해당 영역에 대한 칼라 키를 로딩할 수 없게 되기 때문에 이와 같이 칼라 깊이가 깊은 영역은 더욱더 작은 영역으로 구분할 경우 낮은 칼라 깊이로도 표현할 수 있게 된다. Referring to the drawings illustrated in FIG. 1, since the blue part can be expressed in a single color, the color depth is low, so that the color key can be loaded and stored even with a small memory capacity even when the area is set wide. However, since the horn portion of the speaker has a gradation, the color depth becomes deeper, and when the area is divided widely, the deep color depth area cannot be loaded due to the small memory capacity. If you divide it into smaller areas, you can express it with a lower color depth.

이렇게 다수개의 이미지 영역으로 구분하게 되면 순차적으로 이미지 영역 하나에 대해 이미지 처리하여 하나씩 디스플레이 함으로써 전체 이미지를 디스플레이 하게 된다. When the image is divided into a plurality of image areas, the entire image is displayed by sequentially processing and displaying one image area one by one.

즉, 디스플레이 할 이미지를 한번에 디스플레이 하지 않고 구분된 영역별로 이미지를 처리하여 하나의 이미지 영역씩 디스플레이 하게 된다. That is, instead of displaying the image to be displayed at once, the image is processed by the divided regions and displayed by one image region.

이를 구체적으로 설명하게 되면 분석된 칼라 깊이에 따라 구분된 다수개의 이미지 영역 중 어느 하나의 이미지 영역에 대한 칼라 키를 맵핑하고(S14), 맵핑된 정보에 따라 해당 이미지 영역의 칼라 키를 로딩하게 된다(S16). 이렇게 칼라 키를 로딩한 후 해당 이미지 영역의 데이터를 로딩함으로써 해당 이미지 영역을 디스플레이 하게 된다(S18). 따라서, 이와 같은 과정을 구분된 다수개의 이미지 영역 각각에 수행함으로써 순차적으로 디스플레이할 이미지를 디스플레이 하게 된다(S20). In detail, the color key of any one of the plurality of image areas divided according to the analyzed color depth is mapped (S14), and the color key of the corresponding image area is loaded according to the mapped information. (S16). After loading the color key, the image area is displayed by loading data of the image area (S18). Therefore, by performing the above process on each of the plurality of divided image areas, the images to be displayed sequentially are displayed (S20).

이와 같은 방법으로 도 1에 도시된 55색상의 이미지를 16색상의 이미지로 색상을 감소시키더라도 도 6 및 도 7에 도시된 바와 같이 색상 손실이 최소화되어 적은 메모리 용량을 통해서도 도 2 내지 도 4에 도시된 이미지 보다 향상된 색상을 표현할 수 있게 된다. In this way, even if the color of 55 color image shown in FIG. 1 is reduced to 16 color image, the color loss is minimized as shown in FIGS. It is possible to express an improved color than the illustrated image.

상기한 바와 같이 본 발명은 그래픽 유저 인터페이스를 위한 OSD화면의 이미지를 최소영역으로 구분하여 영역별로 이미지 처리를 함으로써 저용량의 메모리에서 칼라깊이를 향상시켜 향상된 그래픽 유저 인터페이스를 제공할 수 있는 이점이 있다. As described above, the present invention has an advantage of providing an improved graphic user interface by improving color depth in a low-capacity memory by dividing an image of an OSD screen for a graphic user interface into a minimum area and performing image processing for each area.

Claims

A first step of analyzing the color depth of the image to be loaded for the graphical user interface in a minimum unit;

Dividing the image to be loaded into a plurality of image areas according to the analyzed information;

A third step of mapping a color key to any one of the divided image regions;

Loading a color key of the one image region according to the mapped color key;

A fifth step of loading and displaying data of any one image area after loading the color key;

A sixth step of sequentially displaying the images to be loaded by sequentially performing the fifth step on the plurality of image areas in the third step;

Image processing method of a graphical user interface comprising a.

The image processing method of claim 1, wherein the minimum unit is a font-based unit.