KR102193567B1 - Electronic Apparatus displaying a plurality of images and image processing method thereof - Google Patents
Electronic Apparatus displaying a plurality of images and image processing method thereof Download PDFInfo
- Publication number
- KR102193567B1 KR102193567B1 KR1020160059731A KR20160059731A KR102193567B1 KR 102193567 B1 KR102193567 B1 KR 102193567B1 KR 1020160059731 A KR1020160059731 A KR 1020160059731A KR 20160059731 A KR20160059731 A KR 20160059731A KR 102193567 B1 KR102193567 B1 KR 102193567B1
- Authority
- KR
- South Korea
- Prior art keywords
- image
- images
- electronic device
- objects
- display
- Prior art date
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 5
- 238000000034 method Methods 0.000 claims description 92
- 238000012545 processing Methods 0.000 claims description 11
- 230000010354 integration Effects 0.000 claims description 5
- 238000009877 rendering Methods 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 61
- 230000008859 change Effects 0.000 description 18
- 230000015654 memory Effects 0.000 description 16
- 230000006870 function Effects 0.000 description 12
- 238000004458 analytical method Methods 0.000 description 11
- 238000001514 detection method Methods 0.000 description 7
- 238000007796 conventional method Methods 0.000 description 6
- 238000004364 calculation method Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000007246 mechanism Effects 0.000 description 3
- 230000006855 networking Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 241001465754 Metazoa Species 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000014509 gene expression Effects 0.000 description 2
- 238000010191 image analysis Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000013598 vector Substances 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 238000003909 pattern recognition Methods 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 230000000644 propagated effect Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
- 238000000844 transformation Methods 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
- G06T3/4007—Scaling of whole images or parts thereof, e.g. expanding or contracting based on interpolation, e.g. bilinear interpolation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N7/00—Television systems
- H04N7/14—Systems for two-way working
- H04N7/141—Systems for two-way working between two video terminals, e.g. videophone
- H04N7/147—Communication arrangements, e.g. identifying the communication as a video-communication, intermediate storage of the signals
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N7/00—Television systems
- H04N7/14—Systems for two-way working
- H04N7/15—Conference systems
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/20—Special algorithmic details
- G06T2207/20092—Interactive image processing based on input by user
- G06T2207/20104—Interactive definition of region of interest [ROI]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Editing Of Facsimile Originals (AREA)
Abstract
본 개시는 복수의 이미지를 하나의 화면에 디스플레이하는 디스플레이 및 상기 각 복수의 이미지 내에 포함된 오브젝트(object)의 수를 검출하고, 상기 검출된 오브젝트의 수를 바탕으로 상기 각 복수의 이미지에 대한 스케일링 인자(scaling factor)를 결정하며, 상기 결정된 각 복수의 이미지에 대한 스케일링 인자를 바탕으로 상기 각 복수의 이미지 중 적어도 하나의 이미지의 크기를 변경(resizing)하고, 상기 크기가 변경된 이미지를 바탕으로 상기 복수의 이미지의 레이아웃 및 디스플레이 순서 중 적어도 하나를 변경(reordering)하여 디스플레이하도록 상기 디스플레이를 제어하는 프로세서를 포함하는 전자 장치 및 이의 이미지 처리방법에 관한 것이다.The present disclosure provides a display for displaying a plurality of images on one screen, and detecting the number of objects included in each of the plurality of images, and scaling each of the plurality of images based on the number of detected objects. A scaling factor is determined, and the size of at least one of the plurality of images is resized based on the determined scaling factors for each of the plurality of images, and the size is changed based on the The present invention relates to an electronic device including a processor that controls the display to display at least one of a layout and a display order of a plurality of images, and an image processing method thereof.
Description
본 개시의 실시 예들은 전자 장치의 이미지 처리와 관련된 것이다. 더욱 구체적으로, 본 개시는 복수의 이미지들의 각 이미지에 포함된 오브젝트의 수에 따라 각각의 이미지의 크기가 변경되어 디스플레이되는 전자 장치 및 이의 이미지 처리 방법에 관한 것이다. Embodiments of the present disclosure are related to image processing of an electronic device. More specifically, the present disclosure relates to an electronic device in which the size of each image is changed and displayed according to the number of objects included in each image of a plurality of images, and an image processing method thereof.
스마트 폰 및 태블릿 컴퓨터 등과 같은 많은 전자 장치들은 이미지를 촬영할 수 있는 카메라를 가진다. 전자 장치를 이용하여 촬영된(captured) 이미지들을 보는 경우, 전자 장치는 촬영된 스마트 폰 및 태블릿 컴퓨터 등과 같은 많은 전자 장치들은 이미지를 촬영할 수 있는 카메라를 가진다. 전자 장치를 이용하여 촬영된(captured) 이미지들을 보는 경우, 전자 장치는 촬영된 이미지들을 모두 같은 사이즈로 디스플레이한다. 모든 촬영된 이미지들이 같은 사이즈로 디스플레이되는 경우, 사용자는 많은 정보(예를 들어, 이미지 안에 많은 사람들)가 있는 이미지들을 명확하게 볼 수 없다. 사진 앨범에서 썸네일이 보여지는 경우, 썸네일 이미지들은 각각의 썸네일 이미지 내의 정보(예: 이미 지 안의 사람 수)가 충분히(fully) 사용자에게 인식될 수 있도록 크기가 변경(resize)되지 않는다. 즉, 각 이미지 내에 나타난 정보 또는 콘텐츠를 바탕으로 이미지들의 크기를 변경하고, 이미지들을 재배열하여 디스플레이할 수 있는 메커니즘이 필요하다.Many electronic devices such as smart phones and tablet computers have cameras that can take images. When viewing captured images using an electronic device, the electronic device has a camera capable of capturing images in many electronic devices such as a smart phone and a tablet computer. When viewing captured images using an electronic device, the electronic device displays all the captured images in the same size. When all the captured images are displayed in the same size, the user cannot clearly see images with a lot of information (eg, many people in the image). When thumbnails are shown in a photo album, the thumbnail images are not resized so that the information in each thumbnail image (eg, the number of people in the image) is fully recognized by the user. That is, there is a need for a mechanism that can change the size of images and rearrange and display the images based on information or content displayed in each image.
본 개시의 실시 예들의 목적은 전자 장치에서 복수의 이미지들의 디스플레이를 관리하기 위한 메커니즘을 제공하기 위한 것이다.An object of the embodiments of the present disclosure is to provide a mechanism for managing the display of a plurality of images in an electronic device.
본 개시의 실시 예들의 다른 목적은 이미지 내에 오브젝트들의 수를 검출하는 메커니즘을 제공하기 위한 것이다.Another object of the embodiments of the present disclosure is to provide a mechanism for detecting the number of objects in an image.
본 개시의 실시 예들의 다른 목적은 각 이미지 내에 오브젝트들의 수를 바탕으로 각 이미지에 대한 본 발명은 상술한 필요성에 따른 것으로, 본 발명의 목적은 전자 장치에서 복수의 이미지가 디스플레이됨에 있어, 각 이미지에 포함된 오브젝트의 수를 바탕으로 이미지의 크기를 변경하여 디스플레이함으로써, 사용자에게 각 이미지에 포함된 정보를 더욱 명확하게 제공할 수 있는 전자 장치 및 그 방법을 제공함에 있다. Another object of the embodiments of the present disclosure is that the present invention for each image based on the number of objects in each image is in accordance with the above-described necessity, and an object of the present invention is to display a plurality of images in an electronic device. It is to provide an electronic device and method capable of providing information included in each image more clearly to a user by changing the size of an image and displaying it based on the number of objects included in the image.
상술한 목적을 달성하기 위한 본 발명의 일 실시 예에 따른 이미지 처리를 수행하는 전자 장치는, 복수의 이미지를 하나의 화면에 디스플레이하는 디스플레이 및 상기 각 복수의 이미지 내에 포함된 오브젝트(object)의 수를 검출하고, 상기 검출된 오브젝트의 수를 바탕으로 상기 각 복수의 이미지에 대한 스케일링 인자(scaling factor)를 결정하며, 상기 결정된 각 복수의 이미지에 대한 스케일링 인자를 바탕으로 상기 각 복수의 이미지 중 적어도 하나의 이미지의 크기를 변경(resizing)하고, 상기 크기가 변경된 이미지를 바탕으로 상기 복수의 이미지의 레이아웃(re-layout) 및 디스플레이 순서(reordering) 중 적어도 하나를 변경하여 디스플레이하도록 상기 디스플레이를 제어하는 프로세서를 포함한다.An electronic device that performs image processing according to an embodiment of the present invention to achieve the above object includes a display for displaying a plurality of images on one screen and the number of objects included in each of the plurality of images. Is detected, a scaling factor for each of the plurality of images is determined based on the number of detected objects, and at least one of the plurality of images is determined based on the determined scaling factor for each of the plurality of images. Resizing the size of one image and controlling the display to display at least one of a re-layout and a display order of the plurality of images based on the changed image Includes a processor.
한편, 본 발명의 일 실시 예에 따른 전자 장치에서 이미지 처리 방법은, 상기 전자 장치에서 복수의 이미지를 인식하는 단계, 상기 각 복수의 이미지 내에 포함된 오브젝트(object)의 수를 검출하는 단계, 상기 검출된 오브젝트의 수를 바탕으로 상기 각 복수의 이미지에 대한 스케일링 인자(scaling factor)를 결정하는 단계, 상기 결정된 각 복수의 이미지에 대한 스케일링 인자를 바탕으로 상기 각 복수의 이미지 중 적어도 하나의 이미지의 크기를 변경(resizing)하는 단계 및 상기 크기가 변경된 이미지를 바탕으로 상기 복수의 이미지의 레이아웃(re-layout) 및 디스플레이 순서(reordering) 중 적어도 하나를 변경하여 상기 복수의 이미지를 전자 장치의 하나의 화면에 디스플레이하는 단계를 포함한다.Meanwhile, the image processing method in an electronic device according to an embodiment of the present invention includes the steps of recognizing a plurality of images in the electronic device, detecting the number of objects included in each of the plurality of images, and Determining a scaling factor for each of the plurality of images based on the number of detected objects, at least one of the plurality of images based on the determined scaling factor for each of the plurality of images Resizing and changing at least one of the re-layout and display order of the plurality of images based on the resized image to convert the plurality of images into one of the electronic devices. And displaying on the screen.
본 개시는, 상술한 다양한 실시 예들에 따라, 전자 장치에서 복수의 이미지를 한 화면에 디스플레이될 때, 이미지에 포함된 오브젝트의 수가 많을수록 이미지를 더 크게 디스플레이하도록 이미지의 크기를 변경하여 디스플레이함으로써 사용자에게 이미지에 포함된 오브젝트 및 콘텐츠 정보를 명확하게 제공할 수 있다.According to the various embodiments described above, when a plurality of images are displayed on one screen in an electronic device, the present disclosure is provided to a user by changing the size of the image so that the image is displayed larger as the number of objects included in the image increases. Object and content information included in the image can be clearly provided.
도 1a 및 도 1b는, 본 개시의 실시 예들에 따라, 전자 장치(시스템)에서 복수의 이미지를 디스플레이하는 경우, 선행 기술 및 본원 발명의 비교를 설명하기 위한 도면들,
도 2는, 본 개시의 실시 예들에 따라, 복수의 이미지의 디스플레이를 관리하기 위한 전자 장치의 간단한 블록도,
도 3은, 본 개시의 실시 예들에 따라, 프로세서의 상세한 블록도,
도 4는, 본 개시의 실시 예들에 따라, 전자 장치에서 복수의 이미지들의 디스플레이를 위한 방법을 도시한 흐름도,
도 5는, 본 개시의 실시 예들에 따라, 하나 이상의 이미지들의 크기를 변경하는(resizing) 방법을 설명하기 위한 흐름도,
도 6a 내지 도 8h는, 본 개시의 다양한 실시 예들에 따라, 전자 장치에서 복수의 이미지를 디스플레이하는 선행 기술과 본원 발명의 비교를 설명하기 위해 도시한 도면들,
도 8i 및 도 8j는, 본 개시의 실시 예들에 따른, 다자간 화상 회의에서 한 명이 떠나는 경우, 복수의 이미지를 디스플레이하는 시나리오를 도시한 도면들,
도 9는, 본 개시의 실시 예들에 따른, 복수의 타일(tiles)을 도시한 도면,
도 10a 및 도 10b는, 본 개시의 실시 예들에 따른, 음악 애플리케이션에서 앨범 커버(album covers)의 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면들,
도 11은, 본 개시의 실시 예들에 따른, 하나 이상의 이미지를 선택하기 위한 방법을 설명하기 위한 순서도,
도 12a 및 도 12b는, 본 개시의 실시 예들에 따른, SNS(Social Networking Site)에서 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면들,
도 13은, 본 개시의 실시 예들에 따른, 하나 이상의 이미지들을 자르는 방법(cropping)을 도시한 흐름도,
도 14a 및 도 14b는, 본 개시의 실시 예들에 따른, 복수의 이미지들을 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면들,
도 15는, 본 개시의 실시 예들에 따른, 전자 장치에서 하나의 이미지의 디스플레이를 관리하기 위한 방법을 도시한 흐름도,
도 16a 및 도 16b는, 본 개시의 실시 예들에 따른, 이미지 상에 사용자 조작 메뉴가 디스플레이되는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면들,
도 17a 및 도 17d는, 본 개시의 실시 예들에 따른, 이미지의 자막(caption)이 디스플레이되는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면들,
도 18a 및 도 18b는, 본 개시의 실시 예들에 따른, 이미지 상에 자막을 가지는 웨어러블 장치(wearable device)에서 브라우징(browsing)하는 것을 설명하기 위한 도면들,
도 19는, 본 개시의 실시 예들에 따른, 전자 장치에서 복수의 이미지들의 디스플레이하기 위한 방법을 구현한 컴퓨팅 환경을 도시한 도면,
그리고
도 20은, 본 개시의 실시 예들에 따른, 복수의 이미지들에 포함된 객체의 수에 따라 이미지의 크기를 변경하여 디스플레이하는 방법을 설명하기 위한 순서도이다.1A and 1B are diagrams for explaining a comparison between the prior art and the present invention when displaying a plurality of images in an electronic device (system) according to embodiments of the present disclosure;
2 is a simple block diagram of an electronic device for managing the display of a plurality of images according to embodiments of the present disclosure;
3 is a detailed block diagram of a processor, according to embodiments of the present disclosure;
4 is a flow chart illustrating a method for displaying a plurality of images in an electronic device according to embodiments of the present disclosure;
5 is a flowchart illustrating a method of resizing one or more images according to embodiments of the present disclosure;
6A to 8H are diagrams illustrating a comparison between a prior art for displaying a plurality of images in an electronic device and the present invention according to various embodiments of the present disclosure;
8I and 8J are diagrams illustrating a scenario of displaying a plurality of images when one person leaves a multi-party video conference according to embodiments of the present disclosure;
9 is a diagram illustrating a plurality of tiles, according to embodiments of the present disclosure;
10A and 10B are diagrams showing a comparison between the prior art and the present invention when displaying a plurality of images of an album cover in a music application, according to embodiments of the present disclosure;
11 is a flow chart illustrating a method for selecting one or more images according to embodiments of the present disclosure;
12A and 12B are diagrams showing a comparison between the prior art and the present invention when a plurality of images are displayed on an SNS (Social Networking Site) according to embodiments of the present disclosure;
13 is a flow diagram illustrating a method of cropping one or more images, according to embodiments of the present disclosure;
14A and 14B are diagrams showing a comparison between the prior art and the present invention when displaying a plurality of images according to embodiments of the present disclosure;
15 is a flowchart illustrating a method for managing display of an image in an electronic device according to embodiments of the present disclosure;
16A and 16B are diagrams showing a comparison between the prior art and the present invention when a user operation menu is displayed on an image according to embodiments of the present disclosure;
17A and 17D are diagrams showing a comparison between the prior art and the present invention when a caption of an image is displayed, according to embodiments of the present disclosure;
18A and 18B are diagrams for describing browsing in a wearable device having a caption on an image according to embodiments of the present disclosure;
19 is a diagram illustrating a computing environment implementing a method for displaying a plurality of images in an electronic device according to embodiments of the present disclosure;
And
20 is a flowchart illustrating a method of changing and displaying an image size according to the number of objects included in a plurality of images, according to example embodiments.
본 명세서에서 사용되는 용어에 대해 간략히 설명하고, 본 개시에 대해 구체적으로 설명하기로 한다. The terms used in the present specification will be briefly described, and the present disclosure will be described in detail.
본 개시에서 사용되는 용어는 본 개시에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 발명의 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 개시에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 개시의 전반에 걸친 내용을 토대로 정의되어야 한다. Terms used in the present disclosure have selected general terms currently widely used as possible while taking functions in the present disclosure into consideration, but this may vary according to the intention or precedent of a technician engaged in the art, the emergence of new technologies, and the like. In addition, in certain cases, there are terms arbitrarily selected by the applicant, and in this case, the meaning of the terms will be described in detail in the description of the corresponding invention. Therefore, the terms used in the present disclosure should be defined based on the meaning of the term and the content throughout the present disclosure, not the name of a simple term.
본 개시의 실시 예들은 다양한 변환을 가할 수 있고 여러 가지 실시 예를 가질 수 있는바, 특정 실시 예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나 이는 특정한 실시 형태에 대해 범위를 한정하려는 것이 아니며, 개시된 사상 및 기술 범위에 포함되는 모든 변환, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 실시 예들을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 요지를 흐릴 수 있다고 결정되는 경우 그 상세한 설명을 생략한다.Since the embodiments of the present disclosure may apply various transformations and may have various embodiments, specific embodiments will be illustrated in the drawings and described in detail in the detailed description. However, this is not intended to limit the scope of the specific embodiment, it is to be understood to include all conversions, equivalents, or substitutes included in the disclosed spirit and technical scope. In describing the embodiments, when it is determined that a detailed description of a related known technology may obscure the subject matter, a detailed description thereof will be omitted.
제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 구성요소들은 용어들에 의해 한정되어서는 안 된다. 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다.Terms such as first and second may be used to describe various components, but the components should not be limited by terms. The terms are only used for the purpose of distinguishing one component from another component.
단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "구성되다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.Singular expressions include plural expressions unless the context clearly indicates otherwise. In the present application, terms such as "comprise" or "comprise" are intended to designate the existence of features, numbers, steps, actions, components, parts, or a combination thereof described in the specification, but one or more other It is to be understood that the presence or addition of features, numbers, steps, actions, components, parts, or combinations thereof, does not preclude in advance the possibility of being excluded.
본 개시에서 "모듈" 혹은 "부"는 적어도 하나의 기능이나 동작을 수행하며, 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다. 또한, 복수의 "모듈" 혹은 복수의 "부"는 특정한 하드웨어로 구현될 필요가 있는 "모듈" 혹은 "부"를 제외하고는 적어도 하나의 모듈로 일체화되어 적어도 하나의 프로세서(미도시)로 구현될 수 있다.In the present disclosure, a "module" or "unit" performs at least one function or operation, and may be implemented as hardware or software, or a combination of hardware and software. In addition, a plurality of "modules" or a plurality of "units" are integrated into at least one module except for the "module" or "unit" that needs to be implemented with specific hardware and implemented as at least one processor (not shown). Can be.
본 개시에서 이용되는 “시스템”이라는 용어는 본 개시의 실시 예에 따른 복수의 "전자 장치" 또는 하나의 “전자 장치”로 구성된 것을 지칭할 수 있다.The term “system” used in the present disclosure may refer to a plurality of “electronic devices” or one “electronic device” according to an embodiment of the present disclosure.
본 개시에서 이용되는 “제어 요소(control elements)”는 본 개시의 실시 예에 따른 ““사용자 조작 메뉴””에 포함될 수 있다.The "control elements" used in the present disclosure may be included in the ""user manipulation menu"" according to an embodiment of the present disclosure.
본 개시에서 이용되는 “제어부(Control unit or Controller)”는 본 개시의 실시 예에 따른 “프로세서”를 지칭할 수 있다.The "control unit or controller" used in the present disclosure may refer to a "processor" according to an embodiment of the present disclosure.
본 개시에서 이용되는 “컴퓨팅 환경(computing environment)”은 본 개시의 실시 예에 따른 “전자 장치”를 지칭할 수 있다.The "computing environment" used in the present disclosure may refer to an "electronic device" according to an embodiment of the present disclosure.
본 개시에서 이용되는 “상대적인 스케일링 인자(relative scaling factor)”는 ““상대적인 스케일링(relative scaling)” 또는 “스케일링 인자(scaling factor)”를 지칭할 수 있다.The “relative scaling factor” used in the present disclosure may refer to “relative scaling” or “scaling factor”.
본 개시에서 이용되는 “세트(set)”는 복수의 이미지들로 이루어진 이미지 그룹을 지칭할 수 있다. 예를 들어, 복수의 이미지들로 이루어진 갤러리 애플리케이션 등일 수 있다.“Set” used in the present disclosure may refer to an image group consisting of a plurality of images. For example, it may be a gallery application composed of a plurality of images.
본 개시의 실시 예들은 전자 장치에서 복수의 이미지의 디스플레이를 관리하기 위한 방법을 위한 것이다. 상기 방법은 각 이미지에서 오브젝트의 수를 검출하는 단계 및 각 이미지에서 오브젝트의 수를 바탕으로 각 이미지에 대한 상대적인 스케일링 인자를 결정하는 단계를 포함한다. 상기 상대적인 스케일링 인자는 복수의 이미지 중에서 각 이미지의 안에 있는 오브젝트 수를 비교하여 결정할 수 있다. 또한, 상기 방법은 각 이미지에 대한 상대적인 스케일링 인자를 바탕으로 적어도 하나의 이미지 상에서 하나 이상의 동작을 수행하는 단계를 포함한다.Embodiments of the present disclosure are for a method for managing the display of a plurality of images in an electronic device. The method includes detecting the number of objects in each image and determining a relative scaling factor for each image based on the number of objects in each image. The relative scaling factor may be determined by comparing the number of objects in each image among a plurality of images. In addition, the method includes performing one or more operations on at least one image based on a relative scaling factor for each image.
본 개시의 일 실시 예에 따라, 하나 이상의 동작을 수행하는 단계는 각 이미지에 대한 상기 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지의 크기를 변경하는 단계 및 전자 장치의 한 화면에 상기 크기가 변경된 이미지들을 디스플레이하는 단계를 포함할 수 있다.According to an embodiment of the present disclosure, the performing of one or more operations includes changing the size of one or more images based on the relative scaling factor for each image, and resizing images on one screen of the electronic device. It may include the step of displaying.
본 개시의 일 실시 예에 따라, 하나 이상의 동작을 수행하는 단계는 각 이미지에 대한 상기 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들을 선택하는 단계 및 전자 장치의 한 화면에 상기 선택된 이미지들을 디스플레이하는 단계를 포함할 수 있다.According to an embodiment of the present disclosure, the performing of one or more operations includes selecting one or more images based on the relative scaling factor for each image and displaying the selected images on one screen of the electronic device. Can include.
본 개시의 일 실시 예에 따라, 하나 이상의 동작을 수행하는 단계는 각 이미지에 대한 상기 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들을 자르는(cropping) 단계 및 전자 장치의 한 화면에 상기 선택된 이미지들을 디스플레이하는 단계를 포함할 수 있다. 종래의 시스템들 및 방법들과 달리, 이미지들은 각 이미지 내의 오브젝트 및 각 이미지에서 이미지들의 상대적인 위치를 바탕으로 역동적으로 선택되고, 크기가 변경되고, 순서가 변경되고, 또는 재구조화 될 수 있다. 상술한 오브젝트(데이터 포인트를 참조할 수도 있는)들은 이미지 내에 있는 사람의 얼굴, 빌딩, 동물, 물체, 색상 등일 수 있다. 각 이미지에 대한 상대적인 스케일링 인자는 각 이미지의 크기를 변경하기 위한 복수의 이미지들 사이에서 각 이미지 내에 있는 오브젝트들의 수를 비교하여 결정될 수 있다. 복수의 이미지로 구성된 그룹에서 오브젝트의 수 및 각 이미지들의 상대적인 위치가 결정되면, 시스템(전자 장치)은 오브젝트의 수에 따라 미리보기 화면에서 각 이미지들의 상대적인 크기를 결정한다. 예를 들어, 더 많은 오브젝트를 가지는 이미지는 더 적은 수의 오브젝트를 가지는 이미지보다 크기가 더 크게 변경될 수 있다.According to an embodiment of the present disclosure, performing one or more operations includes cropping one or more images based on the relative scaling factor for each image, and displaying the selected images on one screen of the electronic device. It may include steps. Unlike conventional systems and methods, images can be dynamically selected, resized, reordered, or restructured based on the object within each image and the relative position of the images in each image. The above-described objects (which may refer to data points) may be human faces, buildings, animals, objects, colors, etc. in the image. The relative scaling factor for each image may be determined by comparing the number of objects in each image among a plurality of images for changing the size of each image. When the number of objects and the relative positions of the images in the group consisting of a plurality of images are determined, the system (electronic device) determines the relative size of each image on the preview screen according to the number of objects. For example, an image having more objects may be changed in size to be larger than an image having fewer objects.
본 개시의 일 실시 예에 따라, 크기가 변경된 이미지들은 각 이미지의 크기에 따른 타일 모양의 형태로 디스플레이된다. 본 개시에서는 다양한 단계가 포함된 타일 모양의 이미지들을 디스플레이하는 방법에 대해 설명한다. 이미지들의 세트(set)에 포함된 각 이미지의 콘텐츠 또는 정보의 존재가 결정된다. 각 이미지 내의 오브젝트의 수(예, 사람 얼굴)가 검출된다. 또한, 각 이미지에서 오브젝트를 바탕으로 두드러진 영역(salient regions), 대비(contrast) 및 그라데이션(gradient)가 검출된다. 중요한 메트릭은 인간의 지각(perception)을 돕기 위한 비율에 따른 크기(proportional sizes)를 결정하기 위해 평가된다. 이미지들은 주어진 레이아웃에 맞도록 크기를 변경하기 위해 잘릴 수 있고(cropped), 또는 서브 샘플될 수 있다. 또한, 스케일된 이미지들은 타일 형태(in a tiled form)에 디스플레이될 수 있다.According to an embodiment of the present disclosure, images whose size is changed are displayed in a tile shape according to the size of each image. In the present disclosure, a method of displaying tile-shaped images including various steps will be described. The presence of content or information of each image included in the set of images is determined. The number of objects (eg, human face) in each image is detected. In addition, salient regions, contrast, and gradient are detected based on the object in each image. Important metrics are evaluated to determine proportional sizes to aid in human perception. Images can be cropped or subsampled to resize to fit a given layout. In addition, the scaled images may be displayed in a tiled form.
본 개시의 일 실시 예에 따라, 주어진 이미지들의 세트에서(복수의 이미지로 이루어진 세트), 슬라이드 쇼가 만들어질 수 있다. 슬라이드 쇼는 각 이미지가 순차적으로 딜레이되면서 사용자에게 디스플레이될 수 있다. 딜레이 시간은 각 이미지의 정보 또는 내용(content)에 따른 비율에 의해 결정될 수 있다. 슬라이드 쇼의 지속 시간은 평가된 중요한 메트릭을 바탕으로 결정된다.According to an embodiment of the present disclosure, a slide show may be created from a given set of images (a set consisting of a plurality of images). The slide show may be displayed to the user while each image is sequentially delayed. The delay time may be determined by a ratio according to information or content of each image. The duration of the slide show is determined based on the critical metrics evaluated.
또한, 상기 방법은 애플리케이션 아이콘(application icons), 앨범 커버(album covers), 폴더들(folders), 비디오 파일의 아이콘들(video files icons) 등과 같은 이미지 그룹의 크기를 각 이미지 내의 오브젝트의 수 및 각 이미지들의 복수의 이미지 내에서의 상대적 위치를 바탕으로 변경하는데 이용될 수 있다. 예를 들어, 아이콘 안에 사람의 얼굴 또는 오브젝트의 수가 많은 애플리케이션 아이콘은 다른 아이콘의 크기에 비해 상대적으로 크기가 더 크게 변경되어 디스플레이될 수 있다. 또한, 앨범 커버들로 이루어진 그룹은 각 앨범 커버에 있는 사람의 얼굴 또는 물체(objects)의 수를 바탕으로 앨범 커버의 크기가 변경될 수 있다. 예를 들어, 다수의 물체들을(예, 사람 얼굴 또는 정보) 포함하는 앨범 커버는 다른 앨범 커버보다 상대적으로 더 큰 앨범 커버로 크기가 변경되어 디스플레이될 수 있다.In addition, the method determines the size of a group of images such as application icons, album covers, folders, video files icons, etc. to the number of objects in each image and each It can be used to change images based on their relative positions within a plurality of images. For example, an application icon with a large number of faces or objects in the icon may be displayed in a relatively larger size than other icons. Also, in the group consisting of album covers, the size of the album cover may be changed based on the number of faces or objects of people in each album cover. For example, an album cover including a plurality of objects (eg, human faces or information) may be changed in size and displayed as an album cover that is relatively larger than other album covers.
또한, 본 개시의 실시 예에 따른 방법은, 이미지 검색, SNS(Social Network Sites) 애플리케이션, 다자간 화상 회의 애플리케이션, 갤러리 애플리케이션 등과 같은 애플리케이션 안의 복수의 이미지들의 크기를 변경하는 데 이용될 수 있다. 이미지 내에 많은 정보를 포함하는 이미지들은 그렇지 않은 이미지들보다 더 크게 크기를 변경할 수 있으므로, 사용자는 이미지들에 대한 정보를 모두 인식할 수 있다. 따라서, 본 개시에 따른 방법은 사용자 경험을 향상시킬 수 있다.Also, the method according to an embodiment of the present disclosure may be used to change the size of a plurality of images in an application such as an image search, a social network site (SNS) application, a multi-party video conference application, a gallery application, and the like. Since images including a lot of information in the image can be resized to a larger size than images that do not, the user can recognize all information about the images. Therefore, the method according to the present disclosure can improve the user experience.
또한, 본 개시에 따른 실시 예들은, 전자 장치에서 이미지의 디스플레이를 관리하기 위한 방법을 제공하는 데 있다. 상기 방법은 전자 장치의 한 화면에 디스플레이된 이미지 상에 복수의 제어 요소(a plurality of control elements)가 디스플레이되는 단계 및 이미지 내에서 오브젝트의 수를 검출하는 단계를 포함한다. 또한, 상기 방법은 상기 오브젝트의 수가 0으로 검출된 이미지의 영역에 적어도 하나의 제어 요소의 위치를 다이나믹하게 이동시키는 단계를 포함할 수 있다. 종래 시스템(전자 장치)과 달리, 이미지의 디폴트 위치에 이미지 제어 요소들이 위치할 때, 본 개시에 따른 상기 방법은 이미지 내에서 오브젝트의 수가 0인 이미지의 영역에 상기 이미지 제어 요소들의 위치를 다이나믹하게 이동시킬 수 있다. 따라서, 상기 이미지 제어 요소가 이미지 상에서 오브젝트가 존재하지 않는 영역으로 이동될 때, 이미지가 충분히 인식될 수 있다. 또한, 본 개시에 따른 방법은 카메라 촬영 화면(view field of camera), 이미지 편집 애플리케이션, 이미지 뷰어 등과 같은 애플리케이션에서 이미지 상에 오버레이된 제어 요소들의 위치를 역동적으로 이동시키는데 이용될 수 있다.In addition, embodiments according to the present disclosure provide a method for managing the display of an image in an electronic device. The method includes displaying a plurality of control elements on an image displayed on a screen of the electronic device and detecting the number of objects in the image. In addition, the method may include dynamically moving the position of at least one control element in an area of the image in which the number of objects is detected as zero. Unlike a conventional system (electronic device), when the image control elements are located at a default position of an image, the method according to the present disclosure dynamically positions the image control elements in an area of an image in which the number of objects is zero. Can be moved. Accordingly, when the image control element is moved to an area where an object does not exist on the image, the image can be sufficiently recognized. Further, the method according to the present disclosure may be used to dynamically move the positions of control elements overlaid on an image in applications such as a view field of camera, an image editing application, an image viewer, and the like.
아래에서는 첨부한 도면을 참고하여 본 개시의 실시 예에 대하여 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 개시는 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시 예에 한정되지 않는다. 그리고 도면에서 본 개시를 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.Hereinafter, exemplary embodiments of the present disclosure will be described in detail with reference to the accompanying drawings so that those of ordinary skill in the art may easily implement the exemplary embodiments. However, the present disclosure may be implemented in various different forms and is not limited to the exemplary embodiments described herein. In addition, in the drawings, parts not related to the description are omitted in order to clearly describe the present disclosure, and similar reference numerals are attached to similar parts throughout the specification.
도 1a 및 도 1b는, 본 개시의 실시 예들에 따라, 전자 장치에서 복수의 이미지를 디스플레이하는 경우, 종래 기술 및 본원 발명의 비교를 설명하기 위한 도면이다.1A and 1B are diagrams for explaining a comparison between the prior art and the present invention when displaying a plurality of images in an electronic device according to embodiments of the present disclosure.
전자 장치(100)는 이미지를 디스플레이할 수 있는 모든 디스플레이 장치일 수 있다. 예를 들어, 전자 장치(100)는 모바일 폰, 태블릿 PC, 랩탑, 텔레비전, 스마트폰, 스마트 와치 등일 수 있다. 상술한 예는 본 개시를 설명하기 위한 일 실시 예일 뿐, 이에 한정하지 않는다.The
도 1a는, 전자 장치(100)에서 복수의 이미지를 디스플레이하는 종래 기술을 설명하기 위한 도면이다. 도 1a를 참조하면, 갤러리 애플리케이션 등과 같은 복수의 이미지를 디스플레이할 수 있는 애플리케이션에서, 전자 장치(100)는 복수의 이미지를 한 화면에 디스플레이할 수 있다. 종래에는, 갤러리에 디스플레이된 복수의 이미지들은 각 이미지들에 포함되어 있는 정보 또는 콘텐츠를 고려하지 않고 모두 동일한 크기를 가진다. 1A is a diagram for describing a conventional technique for displaying a plurality of images in the
반면, 도 1b는, 본 개시의 일 실시 예에 따라, 전자 장치(100)에서 복수의 이미지를 디스플레이하는 것을 설명하기 위한 도면이다. 도 1b를 참조하면, 종래 기술과 달리, 복수의 이미지들은 각 이미지의 정보 또는 내용(콘텐츠)를 바탕으로 크기가 변경될 수 있다. 본 개시의 일 실시 예에서, 정보 또는 콘텐츠는 각 이미지에 있는 오브젝트들의 수를 포함할 수 있다. 복수의 이미지들은 도 1b에 도시된 바와 같이 각 이미지 내의 오브젝트 수를 바탕으로 크기가 변경될 수 있다.On the other hand, FIG. 1B is a diagram for describing a display of a plurality of images in the
도 1b에서, 3개의 오브젝트(예: 3개의 콘텐츠 아이콘)를 가지는 이미지는 더 큰 사이즈로 디스플레이되기 위해 크기가 변경될 수 있다. 또한, 두 개의 오브젝트(예: 2개의 콘텐츠 아이콘)를 가지는 이미지는 세 개의 오브젝트를 가지는 이미지에 비해 더 작은 크기로 디스플레이되기 위해 크기가 변경될 수 있다. 또한, 하나의 오브젝트(예: 하나의 콘텐츠 아이콘)를 가지는 이미지는 두 개의 오브젝트를 가지는 이미지보다 더 작게 디스플레이되기 위해 크기가 변경될 수 있다. 즉, 복수의 이미지 중에서 각 이미지들은 각 이미지 내에 있는 오브젝트의 수에 따라 이미지의 크기가 변경될 수 있다. 도 1A 및 도 1B에서 복수의 이미지들의 레이아웃은 이미지들의 크기가 변경되기 전과 후가 같음을 알 수 있다.In FIG. 1B, an image having three objects (eg, three content icons) may be changed in size to be displayed in a larger size. In addition, an image having two objects (eg, two content icons) may be changed in size to be displayed in a smaller size than an image having three objects. In addition, an image having one object (eg, one content icon) may be changed in size to be displayed smaller than an image having two objects. That is, among the plurality of images, the size of each image may be changed according to the number of objects in each image. In FIGS. 1A and 1B, it can be seen that the layout of the plurality of images is the same before and after the size of the images is changed.
본 개시의 일 실시 예로, 각 이미지의 크기를 변경하기 위하여, 각 이미지에 대한 상대적인 스케일링 인자(relative scaling factor)를 결정할 수 있다. 상대적인 스케일링 인자는 복수의 이미지 중에서 각 이미지 안에 있는 오브젝트의 수를 비교하여 결정될 수 있다. 각 이미지에 대한 상대적인 스케일링 인자를 결정한 후, 복수의 이미지들은 각 이미지에 대한 상대적인 스케일링 인자를 바탕으로 크기가 변경될 수 있다.As an example of the present disclosure, in order to change the size of each image, a relative scaling factor for each image may be determined. The relative scaling factor may be determined by comparing the number of objects in each image among a plurality of images. After determining the relative scaling factor for each image, the size of the plurality of images may be changed based on the relative scaling factor for each image.
도 1a 및 도 1b에 도시된 이미지들은 본 개시를 설명하기 위한 일 실시 예일 뿐 이에 한정되지 않는다. 이미지에 존재하는 오브젝트들의 수를 바탕으로 어떠한 이미지도 크기가 변경될 수 있다. 예를 들어, 애플리케이션 아이콘들, 앨범 커버들, 폴더들, 비디오 파일들의 아이콘들 등과 같은 이미지들의 크기는 각 이미지들의 상대적인 크기, 오브젝트의 수, 및 다양한 정보 콘텐츠를 바탕으로 변경될 수 있다.The images illustrated in FIGS. 1A and 1B are only an exemplary embodiment for describing the present disclosure, and are not limited thereto. The size of any image can be changed based on the number of objects present in the image. For example, the size of images such as application icons, album covers, folders, icons of video files, etc. may be changed based on the relative size of each image, the number of objects, and various information contents.
도 2는, 본 개시의 실시 예들에 따라, 복수의 이미지의 디스플레이를 관리하기 위한 전자 장치의 간단한 블록도이다. 실시 예에서, 전자 장치(100)는 프로세서(202), 저장부(204), 및 디스플레이(206)를 포함한다.2 is a simple block diagram of an electronic device for managing a display of a plurality of images according to example embodiments of the present disclosure. In an embodiment, the
프로세서(202)는 전자 장치(100)에서 복수의 이미지들의 디스플레이를 관리하기 위한 하나 이상의 동작을 수행할 수 있다. 일 실시 예에서, 프로세서(202)는 각 이미지에 있는 오브젝트들의 수를 검출할 수 있다. 본 개시에서 설명하는 오브젝트들(데이터 포인트일 수도 있음)은 사람 얼굴, 빌딩, 동물, 물체, 색상, 이미지 엔트로피(entropy) 등과 같은 것일 수 있다. 일 실시 예에서, 이미지에 있는 오브젝트는 다음의 세 가지 구별된 특성 중 하나를 가질 수 있다. 예를 들어, 구별된 세 가지 특성은 공간에서 잘 정의된 닫혀진 경계, 주변 배경과 다른 모양, 이미지 내에서 고유하고 두드러지게 눈에 띄는 것일 수 있다. 대부분의 오브젝트들은 상술한 특성 중 몇 가지를 동시에 가질 수 있다. 일 실시 예에서, 이미지에서 오브젝트들을 검출하는 방법은 "Alexe, Bogdan, Thomas Deselaers, and Vittorio Ferrari. "What is an object?" Computer Vision and Pattern Recognition(CVPR), 2010 IEEE Conference on. IEEE, 2010"을 참조할 수 있다. 또한, 이미지에서 오브젝트들을 검출하는 방법은 공지된 다른 방법 또는 향후 개발되는 방법 등을 이용할 수 있다.The
이미지가 저장부(204)에 저장되는 경우, 프로세서(202)는 이미지에 포함된 오브젝트의 수는 저장부(204)에 저장되기 전에 결정하고, 결정된 이미지의 오브젝트의 수는 이미지와 함께 저장부(204)에 저장되도록 저장부(204)를 제어할 수 있다.When the image is stored in the
일 실시 예에 따라, 전자 장치(100)에서 이미지들을 저장하는 경우, 각 이미지가 가지는 오브젝트들의 수는 전자 장치(100)에서 이미지들이 저장되기 전에 계산될 수 있다.According to an embodiment, when images are stored in the
이미지가 전자장치(100)에 실시간으로 로딩되는 경우, 프로세서(202)는 이미지에 포함된 오브젝트의 수는 이미지가 로딩되는 동안 결정되고, 결정된 이미지의 오브젝트의 수는 이미지 정보와 함께 저장부(204)에 저장되도록 저장부(204)를 제어할 수 있다.When an image is loaded into the
일 실시 예에 따라, 이미지들이 동적으로 로딩되는 경우(예. 웹페이지 상에서), 각 이미지가 가지는 오브젝트들의 수는 웹 페이지가 로딩되는 동안 계산될 수 있다.According to an embodiment, when images are dynamically loaded (eg, on a web page), the number of objects in each image may be calculated while the web page is being loaded.
프로세서(202)는 색상 대비(color contrast), 에지 밀도(edge density), 베이지안 인터그레이션(Bayesian integration), 및 표면 스트라들링(Superficial Straddling) 중 적어도 하나를 이용하여 각 이미지에서 오브젝트들을 검출할 수 있다. 상술한 방법들은 공지된 기술이므로 상세한 설명은 본 개시에서 생략한다. 또한, 상술한 방법들은 본 개시를 위한 실시 예일 뿐, 이에 한정되지 않는다. 프로세서(202)는 다른 공지된 기술 및 공지될 기술을 이용하여 각 이미지에서 오브젝트들을 검출할 수 있다.The
프로세서(202)는 각 이미지의 내에 오브젝트들의 수를 바탕으로 각 이미지에서 상대적인 스케일링 인자를 결정할 수 있다. 또한, 프로세서(202)는 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 동작을 수행할 수 있다. The
즉, 프로세서(202)는 복수의 이미지의 각 이미지 내에 포함된 오브젝트들의 수를 비교하여 각 이미지들의 스케일링 인자를 결정할 수 있다.That is, the
일 실시 예에 따라, 하나 이상의 동작들을 수행하는 단계는 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들의 크기를 변경하는 단계 및 전자 장치(100)의 한 화면 상에 크기가 변경된 이미지들을 디스플레이하는 단계를 포함할 수 있다.According to an embodiment, performing one or more operations includes changing the size of one or more images based on a relative scaling factor of each image, and displaying the images whose size has changed on one screen of the
프로세서(202)는 크기가 변경된 이미지를 바탕으로 복수의 이미지의 레이아웃 및 디스플레이 순서 중 적어도 하나를 변경(reordering)하여 디스플레이하도록 상기 디스플레이(206)를 제어할 수 있다.The
또한, 프로세서(202)는, 복수의 이미지 중에서 상기 각 복수의 이미지에 포함된 상기 오브젝트의 수가 많을수록 상기 이미지의 상대적인 크기를 크게 변경할 수 있다. Also, the
프로세서(202)는 복수의 이미지 중에서 크기가 변경된 이미지 중 이미지 상에 포함된 오브젝트가 이미지 상에 차지하는 비율이 높은 이미지들을 선택적으로 디스플레이하도록 디스플레이(206)을 제어할 수 있다.The
즉, 프로세서(202)는 복수의 이미지 중 크기가 변경된 이미지 중에서 오브젝트를 명확히 대표하는 이미지들을 선택해서 디스플레이하도록 디스플레이(206)를 제어할 수 있다. 예를 들어, 여섯 개의 이미지 중 두 개의 이미지가 각각 세 명의 사람을 포함하는 경우, 두 개의 이미지 중 하나는 세 명의 사람이 명확히 식별되고, 나머지 하나의 이미지는 세 명의 사람이 명확히 식별되지 않을 수 있다. 이때, 프로세서(202)는 오브젝트(예: 사람)가 명확히 식별되는 이미지를 선택해서 디스플레이하도록 디스플레이(206)를 제어할 수 있다. 이때, 프로세서(202)는 하나의 이미지 영역에서 오브젝트가 차지하는 비율을 통해 오브젝트의 식별 정도를 결정할 수 있다. 그러나, 상술한 예시는 본 개시를 설명하기 위한 일 실시 예일 뿐, 이에 한정되지 않고 다양한 방법을 통해 오브젝트의 수가 동일한 이미지 내에서 오브젝트의 명확도를 결정할 수 있다.That is, the
일 실시 예에 따라, 프로세서(202)는 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들을 자르고(cropping), 전자 장치(100)의 한 화면 상에 선택된 이미지들을 디스플레이하도록 디스플레이(206)를 제어할 수 있다.According to an embodiment, the
프로세서(202)는, 각 복수의 이미지의 ROI(Region of Interest)를 결정하고, 결정된 각 복수의 이미지의 ROI를 바탕으로 복수의 이미지 중 적어도 하나의 이미지로부터 오브젝트가 포함된 영역을 자르고, 잘린 영역의 이미지를 디스플레이하도록 디스플레이(206)를 제어할 수 있다.The
예를 들어, ROI는 각 이미지에서 두드러진 영역(sailent region)일 수 있다. 두드러진 영역의 검출 방법(salient region detection method)은 각 이미지에서 돌출 영역(salient region)을 검출하는데 이용된다. 프로세서(202)는 이미지 내에서 두드러진 영역(sailent region)이 더 두드러지고 크게 나타나도록 잘린 (cropped) 이미지들의 크기를 변경할 수 있다.For example, the ROI may be a sailent region in each image. The salient region detection method is used to detect a salient region in each image. The
종래의 시스템(전자 장치)들 및 방법들과 달리, 각 이미지 내의 오브젝트 및 각 이미지의 상대적 위치를 바탕으로, 이미지들은 동적으로 선택되고, 크기가 변경되고(resize), 재배열되고(reorder), 구조를 다르게 재구성(restructure)될 수 있다. 각 이미지의 스케일링 인자는 각각의 이미지의 크기 변경(resizing)을 위한 복수의 이미지 중에서 각 이미지의 오브젝트의 수를 비교하여 결정된다.Unlike conventional systems (electronic devices) and methods, based on the object in each image and the relative position of each image, images are dynamically selected, resized, reordered, and The structure can be restructured differently. The scaling factor of each image is determined by comparing the number of objects of each image among a plurality of images for resizing each image.
오브젝트들의 수와 오브젝트들의 상대적인 위치들이 이미지들의 그룹에서 결정되면, 프로세서(202)는 오브젝트의 수에 의해 미리보기(preview)에서 상대적인 크기를 결정할 수 있다. 예를 들어, 전자 장치(100)는 오브젝트의 수가 많은 이미지는 오브젝트의 수가 더 적은 이미지보다 더 큰 크기를 가지도록 할 수 있다.When the number of objects and relative positions of the objects are determined in the group of images, the
프로세서(202)는 복수의 이미지가 디스플레이되는 영역을 지정된 n개의 타일 형상으로 구분하고, 각 복수의 이미지에 포함된 상기 오브젝트의 수에 따라 크기가 변경된 이미지를 각 n개의 타일 형상 내에 다시 렌더링(re-rendering)하여 디스플레이하도록 디스플레이(206)를 제어할 수 있다.The
프로세서(202)는, 이미지에 오브젝트가 포함되고, 이미지를 설명하는 자막(caption)이 이미지와 분리되어 디스플레이되는 경우, 자막을 이미지 상에 오버레이(overlay)하고, 이미지의 크기를 변경하여 디스플레이하도록 디스플레이(206)를 제어할 수 있다.When an object is included in the image and a caption describing the image is displayed separately from the image, the
프로세서(202)는 복수의 이미지 중 하나가 선택되고, 선택된 이미지 상에 사용자 조작 메뉴가 오버레이되어 디스플레이된 경우, 선택된 이미지 영역에서 오브젝트가 검출되지 않은 영역으로 사용자 조작 메뉴가 이동하여 디스플레이되도록 디스플레이(206)를 제어할 수 있다. When one of a plurality of images is selected and a user manipulation menu is displayed overlaid on the selected image, the
예를 들어, 사용자 조작 메뉴는 이미지 상에 오베레이되는 편집 기능을 가지는 아이콘, 메뉴 등일 수 있다. 또한, 사용자 조작 메뉴는 촬영 대기 화면에서 화면에 오버레이되는 아이콘 또는 메뉴 등일 수 있다. For example, the user manipulation menu may be an icon or menu having an editing function that is overlaid on an image. In addition, the user manipulation menu may be an icon or menu that is overlaid on the screen in the shooting standby screen.
그리고 프로세서(202)는 오브젝트가 검출되지 않은 이미지 영역으로 사용자 조작 메뉴를 이동시키는 경우, 오브젝트가 검출되지 영역의 크기에 맞게 사용자 조작 메뉴의 크기를 크거나 작게 변경하여 디스플레이하도록 디스플레이(206)를 제어할 수 있다.Further, the
또한, 일 실시 예에 따라, 프로세서(202)는 이미지 내에서 오브젝트들의 수를 검출하고 적어도 하나의 제어 요소(control element)의 위치를 오브젝트의 수가 0으로 인식되는 이미지의 영역으로 동적으로 이동시킬 수 있다. 종래의 시스템(전자장치 100)과 달리, 이미지 제어 요소들이 이미지 내에서 디폴트 위치들에서 이격되어 있는 경우, 본 개시의 실시 예에 따른 방법은 이미지 내에서 오브젝트의 수가 검출되지 않은(오브젝트의 수가 0) 이미지의 영역으로 이미지 제어 요소들의 위치를 동적으로 이동시킬 수 있다. 이미지 제어 요소들이 이미지의 오브젝트가 존재하지 않는 영역 상에 디스플레이되는 경우, 이미지는 사용자에게 충분하게(fully) 인식될 수 있다. 또한, 본 개시의 실시 예에 따른 방법은 카메라의 디스플레이 화면(view field of camera), 이미지 편집 애플리케이션, 이미지 뷰어 등과 같은 애플리케이션에서의 제어 요소들의 동적 이동(shift)에 이용될 수 있다. 또한, 본 개시의 실시 예에 따른 이미지들의 디스플레이를 관리하기 위한 프로세서(202)의 다양한 구성 유닛(units)들은 도 3에서 설명된다. In addition, according to an embodiment, the
저장부(204)는 복수의 이미지를 저장할 수 있다. 저장부(204)는 하나 이상의 컴퓨터로 판독 가능한 저장 매체를 포함할 수 있다. 저장부(204)는 비활성 저장 요소(non-volatile storage element)를 포함할 수 있다. 비활성 저장 요소들은 예를 들어 마그네틱 하드 디스크, 광학 디스크, 플로피 디스크, 플래쉬 메모리, 또는 EPROM(Electrically Programmable Memories) 또는 EEPROM(Electrically Erasable and Programmable Memories)를 포함할 수 있다. 또한, 저장부(204)는, 일부 실시 예들에서, 비-일시적(non-transitory) 저장 매체일 수 있다. ““비-일시적(non-transitory)””라는 용어는 반송파(carrier wave) 또는 전파 신호(propagated signal) 에서 구현 되지 않은 저장 매체를 나타낼 수 있다. 그러나, ““비-일시적””이라는 용어는 저장부(204)가 비-이동성(non-movable)이라고 해석되어서는 안된다. 일부 실시 예들에서, 저장부(204)는 메모리보다 더욱 많은 양의 정보를 저장할 수 있다. 특정 실시 예들에서, 비-일시적 저장 매체는 시간의 경과에 따라 변할 수 있는 데이터(예: RAM(Random Access Memory) 또는 캐시(cache))를 저장할 수 있다.The
디스플레이(206)는 전자장치(100)의 한 화면 상에 크기가 변경된(resized) 하나 이상의 이미지들을 디스플레이할 수 있다.The
도 2는 전자 장치(100)의 한정된 실시 예를 도시하나, 이는 본 개시의 설명을 위한 일 실시 예일 뿐, 이에 한정되지 않는다. 블록도에 포함된 각 부(units)의 명칭 또는 라벨들은 본 개시를 설명하기 위한 것으로 이에 한정되지 않는다. 또한, 전자 장치(100)는 다른 구성 성분 각각과 통신하는 다른 부(units) 또는 서브-부(sub-units)를 포함할 수 있다. 이와 같이, 각 유닛의 기능은 본 발명의 범위를 벗어나지 않으면서 본 명세서에 기재된 상이한 방식으로 단일 유닛으로 결합될 수 있거나 서로 분산 될 수 있다.2 illustrates a limited embodiment of the
도 3은, 본 개시의 일 실시 예에 따라, 이미지의 레이아웃을 생성하기 위한 프로세서의 상세한 블록도이다.3 is a detailed block diagram of a processor for generating a layout of an image according to an embodiment of the present disclosure.
도 3을 참조하면, 프로세서(202)는 개별 이미지 분석부(302), 디스플레이 정보부(304), 이미지 크기 계산부(306), 및 이미지 세트 분석부(304) 등의 유닛(units)을 포함할 수 있다.3, the
일 실시 예로, 개별 이미지 분석부(302)는 오브젝트 검출부(302a) 및 오브젝트 분석부(302b)를 포함한다. 오브젝트 검출부(302a)는 이미지에서 하나 이상의 오브젝트를 검출하도록 구성될 수 있다. 오브젝트 검출부(302a)는 하나 이상의 오브젝트를 검출하기 위한 하나 이상의 오브젝트 인식 기술(object recognition techniques)을 이용할 수 있다. 오브젝트 검출부(302a)는 오브젝트들의 좌표를 검출할 수 있다.As an example, the individual image analysis unit 302 includes an
일 실시 예로, 오브젝트 분석부(302b)는 오브젝트 검출부(302a)로부터 오브젝트의 좌표를 수신하도록 구성될 수 있다. 또한, 오브젝트 분석부(302b)는 오브젝트의 수(C 로 표시), 오브젝트의 크기(S로 표시), 및 오브젝트의 다양한 특징(예: 오브젝트에서 얼굴 식별 등)을 카운팅하는 것과 같은 분석을 수행하도록 구성될 수 있다. 오브젝트 분석부(304)는 각각의 이미지가 오브젝트의 크기, 오브젝트의 개수 및 각 오브젝트에 대한 특징 벡터를 포함하는 3 개의 출력을 생성하도록 이미지를 처리하도록 구성 될 수 있다. 일 실시 예에서, 가중치 w1 및 w2는 각각 오브젝트의 수(the count of objects)와 오브젝트의 크기(size of object)에 할당될 수 있다. As an example, the object analysis unit 302b may be configured to receive coordinates of an object from the
일 실시 예에서, 디스플레이 정보부(304)는 스크린 사이즈 등과 같은 디스플레이 파라미터들을 제공하도록 구성될 수 있다. 디스플레이 정보부(304)는 디스플레이 파라미터들을 이미지 크기 계산부(306)에 입력으로 제공할 수 있다.In an embodiment, the
일 실시 예에서, 이미지 크기 계산부(306)은 가중치 w1 및 w2를 이용하여 이미지 크기를 계산하도록 구성될 수 있다. 이미지 크기 계산부(306)은 디스플레이 정보부(304)에 의해 제공된 입력과 함께 오브젝트 분석부(302b)(제공된 가중치)로부터 제공된 C와 S를 바탕으로 최종 이미지 크기를 계산하도록 구성될 수 있다.In an embodiment, the image
또한, 일 실시 예에서, 이미지 세트 분석부(308)는 인식된 오브젝트 발생부(308a), 메타데이터 유사성 결정부(308b) 및 배경 유사성 분석부(308c)를 포함한다. 인식된 오브젝트 발생부(308a)는 오브젝트 분석부(302b)로부터 입력을 수신하도록 구성될 수 있다. 또한, 인식된 오브젝트 발생부(308a)는 이미지에서 객체의 특징 벡터를 생성하도록 구성될 수 있다.Further, in an embodiment, the image set analysis unit 308 includes a recognized
일 실시 예에서, 메타데이터 유사성 결정부(308b)는 이미지가 캡쳐될 때 이미지로부터 메타데이터 정보(위치 및 시간 등)를 추출하도록 구성될 수 있다. 메타데이터 정보는 이미지들 사이의 유사성을 결정하는데 이용될 수 있다. 일 실시 예에서, 메타데이터 정보는 최종 레이아웃에서 디스플레이할 이미지를 고르는 동안 하나의 인자(factor)일 수 있다.In an embodiment, the metadata similarity determination unit 308b may be configured to extract metadata information (such as location and time) from the image when the image is captured. Metadata information can be used to determine similarity between images. In an embodiment, the metadata information may be a factor while selecting an image to be displayed in the final layout.
일 실시 예에서, 배경 유사성 결정부(308c)는 세트(set)로부터 이미지들의 배경을 분석하고, 배경들 사이에서 유사성을 찾도록 구성될 수 있다. 예를 들어, 두 개의 이미지의 배경들은 모두 ?숲? 또는 ?정원?일 수 있다.In an embodiment, the background
이미지 세트 분석부(308)는 인식된 오브젝트 발생부(308a), 메타데이터 유사성 결정부(308b) 및 배경 유사성 결정부(308c) 각각에서 가중치가 적용된 출력을 합산하여 ““가중된 공통성 스코어(weighted commonality score)””라고 알려진 값을 계산할 수 있다. 가중된 공통성 스코어는 하나의 이미지가 동일한 (이미지)세트 안에 있는 다른 이미지들, 폴더 내에 있는 다른 이미지들, 또는 앨범 이미지들 내에 있는 다른 이미지들에 대한 유사성의 정도를 나타낸다. The image set analysis unit 308 sums the outputs to which the weights are applied from the recognized
일 실시 예에서, UX(User Experience) 정책 선호부(310)는 이미지들의 디스플레이를 결정하기 위한 사용자 경험 정책(user experience policy)를 적용하도록 구성될 수 있다. UX 정책을 바탕으로, 이미지들의 최종 레이아웃이 결정되고 디스플레이될 수 있다.In an embodiment, the user experience (UX)
도 3은 프로세서(202)의 한정된 오버뷰를 도시한 것이나, 이는 이에 한정되지 않는다. 도 3에 포함된 각 부(units)의 명칭 또는 라벨들은 본 개시를 설명하기 위한 것으로 이에 한정되지 않는다. 또한, 프로세서(202)는 다른 구성 성분 각각과 통신하는 다른 부(units) 또는 서브-부(sub-units)를 포함할 수 있다. 이와 같이, 각 유닛의 기능은 본 발명의 범위를 벗어나지 않으면서 본 명세서에 기재된 상이한 방식으로 단일 유닛으로 결합될 수 있거나 서로 분산 될 수 있다.3 illustrates a limited overview of the
도 4는, 본 개시의 실시 예들에 따라, 전자 장치에서 복수의 이미지들의 디스플레이를 관리하기 위한 방법을 도시한 흐름도이다. 일 실시 예에서, S402 단계에서, 방법(400)은 각 이미지에서 오브젝트들의 개수를 검출하는 단계를 포함한다. 프로세서(202)는 각 이미지에서 오브젝트의 수를 검출할 수 있다. S404 단계에서, 방법(400)은 오브젝트들의 개수를 바탕으로 각 이미지에 대한 상대적인 스케일링 인자를 결정하는 단계를 포함한다. 프로세서(202)는 오브젝트의 개수를 바탕으로 각 이미지의 상대적인 스케일링 인자를 결정할 수 있다. S406단계에서, 방법(400)은 각 이미지의 상대적인 스케일링 인자를 바탕으로 이미지들 상에서 하나 이상의 동작을 수행하는 단계를 포함한다. 프로세서(202)는 각 이미지의 상대적인 스케일링 인자를 바탕으로 이미지들 상에서 동작들을 수행할 수 있다.4 is a flowchart illustrating a method for managing display of a plurality of images in an electronic device according to embodiments of the present disclosure. In one embodiment, in step S402, the
방법(400)에서의 다양한 동작, 행위, 블록, 단계 등은 개시된 순서대로 수행될 수 있고, 다른 순서대로 수행될 수도 있으며, 동시에 수행될 수도 있다. 또한, 일부 실시 예에서, 일부 동작, 행위(acts), 블록, 단계, 기능 등은 본 발명의 범위를 벗어나지 않는 범위 내에서 생략, 첨가, 변형, 스킵(skipped), 또는 이상과 같은 것 등을 할 수 있다.Various operations, actions, blocks, steps, etc. in the
도 5는, 본 개시의 실시 예들에 따라, 하나 이상의 이미지들의 크기 변경(resizing) 방법을 설명하기 위한 흐름도이다. 일 실시 예에서, S502 단계에서, 방법(500)은 각 이미지의 오브젝트를 검출하는 단계를 포함한다. 프로세서(202)는 각 이미지의 오브젝트 수를 검출할 수 있다. S504 단계에서, 방법(500)은 오브젝트 수를 바탕으로 각 이미지의 상대적인 스케일링 인자를 결정하는 단계를 포함한다. 프로세서(202)는 오브젝트 수를 바탕으로 각 이미지의 상대적인 스케일링 인자를 결정할 수 있다.5 is a flowchart illustrating a method of resizing one or more images according to embodiments of the present disclosure. In one embodiment, in step S502, the
S506 단계에서, 방법(500)은 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들의 크기를 변경하는 단계를 포함할 수 있다. 프로세서(202)는 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들의 크기를 변경할 수 있다. S508 단계에서, 방법(500)은 전자 장치(100)의 한 화면 상에서 크기 변경된 하나 이상의 이미지들을 디스플레이하는 단계를 포함할 수 있다. 프로세서(202)는 전자 장치(100)의 스크린상에 크기 변경된 하나 이상의 이미지들을 디스플레이하도록 디스플레이(206)를 제어할 수 있다.In step S506, the
방법(500)에서의 다양한 동작, 행위, 블록, 단계 등은 개시된 순서대로 수행될 수 있고, 다른 순서대로 수행될 수도 있으며, 동시에 수행될 수도 있다. 또한, 일부 실시 예에서, 일부 동작, 행위(acts), 블록, 단계, 기능 등은 본 발명의 범위를 벗어나지 않는 범위 내에서 생략, 첨가, 변형, 스킵(skipped), 또는 이상과 같은 것 등을 할 수 있다.Various operations, actions, blocks, steps, etc. in the
도 6a 내지 도 8h는, 본 개시의 다양한 실시 예들에 따라, 전자 장치에서 복수의 이미지를 디스플레이하는 선행 기술과 본원 발명의 비교를 설명하기 위해 도시한 도면들이다.6A to 8H are diagrams for explaining a comparison between the prior art for displaying a plurality of images in an electronic device and the present invention according to various embodiments of the present disclosure.
도 6a 및 도 6b는, 본 개시의 실시 예들에 따라, 전자 장치의 갤러리 애플리케이션에서 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 6a는 전자 장치(100)에서 복수의 이미지가 갤러리 애플리케이션에서 디스플레이되는 종래 기술을 도시한 도면이다. 도 6a를 참조하면, 각 이미지에 포함된 객체들(예: 사람의 수)을 고려하지 않고 복수의 이미지가 디스플레이되어 있는 것을 알 수 있다. 종래의 시스템과 달리, 도 6b는 각 이미지에서 사람의 수를 바탕으로 복수의 이미지들의 크기가 변경된 것을 도시한 도면이다.6A and 6B are diagrams illustrating a comparison between the prior art and the present invention when a gallery application of an electronic device displays a plurality of images according to embodiments of the present disclosure. 6A is a diagram illustrating a conventional technology in which a plurality of images are displayed in a gallery application in the
도 6b를 참조하면, 사람의 수가 더 많은 이미지는 더 크게 크기가 변경되어 디스플레이되는 것을 알 수 있다. 예를 들어, 가장 많은 사람이 있는 이미지가 가장 크게 크기가 변경되어 디스플레이되고, 세 사람이 있는 이미지는 두 사람이 있는 이미지보다 더 크게 디스플레이되도록 크기가 변경될 수 있다. 또한, 한 사람이 있는 이미지는 가장 작게 크기가 변경되어 디스플레이 될 수 있다. 또한, 두 사람이 있는 이미지 중 이미지 상에 사람의 전신이 포함된 이미지가 사람의 반신만 포함된 이미지보다 더 크게 크기가 변경되어 디스플레이될 수 있다. 도 6b는 도 6a와 다르게 이미지들의 크기가 이미지의 객체의 개수에 따라 변경되고, 이미지들의 변경된 크기에 따라 레이아웃 및 이미지의 디스플레이 순서도 변경되어 디스플레이되는 것이 도시된다. 그러나, 이는 본 개시를 설명하기 위한 일 실시 예일 뿐, 이에 한정되지 않는다. 예를 들어, 도 6b는, 복수의 이미지의 레이아웃들을 도 6a와 동일하게 유지한 채, 각 이미지들을 이미지의 객체 수를 바탕으로 크기를 재변경하여 디스플레이한 것을 도시한다.Referring to FIG. 6B, it can be seen that an image with a larger number of people is resized to be larger and displayed. For example, an image with the most people may be resized and displayed as the largest, and an image with three people may be resized to be displayed larger than an image with two people. In addition, the image with one person may be changed in size to the smallest and displayed. In addition, among images with two people, an image including the whole body of a person on the image may be resized and displayed to be larger than an image including only the half body of the person. 6B illustrates that differently from FIG. 6A, the size of images is changed according to the number of objects in the image, and the layout and display order of the images are also changed and displayed according to the changed size of the images. However, this is only an example for describing the present disclosure, and the present disclosure is not limited thereto. For example, FIG. 6B shows that, while maintaining the layout of a plurality of images the same as that of FIG. 6A, each image is resized and displayed based on the number of objects in the image.
도 6b에 도시된 바와 같이 이미지들의 크기가 변경된 경우, 사용자는 전자장치(100)를 통해 그룹 이미지(여러 사람이 있는 이미지)에서 개별 사람을 더욱 명확히 식별할 수 있다. 예를 들어, 도 6a에서는 사용자가 가장 많은 사람이 있는 이미지에서 개별 사람들을 식별하는 것이 어려울 수 있다. 그러나, 도 6b에서는 가장 많은 사람이 있는 이미지가 가장 크게 이미지의 크기가 변경되어 디스플레이되어, 사용자는 이미지에서 개별 사람들을 충분히 인식할 수 있다. 즉, 본 개시의 실시 예에 따라, 복수의 이미지에서 각 이미지의 오브젝트 수를 바탕으로 이미지의 크기 변경함으로써, 전자 장치(100)는 각 이미지의 정보 또는 콘텐츠를 용이하게 인식할 수 있도록 복수의 이미지를 디스플레이하여 사용자 경험(UX, user experience)을 향상(enhance)시킬 수 있다.When the size of the images is changed as shown in FIG. 6B, the user can more clearly identify individual people from the group image (image with multiple people) through the
도 7a 및 도 7b는, 본 개시의 실시 예들에 따라, 콜라주(collage)에서 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 7a는 콜라주에서 복수의 이미지가 제공되는 종래의 기술을 도시한 도면이다. 도 7a를 참조하면, 각 이미지에 포함된 객체들(예: 사람의 수)을 고려하지 않고 복수의 이미지가 디스플레이되어 있는 것을 알 수 있다. 종래의 시스템과 달리, 도 7b는 각 이미지에서 사람의 수를 바탕으로 복수의 이미지들의 크기가 변경된 것을 도시한 도면이다. 즉, 콜라주에서 이미지들은 각 이미지의 오브젝트 수에 따라 크기가 변경된다.7A and 7B are diagrams showing a comparison between the prior art and the present invention when displaying a plurality of images in a collage according to embodiments of the present disclosure. 7A is a diagram illustrating a conventional technique in which a plurality of images are provided in a collage. Referring to FIG. 7A, it can be seen that a plurality of images are displayed without considering objects (eg, the number of people) included in each image. Unlike the conventional system, FIG. 7B is a diagram illustrating that the sizes of a plurality of images are changed based on the number of people in each image. That is, the images in the collage change size according to the number of objects in each image.
도 7b를 참조하면, 가장 많은 사람이 있는 이미지는 가장 큰 크기로 디스플레이된다. 또한, 세 사람이 있는 이미지는 가장 많은 사람이 있는 이미지보다 더 작게 크기가 변경되어 디스플레이된다. 또한, 한 사람이 있는 이미지는 두 사람이 있는 이미지보다 더 작게 크기가 변경되어 디스플레이된다. 즉, 도 7b에 도시된 바와 같이 각 이미지에서 사람의 수에 따라 콜라주에서 각 이미지는 크기가 변경된다. Referring to FIG. 7B, the image with the largest number of people is displayed in the largest size. Also, an image with three people is resized and displayed to be smaller than an image with the most people. In addition, an image with one person is resized and displayed to be smaller than an image with two people. That is, as shown in FIG. 7B, the size of each image in the collage is changed according to the number of people in each image.
또한, 종래에는, 콜라주를 앨범 애플리케이션에서 디스플레이하는 경우, 전자 장치(100)는 콜라주 미리보기 이미지에서 각 이미지의 전체 이미지를 보여주지 않고 이미지 중 일부 영역이 디스플레이된다. 그러나, 본 개시의 일 실시 예에 따라, 전자 장치(100)는 이미지 내에 포함된 객체 수에 따라 이미지의 크기를 변경함으로써 콜라주 미리보기 이미지에서 이미지에 포함된 정보(예: 사람 얼굴 등의 콘텐츠 정보) 전체가 보여지도록 디스플레이 될 수 있다. 도 7a 및 도 7b에서 복수의 이미지들의 레이아웃은 동일하게 도시되었으나, 이는 본 개시를 설명하기 위한 일 실시 예일 뿐 이에 한정되지 않는다.Also, conventionally, when a collage is displayed in an album application, the
도 8a 및 도 8b는, 본 개시의 실시 예들에 따라, 다자간(multi party) 화상 회의(video conference)에서 복수의 이미지를 디스플레이하는 경우, 선행 기술 및 본원 발명의 비교를 도시한 도면이다. 도 8a는 다자간 화상회의에서 사람들을 디스플레이하는 종래 기술을 도시한 도면이다. 도 8a를 참조하면, 다자간 화상 회의의 각 이미지에서 오브젝트의 수(예: 사람의 수)를 고려하지 않고 복수의 이미지들이 디스플레이되는 것을 알 수 있다. 종래 기술과 달리, 도 8b는 다자간 화상 회의의 각 이미지에서 사람의 수를 바탕으로 복수의 이미지들의 크기가 변경되는 것을 설명하기 위한 도면이다. 도 8에는 화상 회의에 참석한 참석자들의 수에 따라 각 이미지의 크기가 변경되는 것이 도시된다.8A and 8B are diagrams illustrating a comparison between the prior art and the present invention when displaying a plurality of images in a multi-party video conference, according to embodiments of the present disclosure. 8A is a diagram showing a prior art for displaying people in a multi-party video conference. Referring to FIG. 8A, it can be seen that a plurality of images are displayed without considering the number of objects (eg, the number of people) in each image of a multi-party video conference. Unlike the prior art, FIG. 8B is a diagram for explaining that the size of a plurality of images is changed based on the number of people in each image of a multiparty video conference. FIG. 8 shows that the size of each image is changed according to the number of participants in the video conference.
도 8c 및 도 8d는, 본 개시의 실시 예들에 따른, 두 채널을 동시에 보여주는 텔레비전에서 복수의 이미지를 디스플레이하는 경우, 선행 기술 및 본원 발명의 다른 비교를 도시한 도면이다. 도 8c는, 텔레비전에서 두 개의 채널을 동시에 보여주는 경우, 어느 순간의 시간에, 각 채널에 대응되는 화면 윈도우에 이미지가 디스플레이되는 것을 도시한다. 종래 기술과 달리, 도 8d는 각 윈도우의 오브젝트 수를 바탕으로 각 채널의 윈도우의 크기가 조절되는 것을 도시한 도면이다. 도 8d를 참조하면, 세 명의 선수가 있는 윈도우의 크기가 한명의 뉴스 앵커가 있는 윈도우의 크기보다 더 크게 크기가 변경된다. 즉, 텔레비전에서 두 개의 채널을 동시에 보여줄 때, 윈도우들의 크기는 각 윈도우에 있는 사람의 수를 바탕으로 동적으로 조절될 수 있다. 8C and 8D are diagrams showing another comparison between the prior art and the present invention when displaying a plurality of images on a television showing two channels simultaneously according to embodiments of the present disclosure. FIG. 8C illustrates that when two channels are simultaneously displayed on a television, an image is displayed on a screen window corresponding to each channel at a certain moment. Unlike the prior art, FIG. 8D is a diagram illustrating that a window size of each channel is adjusted based on the number of objects in each window. Referring to FIG. 8D, the size of the window with three players is changed to be larger than the size of the window with one news anchor. That is, when the television shows two channels at the same time, the size of the windows can be dynamically adjusted based on the number of people in each window.
도 8e 및 도 8f는, 본 개시의 실시 예들에 따른, 비디오 보안(video surveillance)에서 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 또 다른 비교를 도시한 도면이다. 도 8e는, 비디오 보안에서, 복수의 이미지들이 디스플레이되는 종래 기술을 도시한 도면이다. 종래에는 복수의 이미지들이 디스플레이되는 동안 각 이미지의 오브젝트 수를 고려하지 않는다. 종래 기술과 달리, 도 8f는 복수의 이미지들에서 각 이미지가 각 이미지의 오브젝트 수를 바탕으로 크기가 변경된 것을 도시한 도면이다. 도 8f를 참조하면, 비디오 보안(video surveillance)에서 비디오 피드(video feeds)들은 오브젝트들의 수에 따라 크기가 변경된다.8E and 8F are diagrams illustrating another comparison between the prior art and the present invention in the case of displaying a plurality of images in video surveillance according to embodiments of the present disclosure. 8E is a diagram illustrating a prior art in which a plurality of images are displayed in video security. Conventionally, the number of objects in each image is not considered while a plurality of images are displayed. Unlike the prior art, FIG. 8F is a diagram illustrating that in a plurality of images, each image is changed in size based on the number of objects in each image. Referring to FIG. 8F, in video surveillance, video feeds are sized according to the number of objects.
도 8g 및 도 8h는, 본 개시의 실시 예들에 따른, 웹페이지에서 이미지를 검색한 결과 이미지들이 디스플레이되는 종래 기술 및 본원 발명의 비교를 설명하기 위한 도면이다. 도 8g는, 웹페이지에서 검색된 이미지들이 모두 동일한 크기로 디스플레이되는 종래 기술을 도시한 도면이다. 종래와 달리, 본 개시의 일 실시 예에 따라, 도 8h는, 검색된 이미지들은 각 이미지의 오브젝트 수에 따라 크기를 변경하여 디스플레이되는 것을 도시한 도면이다. 이미지들이 웹 페이지에서 로딩되는 경우, 각 이미지의 오브젝트 수는 이미지들이 로딩되는 동안 계산될 수 있다. 또한, 각 이미지의 오브젝트 수를 바탕으로 이미지들의 크기는 동적으로 크기가 변경될 수 있고, 크기가 변경된 이미지들은 웹페이지 안에서 디스플레이될 수 있다.8G and 8H are diagrams for explaining a comparison between the prior art in which images are displayed as a result of searching for an image on a web page and the present invention according to embodiments of the present disclosure. 8G is a diagram illustrating a conventional technique in which all images retrieved from a web page are displayed in the same size. Unlike the prior art, according to an embodiment of the present disclosure, FIG. 8H is a diagram illustrating that the searched images are displayed by changing their size according to the number of objects in each image. When images are loaded from a web page, the number of objects in each image may be calculated while the images are being loaded. Also, the size of the images may be dynamically changed based on the number of objects in each image, and the images with the changed size may be displayed in a web page.
도 8i 및 도 8j는, 본 개시의 실시 예들에 따른, 다자간 화상 컨퍼런스에서 한 명이 떠나는 경우, 복수의 이미지를 디스플레이하는 시나리오를 도시한 도면이다. 도 8i는 다자간 화상 회의가 진행중인 것을 도시한다. 화상회의 동안, 한 사람(801)이 화상 회의 자리를 떠날 수 있다. 화상회의 도중 한 사람(801)이 떠난 경우, 나머지 사람들의 수를 바탕으로 화상 회의에서 각 이미지들은 크기가 변경될 수 있다. 도 8j는 회상회의 도중 한 사람(801)이 떠난 후의 이미지를 도시한 도면이다. 한 사람(801)이 화상 회의 자리를 떠난 경우, 도 8i에 도시된 이미지들은 도 8j에 도신된 바와 같이 크기가 변경될 수 있다. 또한, 화상 회의 도중 한 명 이상의 사람들이 회의에 합석한 경우, 다자간 화상 회의에서 이미지들은 이미지 내의 오브젝트 수에 따라 크기가 변경되어 디스플레이될 수 있다.8I and 8J are diagrams illustrating a scenario of displaying a plurality of images when one person leaves a multi-party video conference according to embodiments of the present disclosure. 8I shows that a multi-party video conference is in progress. During a video conference, one
프로세서(202)는 복수의 이미지가 디스플레이되는 영역을 지정된 n개의 타일 형상으로 구분할 수 있다. 또한, 프로세서(202)는 각 복수의 이미지에 포함된 오브젝트의 수에 따라 크기가 변경된 이미지를 각 n개의 타일 형상 내에 다시 렌더링(re-rendering)하여 디스플레이하도록 디스플레이(260)를 제어할 수 있다.The
도 9는, 본 개시의 실시 예들에 따른, 복수의 타일(tiles)을 도시한 도면이다. 도 9를 참조하면, 각 아이콘은 하나의 타일 형상을 나타낸다. 각 타일은 각 타일 내의 오브젝트의 수를 바탕으로 크기가 변경될 수 있다. 애플리케이션 아이콘들 및 폴더 아이콘들은 각각 사람의 얼굴 등과 같은 오브젝트를 가질 수 있는 이미지들일 수 있다. 애플리케이션 아이콘들 및 폴더들은 오브젝트 수를 계산하여 크기가 변경될 수 있다. 애플리케이션 아이콘들 및 폴더들은 오브젝트의 수에 비례하여 크기가 변경될 수 있다. 예를 들어, 더 많은 오브젝트를 가진 아이콘의 이미지 크기는 더 적은 오브젝트를 가진 아이콘들의 이미지 크기보다 상대적으로 더 크게 디스플레이될 수 있다.9 is a diagram illustrating a plurality of tiles according to embodiments of the present disclosure. Referring to FIG. 9, each icon represents a tile shape. Each tile can be changed in size based on the number of objects in each tile. Each of the application icons and folder icons may be images that may have objects such as a human face. Application icons and folders can be changed in size by calculating the number of objects. Application icons and folders may change in size in proportion to the number of objects. For example, an image size of an icon having more objects may be displayed relatively larger than an image size of icons having fewer objects.
도 10a 및 도 10b는, 본 개시의 실시 예들에 따른, 음악 애플리케이션에서 앨범 커버(album covers)의 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 10a는 앨범 커버의 이미지들을 도시한 종래 기술을 도시한 도면이다. 도 10a를 참조하면, 앨범 커버의 각 이미지의 오브젝트 수를 고려하지 않고 앨범 커버의 이미지들이 동일한 크기로 디스플레이된다. 반면, 도 10b는, 종래와 달리, 앨범 커버의 이미지들의 크기가 변경되어 디스플레이되는 것을 도시한 도면이다. 도 10b를 참조하면, 가장 많은 오브젝트를 가진 앨범 아이콘이 가장 크게 크기가 변경되어 디스플레이된다.10A and 10B are diagrams illustrating a comparison between the prior art and the present invention when displaying a plurality of images of an album cover in a music application according to embodiments of the present disclosure. 10A is a diagram illustrating a prior art showing images of an album cover. Referring to FIG. 10A, images of the album cover are displayed in the same size without considering the number of objects of each image of the album cover. On the other hand, FIG. 10B is a view showing that the size of images of the album cover is changed and displayed, unlike the conventional one. Referring to FIG. 10B, the album icon having the most objects is displayed with the largest size change.
도 11은, 본 개시의 실시 예들에 따른, 하나 이상의 이미지를 선택하기 위한 방법을 설명하기 위한 흐름도이다. 일 실시 예에서, S1102 단계에서, 방법(1100)은 각 이미지에서 오브젝트의 수를 검출하는 단계를 포함한다. 프로세서(202)는 각 이미지에서 오브젝트의 수를 검출할 수 있다. S1104 단계에서, 방법(1100)은 오브젝트의 수를 바탕으로 각 이미지의 상대적인 스케일링 인자를 결정하는 단계를 포함한다. 프로세서(202)는 오브젝트의 수를 바탕으로 각 이미지의 스케일링 인자를 결정할 수 있다.11 is a flowchart illustrating a method for selecting one or more images according to embodiments of the present disclosure. In one embodiment, in step S1102, the
S1106 단계에서, 방법(1100)은 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지를 선택하는 단계를 포함한다. 프로세서(202)는 각 이미지의 상대적인 스케일링 인자를 바탕으로 하나 이상의 이미지들을 선택할 수 있다. S1108단계에서, 방법(1100)은 전자 장치(100)의 스크린 상에 크기 변경된 하나 이상의 이미지들을 디스플레이하는 단계를 포함한다. 프로세서(202)는 전자 장치(100)의 스크린 상에 하나 이상의 크기 변경된 이미지들을 디스플레이할 수 있다.In step S1106, the
방법(1100)에서의 다양한 동작, 행위, 블록, 단계 등은 개시된 순서대로 수행될 수 있고, 다른 순서대로 수행될 수도 있으며, 동시에 수행될 수도 있다. 또한, 일부 실시 예에서, 일부 동작, 행위(acts), 블록, 단계, 기능 등은 본 발명의 범위를 벗어나지 않는 범위 내에서 생략, 첨가, 변형, 스킵(skipped), 또는 이상과 같은 것 등을 할 수 있다.Various operations, actions, blocks, steps, etc. in the
도 12a 및 도 12b는, 본 개시의 실시 예들에 따른, SNS(Social Networking Site)에서 복수의 이미지를 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 12a는 SNS에서 이미지들이 디스플레이되는 종래 기술을 도시한 도면이다. 도 12a를 참조하면, 복수의 이미지들은 각 이미지에서 오브젝트의 수(예: 사람의 수)를 고려하지 않고 디스플레이 되거나 사용자가 디스플레이하기 위한 이미지를 수동으로(manually) 선택해야 하는 것을 알 수 있다. 반면, 도 12b는, 종래와 달리, SNS에서 복수의 이미지들이 각 이미지의 사람 수를 바탕으로 동적으로 선택될 수 있다. 도 12b를 참조하면, SNS의 이미지 피드(feed)에서, 이미지들은 오브젝트의 수에 따라 동적으로 선택되어 크기가 변경되어 디스플레이될 수 있다.12A and 12B are diagrams illustrating a comparison between the prior art and the present invention when a plurality of images are displayed in an SNS (Social Networking Site) according to embodiments of the present disclosure. 12A is a diagram illustrating a prior art in which images are displayed in an SNS. Referring to FIG. 12A, it can be seen that a plurality of images are displayed without considering the number of objects (eg, the number of people) in each image, or that a user must manually select an image for display. On the other hand, in FIG. 12B, unlike in the related art, a plurality of images in SNS may be dynamically selected based on the number of people in each image. Referring to FIG. 12B, in an image feed of SNS, images may be dynamically selected according to the number of objects, and the size may be changed and displayed.
도 13은, 본 개시의 실시 예들에 따른, 하나 이상의 이미지들을 자르는 방법(cropping)을 도시한 흐름도이다. 일 실시 예에서, S1302단계에서, 방법(1300)은 각 이미지의 오브젝트 수를 검출하는 단계를 포함한다. 프로세서(202)는 각 이미지의 오브젝트 수를 검출할 수 있다. S1304단계에서, 방법(1300)은 오브젝트의 수를 바탕으로 각 이미지의 상대적인 스케일링 인자를 결정하는 단계를 포함한다. 프로세서(202)는 오브젝트 수를 바탕으로 각 이미지의 상대적인 스케일링 인자를 결정할 수 있다.13 is a flow diagram illustrating a method of cropping one or more images, according to embodiments of the present disclosure. In one embodiment, in step S1302, the method 1300 includes detecting the number of objects in each image. The
S1306단계에서, 방법(1300)은 각 이미지의 상대적 스케일링 인자를 바탕으로 하나 이상의 이미지를 자르는 단계(cropping)를 포함한다. 프로세서(202)는 각 이미지의 상대적 스케일링 인자를 바탕으로 하나 이상의 이미지들을 자를 수 있다. S1308단계에서, 방법(1300)은 전자 장치(100)의 스크린 상에서 하나 이상의 크기 변경된 이미지들을 디스플레이하는 단계를 포함한다. 프로세서(202)는 전자 장치(100)의 스크린 상에서 크기 변경된 하나 이상의 이미지들을 디스플레이할 수 있다.In step S1306, the method 1300 includes cropping one or more images based on the relative scaling factor of each image. The
제안된 방법(1300)으로, 이미지들은 각 이미지의 상대적 스케일링 인자를 바탕으로 잘릴 수 있다. 또한, 잘린 후 크기 변경된 이미지들은 전자 장치(100)의 스크린 상에 디스플레이될 수 있다. 이미지들이 잘린 경우, 사용자는 충분하게 이미지를 인식할 수 있고, 이미지를 보는 동안 사용자 경험이 증대될 수 있다. With the proposed method 1300, images can be cropped based on the relative scaling factor of each image. In addition, images whose size has been changed after being cut may be displayed on the screen of the
방법(1300)에서의 다양한 동작, 행위, 블록, 단계 등은 개시된 순서대로 수행될 수 있고, 다른 순서대로 수행될 수도 있으며, 동시에 수행될 수도 있다. 또한, 일부 실시 예에서, 일부 동작, 행위(acts), 블록, 단계, 기능 등은 본 발명의 범위를 벗어나지 않는 범위 내에서 생략, 첨가, 변형, 스킵(skipped), 또는 이상과 같은 것 등을 할 수 있다.Various operations, actions, blocks, steps, etc. in the method 1300 may be performed in the order disclosed, may be performed in a different order, or may be performed simultaneously. In addition, in some embodiments, some actions, actions, blocks, steps, functions, etc. may be omitted, added, modified, skipped, or the like within the scope of the present invention. can do.
도 14a 및 도 14b는, 본 개시의 실시 예들에 따른, 복수의 이미지들을 디스플레이하는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 14a는 복수의 이미지가 디스플레이된 종래 기술을 도시한 도면이다. 도 14a에 도시된 바와 같이, 본 개시의 일 실시 예에 따라, 복수의 이미지 상에서 자르는 단계(cropping)가 수행될 수 있다. 도 14b는 잘린 이미지가 크기 변경되어 디스플레이되는 것을 도시한 도면이다. 일 실시 예에서, 도 14a에 도시된 바와 같이, 돌출 영역 검출 방법(salient region detection method)은 각 이미지에서 돌출 영역(salient region)을 검출하는데 이용된다. 돌출 영역은 더 두드러지고 크게 나타나도록 이미지들은 크기가 변경된다. 예를 들어, 도 14b의 첫 번째 이미지의 안내판(1410)의 내용은 도 14a의 네 번째 이미지의 안내판(1410) 보다 이미지의 크기가 크게 변경되어 이미지 내의 정보확인이 용이할 수 있다. 도 14b의 두 번째 이미지의 건물은 도 14a의 다섯 번째 이미지의 건물에서보다 명확하게 인식 가능하게 크기가 변경되어 디스플레이된다. 도 14b의 세 번째 이미지의 버스는 도 14a에 세 번째 이미지에서 버스를 자르고 크기를 변경하여 시각적으로 더욱 명확하게 도시된다.14A and 14B are diagrams illustrating a comparison between the prior art and the present invention when displaying a plurality of images according to embodiments of the present disclosure. 14A is a diagram illustrating a conventional technique in which a plurality of images are displayed. As shown in FIG. 14A, according to an exemplary embodiment of the present disclosure, a cropping step may be performed on a plurality of images. 14B is a diagram illustrating that a cropped image is displayed with its size changed. In one embodiment, as shown in Fig. 14A, a salient region detection method is used to detect a salient region in each image. The images are resized so that the protruding area appears more prominent and larger. For example, the content of the
도 15는, 본 개시의 실시 예들에 따른, 전자 장치에서 하나의 이미지의 디스플레이를 관리하기 위한 방법을 도시한 흐름도이다. 일 실시 예에서, S1502 단계에서, 방법(1500)은 이미지 상에서 복수의 제어 요소들을 디스플레이하는 단계를 포함한다. 프로세서(202)는 이미지 상에서 복수의 제어 요소들을 디스플레이하도록 디스플레이를 제어할 수 있다. S1504 단계에서, 방법(1500)은 이미지에서 오브젝트의 수를 검출하는 단계를 포함한다. 프로세서(202)는 이미지에서 오브젝트의 수를 검출할 수 있다.15 is a flowchart illustrating a method for managing display of one image in an electronic device according to embodiments of the present disclosure. In one embodiment, in step S1502,
S1506단계에서, 방법(1500)은 이미지 상에서 오브젝트의 수가 0으로 검출된 이미지 영역으로 하나 이상의 제어 요소들의 위치를 동적으로 이동시키는 단계를 포함할 수 있다. 프로세서(202)는 이미지 상에서 오브젝트가 검출되지 않은 영역으로 하나 이상의 제어 요소들의 위치를 이동시킬 수 있다.In step S1506, the
제안된 방법(1500)에서, 이미지 제어 요소들은 오브젝트의 수가 검출되지 않은 이미지 영역 상에 디스플레이된다. 즉, 종래와 달리, 이미지 제어 요소들이 이미지 영역 상에서 오브젝트가 검출되지 않은 영역으로 이동되어 디스플레이됨으로써, 이미지의 정보 및 오브젝트들은 충분하게(fully) 인식될 수 있다. In the proposed
방법(1500)에서의 다양한 동작, 행위, 블록, 단계 등은 개시된 순서대로 수행될 수 있고, 다른 순서대로 수행될 수도 있으며, 동시에 수행될 수도 있다. 또한, 일부 실시 예에서, 일부 동작, 행위(acts), 블록, 단계, 기능 등은 본 발명의 범위를 벗어나지 않는 범위 내에서 생략, 첨가, 변형, 스킵(skipped), 또는 이상과 같은 것 등을 할 수 있다.Various operations, actions, blocks, and steps in the
도 16a 및 도 16b는, 본 개시의 실시 예들에 따른, 이미지 편집 애플리케이션 상에 제어 요소들이 디스플레이되는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 16a는, 이미지 제어 요소들을 가지는 이미지 편집 애플리케이션이 디스플레이되는 종래 기술을 도시한 도면이다. 도 16a를 참조하면, 이미지 제어 요소들은 디폴트 위치에 이격되어 있다. 이미지 상에 이미지 제어 요소들이 디폴트 위치에서 이격되어 디스플레이되는 경우, 이미지 제어 요소들이 이미지 상에 오버레이되어 디스플레이되므로 이미지 내의 정보 또는 오브젝트들은 충분하게 인식될 수 없다. 도 16b는, 종래 기술과 달리, 이미지 제어 요소들이 오브젝트가 검출되지 않은 이미지의 영역으로 이동되어 디스플레이되는 것을 도시한 도면이다. 도 16b를 참조하면, 이미지 제어 요소들은 오브젝트가 없는 이미지 상에 디스플레이된다. 즉, 종래 기술과 대조적으로, 오브젝트가 없는 이미지의 영역 상에 이미지 제어 요소들이 디스플레이되는 경우, 이미지 내의 정보 및 오브젝트들은 충분하게 인식될 수 있다. 비슷한 방법으로, 카메라 뷰 파인더 애플리케이션에서, 이미지 제어 요소들은 오브젝트 수가 0으로 검출된 이미지 영역에 디스플레이될 수 있다. 16A and 16B are diagrams showing a comparison between the prior art and the present invention when control elements are displayed on an image editing application, according to embodiments of the present disclosure. 16A is a diagram showing a prior art in which an image editing application having image control elements is displayed. Referring to FIG. 16A, image control elements are spaced apart at default positions. When the image control elements are displayed on the image apart from the default position, information or objects in the image cannot be sufficiently recognized because the image control elements are displayed overlaid on the image. 16B is a diagram illustrating that, unlike the prior art, image control elements are moved to and displayed in an area of an image in which an object is not detected. Referring to Fig. 16B, image control elements are displayed on an image without an object. That is, in contrast to the prior art, when image control elements are displayed on an area of an image without an object, information and objects in the image can be sufficiently recognized. In a similar way, in a camera view finder application, image control elements can be displayed in an image area where the number of objects is detected as zero.
이때, 이미지 제어 요소들은 이미지를 캡쳐하거나 편집하기 위한 사용자 조작 메뉴 또는 아이콘 등을 포함할 수 있다. 또한, 사용자 조작 메뉴가 메뉴 형태의 UI가 아닌 개별적인 아이콘 형태로 디스플레이된 경우, 전자 장치(100)는 각각의 아이콘은 이미지의 오브젝트 검출 수가 0인 영역으로 아이콘이 이동하여 디스플레이되도록 디스플레이를 제어할 수 있다.In this case, the image control elements may include a user manipulation menu or icon for capturing or editing an image. In addition, when the user manipulation menu is displayed in the form of an individual icon rather than a UI in the form of a menu, the
도 17a 및 도 17d는, 본 개시의 실시 예들에 따른, 이미지의 자막(caption)이 디스플레이되는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면들이다.17A and 17D are diagrams showing a comparison between the prior art and the present invention when a caption of an image is displayed according to embodiments of the present disclosure.
도 17a 및 도 17b는, 본 개시의 실시 예들에 따른, 웹 페이지 상에서 이미지의 자막(caption)이 디스플레이되는 경우, 선행 기술과 본원 발명의 비교를 도시한 도면이다. 도 17a는 이미지의 자막(1710)이 이미지 아래에 디스플레이되는 종래 기술을 도시한 도면이다. 반면, 종래 기술과 다르게, 도 17b는 이미지의 자막(1710-1)이 이미지 상에 오버레이되는 것을 도시한 도면이다. 일 실시 예에서, 이미지 상에서 오버레이되기 위한 자막(예, 글자)의 적절한 위치는 이미지의 오브젝트가 검출되지 않은 영역으로 결정된다. 또한, 자막이 이미지 상에 오버레이됨에 따라 이미지의 크기는 더 크게 변경되어 디스플레이될 수 있다.17A and 17B are diagrams illustrating a comparison between the prior art and the present invention when a caption of an image is displayed on a web page according to embodiments of the present disclosure. 17A is a diagram showing a conventional technique in which a
일 실시 예에서, 프로세서(202)는 이미지 상에 자막이 오버레이되기 위한 적합한 폰트 색상 및 크기가 결정할 수 있다. 예를 들어, 자막(캡션)의 폰트 색상은 자막의 배경이 되는 이미지의 색상과 대조되는 색상으로 결정될 수 있다. 또한, 자막의 스타일을 결정하는 요소들은 자동으로 업데이트될 수도 있고, 사용자 명령에 의해 결정될 수도 있다.In an embodiment, the
도 17c 및 도 17d는, 본 개시의 실시 예들에 따른, 이미지의 자막이 디스플레이되는 경우, 선행 기술과 본원 발명의 다른 비교를 도시한 도면이다. 도 17c는 이미지의 자막이 이미지 아래에 디스플레이되는 종래 기술을 도시한 도면이다. 도 17d는, 본 개시의 일 실시 예로, 이미지의 자막이 이미지에 오버레이된 복수의 이미지들을 도시한 도면이다. 예를 들어, 도 17d에 도시된 바와 같이, 하나의 웹 페이지 상에서, 이미지의 자막이 오버레이된 이미지가 복수 개인 경우, 프로세서(202)는 복수의 자막이 오버레이된 이미지들을 하나의 갤러리 형태로 디스플레이하도록 디스플레이를 제어할 수 있다. 또한, 프로세서(202)는 갤러리 형태로 디스플레이된 복수의 이미지들에서 각 이미지의 오브젝트 수를 바탕으로 이미지의 크기를 변경할 수도 있다.17C and 17D are diagrams showing another comparison between the prior art and the present invention when a caption of an image is displayed according to embodiments of the present disclosure. 17C is a diagram illustrating a conventional technique in which a caption of an image is displayed under an image. 17D is a diagram illustrating a plurality of images in which a caption of an image is overlaid on an image according to an embodiment of the present disclosure. For example, as shown in FIG. 17D, when there are a plurality of images overlaid with subtitles of an image on one web page, the
도 18a 및 도 18b는, 본 개시의 실시 예들에 따른, 웨어러블 장치(wearable device)에서 이미지 상에 자막으로 검색(browsing)하는 일 실시 예를 도시한 도면이다. 도 18a 및 도 18b를 참조하면, 웨어러블 장치(100) 상에서 이미지 상에 오버레이된 자막으로 자막과 관련된 웹사이트는 검색될 수 있다. 예를 들어, 웨어러블 장치에서 자막을 가지는 이미지는 자막이 이미지 상에 오버레이되어 디스플레이될 수 있다. 이때, 자막이 이미지 상에 오버레이됨에 따라 이미지의 크기를 크게 변경되어 디스플레이될 수 있다. 이미지 상에 오버레이된 자막을 클릭하거나 또는 자동으로 관련 내용이 웹사이트에서 검색될 수 있다.18A and 18B are diagrams illustrating an embodiment in which a wearable device searches for a caption on an image according to embodiments of the present disclosure. Referring to FIGS. 18A and 18B, a website related to a caption may be searched with a caption overlaid on an image on the
도 19는, 본 개시의 실시 예들에 따른, 전자 장치에서 복수의 이미지들의 디스플레이를 관리하기 위한 방법을 구현한 컴퓨팅 환경을 도시한 도면이다. 도 19에 도시된 바와 같이, 전자 장치(100)의 컴퓨팅 환경은 프로세서(1904) 및 ALU(Arithmetic Logic Unit)(1906), 메모리(1910), 저장부(1912), 복수의 네트워킹 장치들(1916), 및 복수의 입출력(I/O) 장치들(1914)을 포함한다. 처리부(1908)는 스킴(schemes)의 명령(instructions)들을 처리한다. 처리부(1908)는 명령어(instructions) 처리를 위해 프로세서(1904)로부터 명령(commands)을 수신한다. 또한, 명령(instructions)의 실행과 관련된 모든 로직 및 산술 연산은 ALU(1906)의 도움으로 계산된다.19 is a diagram illustrating a computing environment implementing a method for managing a display of a plurality of images in an electronic device according to example embodiments of the present disclosure. As shown in FIG. 19, the computing environment of the
전자 장치(100)의 전체 컴퓨팅 환경은 다수의 동종 및 / 또는 이종의 코어, 다른 종류의 다수의 CPU, 특수 매체, 다른 가속기들로 구성 될 수 있다. 처리부(1908)은 스킴의 명령어들(instructions)을 처리하는 역할을 한다. 또한, 복수의 처리부(1908)은 싱글 칩 또는 멀티 칩 상에 위치할 수 있다.The entire computing environment of the
구현에 필요한 명령어 및 코드를 포함하는 스킴(scheme)은 메모리(1910) 또는 스토리지(1912) 또는 둘 모두에 저장된다. 실행시, 명령어들은, 대응하는 메모리(1910) 또는 스토리지(1912)로부터 페치(fetch)될 수 있고, 처리부(1908)에 의해 실행될 수 있다.Schemes including instructions and codes necessary for implementation are stored in memory 1910 or
하드웨어 구현의 경우, 다양한 네트워크 장치 (1916) 또는 외부 I / O 장치(1914)는 통신부(미도시)와 입출력부(미도시)를 통해 구현을 지원하는 컴퓨팅 환경에 연결될 수 있다.In the case of hardware implementation, various network devices 1916 or external I/
본 개시에 개시된 실시 예들은 적어도 하나의 하드웨어 디바이스에서 실행하고 요소들을 제어하기 위해 네트워크 관리 기능을 수행하는 하나 이상의 소프트웨어 프로그램을 통해 구현 될 수 있다. 도 1a 내지 도 20에 도시 된 요소들은 적어도 하나의 하드웨어 디바이스들 중 하나, 또는 하드웨어 장치, 소프트웨어 모듈의 조합을 할 수 있는 블록을 포함한다.The embodiments disclosed in the present disclosure may be implemented through one or more software programs that execute on at least one hardware device and perform a network management function to control elements. The elements shown in FIGS. 1A to 20 include a block capable of combining one of at least one hardware device or a hardware device and a software module.
도 20은, 본 개시의 실시 예들에 따른, 복수의 이미지들에 포함된 객체의 수에 따라 이미지의 크기를 변경하여 디스플레이하는 방법을 설명하기 위한 순서도이다.20 is a flowchart illustrating a method of changing and displaying an image size according to the number of objects included in a plurality of images, according to example embodiments.
S2010 단계에서, 전자 장치(100)는 복수의 이미지를 인식한다. 예를 들어, 전자 장치(100)는 갤러리 애플리케이션 등과 같이 복수의 이미지들이 저장되는 애플리케이션에서 새로운 이미지가 저장되는 경우, 새로운 이미지를 인식할 수 있다. In step S2010, the
전자 장치(100)는 이미지가 전자 장치(100) 내에 저장되는 이미지일 때, 이미지가 전자 장치(100)에 저장되기 전에 이미지를 인식할 수 있다. 전자 장치(100)는 이미지가 웹사이트 등과 같은 웹브라우저를 통해 실시간 업로딩되는 이미지일 때, 이미지가 업로딩되는 도중에 이미지를 인식할 수 있다.When the image is an image stored in the
S2020 단계에서, 전자 장치(100)는 각 이미지 내에 포함된 오브젝트 수를 검출한다. 예를 들어, 전자 장치(100)는 인식된 이미지 상에서 얼굴 검출기 등과 같은 프로그램을 실행하여 이미지 내의 오브젝트(예: 사람 얼굴)를 검출할 수 있다. 전자 장치(100)는 이미지 내에 모든 얼굴 각각에 윤곽 상자(bounding box)를 통해 얼굴은 검출하여 얼굴 수를 획득할 수 있다. 전자 장치(100)는 윤곽 상자 좌표 값 및 얼굴 수를 이미지 파일과 함께 메타데이터로 저장할 수 있다. 이미지 내에서 얼굴을 검출하는 기술은 공지된 내용이므로 상세한 설명은 생략한다.In step S2020, the
S2030 단계에서, 전자 장치(100)는 이미지의 오브젝트 수를 바탕으로 각 이미지에 대한 스케일링 인자를 결정할 수 있다. 예를 들어, 스케일링 인자는 각 이미지의 크기 변경 비율을 결정하는 것일 수 있다. 예를 들어, 각 이미지의 크기 변경 비율은 이미지 상의 얼굴 영역을 전체 이미지 영역으로 나눈 값일 수 있다. In operation S2030, the
또한, 전자 장치(100)는 각 이미지의 색상 대비(color contrast), 에지 밀도(edge density), 베이지안 인터그레이션(Bayesian integration), 및 표면 스트라들링(Superficial Straddling) 중 적어도 하나를 이용하여 각 이미지 내의 오브젝트 수에 따른 스케일링 인자를 결정할 수도 있다. 이미지의 색상 대비(color contrast), 에지 밀도(edge density), 베이지안 인터그레이션(Bayesian integration), 및 표면 스트라들링(Superficial Straddling) 를 계산하는 공식(equation)은 공지된 기술이므로 상세한 설명은 생략한다. In addition, the
또한, 전자 장치(100)는 이미지에서 오브젝트를 바탕으로 두드러진 영역(salient regions), 대비(contrast) 및 그라데이션(gradient)을 이용하여 스케일링 인자를 결정할 수도 있다.Also, the
전자 장치(100)는 결정된 스케일링 인자에 관한 정보를 메타데이터로 저장할 수 있다.The
S2040 단계에서, 전자 장치(100)는 스케일링 인자를 바탕으로 복수의 이미지 중 적어도 하나의 이미지의 크기를 변경할 수 있다. 이미지에서 오브젝트 수에 따른 이미지 크기 변경은 본 개시에서 상세히 설명하였으므로, 여기에서는 이에 대한 설명은 생략한다.In operation S2040, the
S2050 단계에서, 전자 장치(100)는 크기가 변경된 이미지의 레이아웃 및 디스플레이 순서 중 적어도 하나를 변경하여 전자 장치(100)의 한 화면에 디스플레이한다. 본 개시의 설명의 편의를 위해, 4개의 이미지는 각각 상이한 개수의 오브젝트(예:사람 수)를 포함한다고 가정한다. 예를 들어, 종래에는, 갤러리 애플리케이션에서 동일한 크기로 4개의 이미지를 한 화면에 디스플레이할 수 있다. 반면, 본 개시의 일 실시 예에 따라, 4개의 이미지는 각 이미지가 포함하는 오브젝트의 수에 따라 상이한 크기로 변경되어 디스플레이될 수 있다. 이때, 4개의 이미지를 디스플레이하는 레이아웃 내에서 각각의 레이아웃이 변경될 수도 있고, 각각의 디스플레이 순서도 변경될 수 있다. In operation S2050, the
또한, 4개의 이미지의 크기가 변경됨에 따라 4개의 이미지 전체를 디스플레이하기 위한 레이아웃 내부에 빈 영역이 생기도록 4개의 이미지를 배열할 수도 있다. 이때, 전자 장치(100)는 여백에 다른 이미지를 추가로 디스플레이할 수 있게 되어 4개보다 더 많은 이미지를 디스플레이할 수 있다. 따라서, 전자 장치(100)는 각 이미지의 오브젝트를 명확하게 디스플레이하도록 이미지의 크기를 변경하여 디스플레이할 수도 있고, 사용자에게 추가 이미지를 제공하여 더 많은 정보를 제공할 수도 있다.In addition, as the size of the four images is changed, four images may be arranged so that a blank area is formed inside the layout for displaying all four images. In this case, the
또 다른 예로, 전자 장치(100)는 4개의 이미지 중 오브젝트가 명확히 표시되는 일부 이미지를 선택하여 디스플레이할 수도 있다. 예를 들어, 전자 장치(100)는 4개의 이미지가 디스플레이될 수 있는 레이아웃에 3개의 이미지가 디스플레이되도록 할 수 있다. 따라서, 전자 장치(100)는 이미지 내에 포함된 오브젝트 정보를 사용자에게 더욱 명확하게 제공하여 UX(User Experience)를 향상시킬 수 있다.As another example, the
본 개시의 일 실시 예로, 프로세서(202)는 RAM, ROM, 그래픽 처리부, 메인 CPU, 제1 내지 n 인터페이스, 버스로 구성될 수 있다. 이때, RAM, ROM, 그래픽 처리부, 메인 CPU, 제1 내지 n 인터페이스 등은 버스를 통해 서로 연결될 수 있다. In one embodiment of the present disclosure, the
RAM은 O/S 및 어플리케이션 프로그램을 저장한다. 구체적으로, 전자 장치(100)가 부팅되면 O/S가 RAM에 저장되고, 사용자가 선택한 각종 어플리케이션 데이터가 RAM에 저장될 수 있다. RAM stores O/S and application programs. Specifically, when the
ROM에는 시스템 부팅을 위한 명령어 세트 등이 저장된다. 턴 온 명령이 입력되어 전원이 공급되면, 메인 CPU는 ROM에 저장된 명령어에 따라 메모리에 저장된 O/S를 RAM에 복사하고, O/S를 실행시켜 시스템을 부팅시킨다. 부팅이 완료되면, 메인 CPU는 메모리에 저장된 각종 어플리케이션 프로그램을 RAM에 복사하고, RAM에 복사된 어플리케이션 프로그램을 실행시켜 각종 동작을 수행한다.The ROM stores an instruction set for booting the system. When the turn-on command is input and power is supplied, the main CPU copies the O/S stored in the memory to RAM according to the instruction stored in the ROM, and executes the O/S to boot the system. When booting is complete, the main CPU copies various application programs stored in the memory to RAM, and executes various operations by executing the application programs copied to the RAM.
메인 CPU는 메모리에 액세스하여, 메모리에 저장된 O/S를 이용하여 부팅을 수행한다. 그리고, 메인 CPU는 메모리에 저장된 각종 프로그램, 콘텐트, 데이터 등을 이용하여 다양한 동작을 수행한다. The main CPU accesses the memory and performs booting using the O/S stored in the memory. And, the main CPU performs various operations using various programs, contents, data, etc. stored in the memory.
제1 내지 n 인터페이스는 상술한 각종 구성요소들과 연결된다. 제1 내지 n 인터페이스 중 하나는 네트워크를 통해 외부 장치와 연결되는 네트워크 인터페이스가 될 수도 있다.The first to nth interfaces are connected to the various components described above. One of the first to nth interfaces may be a network interface connected to an external device through a network.
다양한 실시 예에 따른 장치 (예: 모듈들 또는 전자 장치(100)) 또는 방법 (예: 동작들)은, 예컨대, 컴퓨터로 읽을 수 있는 저장매체(computer-readable storage media)에 유지되는(maintain) 프로그램들 중 적어도 하나의 프로그램에 포함된 명령어(instructions)를 실행하는 적어도 하나의 컴퓨터(예: 프로세서 202)에 의하여 수행될 수 있다. A device (eg, modules or electronic device 100) or a method (eg, operations) according to various embodiments may be maintained in, for example, a computer-readable storage media. It may be executed by at least one computer (eg, processor 202) that executes instructions included in at least one of the programs.
상기 명령어가 컴퓨터(예: 프로세서 202)에 의해 실행될 경우, 상기 적어도 하나의 컴퓨터는 상기 명령어에 해당하는 기능을 수행할 수 있다. 이 때, 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 상기 메모리가 될 수 있다. When the command is executed by a computer (eg, the processor 202), the at least one computer may perform a function corresponding to the command. In this case, the computer-readable storage medium may be, for example, the memory.
프로그램은, 예로, 하드디스크, 플로피디스크, 마그네틱 매체 (magnetic media)(예: 자기테이프), 광기록 매체 (optical media)(예: CD-ROM (compact disc read only memory), DVD (digital versatile disc), 자기-광 매체 (magneto-optical media)(예: 플롭티컬 디스크 (floptical disk)), 하드웨어 장치 (예: ROM (read only memory), RAM (random access memory), 또는 플래시 메모리 등) 등과 같은 컴퓨터로 읽을 수 저장 매체에 포함될 수 있다. Programs include, for example, hard disks, floppy disks, magnetic media (e.g., magnetic tape), optical media (e.g. CD-ROM (compact disc read only memory), DVD (digital versatile disc)) ), magnetic-optical media (e.g. floptical disk), hardware devices (e.g. read only memory (ROM), random access memory (RAM), or flash memory), etc. It may be included in a computer-readable storage medium.
이 경우, 저장 매체는 일반적으로 전자 장치(100)의 구성의 일부로 포함되나, 전자 장치(100)의 포트(port)를 통하여 장착될 수도 있으며, 또는 전자 장치(100)의 외부에 위치한 외부 기기(예로, 클라우드, 서버 또는 다른 전자 기기)에 포함될 수도 있다. 또한, 프로그램은 복수의 저장 매체에 나누어 저장될 수도 있으며, 이 때, 복수의 저장 매체의 적어도 일부는 전자 장치(100)의 외부 기기에 위치할 수도 있다.In this case, the storage medium is generally included as a part of the configuration of the
또한, 이상에서는 본 개시의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 개시는 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 개시의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진 자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 개시의 기술적 사상이나 전망으로부터 개별적으로 이해되어서는 안될 것이다.In addition, although the preferred embodiments of the present disclosure have been illustrated and described above, the present disclosure is not limited to the specific embodiments described above, and the technical field to which the present invention belongs without departing from the gist of the present disclosure claimed in the claims In addition, various modifications are possible by those of ordinary skill in the art, and these modifications should not be individually understood from the technical idea or perspective of the present disclosure.
202: 프로세서
204: 저장부
206: 디스플레이202: processor
204: storage unit
206: display
Claims (20)
복수의 이미지를 하나의 화면에 디스플레이하는 디스플레이; 및
상기 각 복수의 이미지 내에 포함된 오브젝트(object)의 수를 검출하고,
상기 검출된 오브젝트의 수에 기초하여 상기 복수의 이미지 중 적어도 하나의 이미지에 대한 스케일링 인자(scaling factor)를 결정하며,
상기 적어도 하나의 이미지에 대한 스케일링 인자에 기초하여 상기 적어도 하나의 이미지에 포함된 상기 오브젝트의 수가 많을수록 상기 복수의 이미지 중 상기 적어도 하나의 이미지의 상대적인 크기를 크게 변경(resizing)하고,
상기 크기가 변경된 상기 적어도 하나의 이미지에 기초하여 상기 복수의 이미지의 레이아웃 및 디스플레이 순서 중 적어도 하나를 변경(reordering)하여 디스플레이하도록 상기 디스플레이를 제어하는 프로세서;를 포함하는 전자 장치.In the electronic device that performs image processing,
A display that displays a plurality of images on one screen; And
Detecting the number of objects included in each of the plurality of images,
Determining a scaling factor for at least one image among the plurality of images based on the number of detected objects,
As the number of the objects included in the at least one image increases based on a scaling factor for the at least one image, the relative size of the at least one image among the plurality of images is significantly changed (resizing),
And a processor configured to control the display to display at least one of a layout and a display order of the plurality of images based on the at least one image whose size has been changed.
상기 프로세서는,
상기 복수의 이미지 중에서 상기 크기가 변경된 이미지 중 상기 이미지 상에 포함된 상기 오브젝트가 상기 이미지 상에 차지하는 비율이 높은 이미지들을 선택적으로 디스플레이하도록 상기 디스플레이를 제어하는 전자 장치.The method of claim 1,
The processor,
An electronic device that controls the display to selectively display images in which the object included on the image occupies a high proportion of the image among the images whose size has been changed among the plurality of images.
상기 프로세서는,
상기 각 복수의 이미지의 ROI(Region of Interest)를 결정하고, 상기 결정된 각 복수의 이미지의 ROI를 바탕으로 상기 복수의 이미지 중 적어도 하나의 이미지로부터 상기 오브젝트가 포함된 영역을 자르고, 상기 잘린 영역의 이미지를 디스플레이하도록 상기 디스플레이를 제어하는 전자 장치.The method of claim 1,
The processor,
A region of interest (ROI) of each of the plurality of images is determined, a region containing the object is cut from at least one image of the plurality of images based on the determined ROIs of each of the plurality of images, and An electronic device that controls the display to display an image.
상기 프로세서는,
상기 복수의 이미지 중 하나가 선택되고, 상기 선택된 이미지 상에 사용자 조작 메뉴가 오버레이되어 디스플레이된 경우, 상기 선택된 이미지 영역에서 상기 오브젝트가 검출되지 않은 영역으로 상기 사용자 조작 메뉴가 이동하여 디스플레이되도록 상기 디스플레이를 제어하는 전자 장치.The method of claim 1,
The processor,
When one of the plurality of images is selected and a user manipulation menu is displayed overlaid on the selected image, the user manipulation menu is moved from the selected image area to an area where the object is not detected, and the display is displayed. Controlling electronic device.
상기 프로세서는,
상기 복수의 이미지가 디스플레이되는 영역을 지정된 n개의 타일 형상으로 구분하고, 상기 각 복수의 이미지에 포함된 상기 오브젝트의 수에 따라 크기가 변경된 상기 이미지를 상기 각 n개의 타일 형상 내에 다시 렌더링(re-rendering)하여 디스플레이하도록 상기 디스플레이를 제어하는 전자 장치.The method of claim 1,
The processor,
The area in which the plurality of images are displayed is divided into designated n tile shapes, and the image whose size is changed according to the number of the objects included in each of the plurality of images is re-rendered in each of the n tile shapes (re- An electronic device that controls the display to display through rendering.
상기 프로세서는,
이미지에 상기 오브젝트가 포함되고, 상기 이미지를 설명하는 자막(caption)이 상기 이미지와 분리되어 디스플레이되는 경우, 상기 자막을 상기 이미지 상에 오버레이(overlay)하고, 상기 이미지의 크기를 변경하여 디스플레이하도록 상기 디스플레이를 제어하는 전자 장치.The method of claim 1,
The processor,
When the object is included in the image and a caption describing the image is displayed separately from the image, the caption is overlaid on the image, and the size of the image is changed and displayed. The electronic device that controls the display.
상기 프로세서는,
상기 복수의 이미지의 상기 각 이미지 내에 포함된 상기 오브젝트들의 수를 비교하여 상기 스케일링 인자를 결정하는 전자 장치.The method of claim 1,
The processor,
An electronic device that determines the scaling factor by comparing the number of the objects included in each image of the plurality of images.
상기 프로세서는,
색상 대비(color contrast), 에지 밀도(edge density), 베이지안 인터그레이션(Bayesian integration), 및 표면 스트라들링(Superficial Straddling) 중 적어도 하나를 이용하여 상기 오브젝트를 검출하는 전자 장치.The method of claim 1,
The processor,
An electronic device that detects the object using at least one of color contrast, edge density, Bayesian integration, and superficial straddling.
저장부;를 더 포함하고,
상기 프로세서는,
이미지가 상기 저장부에 저장되는 경우, 상기 이미지에 포함된 오브젝트의 수는 상기 저장부에 저장되기 전에 결정되고, 상기 결정된 상기 이미지의 오브젝트의 수는 상기 이미지와 함께 상기 저장부에 저장되며,
이미지가 상기 전자장치에 실시간으로 로딩되는 경우, 상기 이미지에 포함된 오브젝트의 수는 상기 이미지가 로딩되는 동안 결정되고, 상기 결정된 상기 이미지의 오브젝트의 수는 상기 이미지 정보와 함께 상기 저장부에 저장되도록 하는 전자 장치.The method of claim 1,
It further includes a storage unit,
The processor,
When an image is stored in the storage unit, the number of objects included in the image is determined before being stored in the storage unit, and the determined number of objects of the image is stored in the storage unit together with the image,
When an image is loaded in the electronic device in real time, the number of objects included in the image is determined while the image is being loaded, and the determined number of objects of the image is stored in the storage unit together with the image information. Electronic device.
상기 전자 장치에서 복수의 이미지를 인식하는 단계;
상기 각 복수의 이미지 내에 포함된 오브젝트(object)의 수를 검출하는 단계;
상기 검출된 오브젝트의 수에 기초하여 상기 복수의 이미지 중 적어도 하나의 이미지에 대한 스케일링 인자(scaling factor)를 결정하는 단계;
상기 적어도 하나의 이미지에 대한 스케일링 인자에 기초하여 상기 적어도 하나의 이미지에 포함된 상기 오브젝트의 수가 많을수록 상기 복수의 이미지 중 상기 적어도 하나의 이미지의 상대적인 크기를 크게 변경(resizing)하는 단계; 및
상기 크기가 변경된 상기 적어도 하나의 이미지에 기초하여 상기 복수의 이미지의 레이아웃 및 디스플레이 순서 중 적어도 하나를 변경(reordering)하여 상기 복수의 이미지를 전자 장치의 하나의 화면에 디스플레이하는 단계;를 포함하는 방법.In the image processing method in an electronic device,
Recognizing a plurality of images in the electronic device;
Detecting the number of objects included in each of the plurality of images;
Determining a scaling factor for at least one image among the plurality of images based on the detected number of objects;
Resizing a relative size of the at least one image among the plurality of images as the number of objects included in the at least one image increases based on a scaling factor for the at least one image; And
And displaying the plurality of images on one screen of an electronic device by reordering at least one of a layout and a display order of the plurality of images based on the at least one image whose size has been changed. .
상기 디스플레이하는 단계는,
상기 복수의 이미지 중에서 상기 크기가 변경된 이미지 중 상기 이미지 상에 포함된 상기 오브젝트가 상기 이미지 상에 차지하는 비율이 높은 이미지들을 선택적으로 디스플레이하는 방법.The method of claim 11,
The displaying step,
A method of selectively displaying images having a high ratio of the object included on the image to the image among the images whose size is changed among the plurality of images.
상기 각 복수의 이미지의 ROI(Region of Interest)를 결정하는 단계;
상기 결정된 각 복수의 이미지의 ROI를 바탕으로 상기 복수의 이미지 중 적어도 하나의 이미지로부터 상기 오브젝트가 포함된 영역을 자르는 단계;
상기 잘린 영역의 이미지를 디스플레이하는 단계;를 더 포함하는 방법.The method of claim 11,
Determining a region of interest (ROI) of each of the plurality of images;
Cutting a region including the object from at least one image of the plurality of images based on the determined ROIs of each of the plurality of images;
Displaying the image of the cropped area; The method further comprising.
상기 복수의 이미지 중 하나가 선택되고, 상기 선택된 이미지 상에 사용자 조작 메뉴가 오버레이되어 디스플레이된 경우, 상기 선택된 이미지 영역에서 상기 오브젝트가 검출되지 않은 영역으로 상기 사용자 조작 메뉴가 이동하여 디스플레이하는 단계;를 더 포함하는 방법.The method of claim 11,
When one of the plurality of images is selected and the user manipulation menu is displayed overlaid on the selected image, the user manipulation menu is moved from the selected image area to an area where the object is not detected and displayed; How to include more.
상기 복수의 이미지가 디스플레이되는 영역을 지정된 n개의 타일 형상으로 구분하는 단계;
상기 각 복수의 이미지에 포함된 상기 오브젝트의 수에 따라 크기가 변경된 상기 이미지를 상기 각 n개의 타일 형상 내에 다시 렌더링(re-rendering)하여 디스플레이하는 단계;를 더 포함하는 방법.The method of claim 11,
Dividing an area in which the plurality of images are displayed into designated n-tile shapes;
Re-rendering and displaying the image whose size has been changed according to the number of the objects included in each of the plurality of images in each of the n tile shapes.
이미지에 상기 오브젝트가 포함되고, 상기 이미지를 설명하는 자막(caption)이 상기 이미지와 분리되어 디스플레이되는 경우, 상기 자막을 상기 이미지 상에 오버레이(overlay)하고, 상기 이미지의 크기를 변경하여 디스플레이하는 단계;를 더 포함하는 방법.The method of claim 11,
When the object is included in the image and the caption describing the image is displayed separately from the image, overlaying the caption on the image and changing the size of the image to display How to further include;
상기 스케일링 인자(scaling factor)를 결정하는 단계는,
상기 복수의 이미지의 상기 각 이미지 내에 포함된 상기 오브젝트들의 수를 비교하여 상기 스케일링 인자를 결정하는 방법.The method of claim 11,
The step of determining the scaling factor,
A method of determining the scaling factor by comparing the number of the objects included in each image of the plurality of images.
상기 검출하는 단계는,
색상 대비(color contrast), 에지 밀도(edge density), 베이지안 인터그레이션(Bayesian integration), 및 표면 스트라들링(Superficial Straddling) 중 적어도 하나를 이용하여 상기 오브젝트를 검출하는 방법.The method of claim 11,
The detecting step,
A method of detecting the object using at least one of color contrast, edge density, Bayesian integration, and superficial straddling.
이미지가 상기 전자 장치에 저장되는 경우, 상기 이미지에 포함된 오브젝트의 수는 상기 전자 장치에 저장되기 전에 결정하고, 상기 결정된 상기 이미지의 오브젝트의 수는 상기 이미지와 함께 상기 전자 장치에 저장하는 단계; 및
이미지가 상기 전자장치에 실시간으로 로딩되는 경우, 상기 이미지에 포함된 오브젝트의 수는 상기 이미지가 로딩되는 동안 결정되고, 상기 결정된 상기 이미지의 오브젝트의 수는 상기 이미지 정보와 함께 상기 전자 장치에 저장하는 단계;를 더 포함하는 방법.The method of claim 11,
When an image is stored in the electronic device, determining the number of objects included in the image before being stored in the electronic device, and storing the determined number of objects in the image together with the image in the electronic device; And
When an image is loaded into the electronic device in real time, the number of objects included in the image is determined while the image is being loaded, and the determined number of objects of the image is stored in the electronic device together with the image information. Step; The method further comprising.
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US15/172,968 US10210598B2 (en) | 2015-06-17 | 2016-06-03 | Electronic device for displaying a plurality of images and method for processing an image |
CN201680035265.2A CN107750369B (en) | 2015-06-17 | 2016-06-09 | Electronic device for displaying a plurality of images and method for processing images |
PCT/KR2016/006125 WO2016204449A1 (en) | 2015-06-17 | 2016-06-09 | Electronic device for displaying a plurality of images and method for processing an image |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
IN3036CH2015 | 2015-06-17 | ||
IN3036/CHE/2015 | 2016-01-18 |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20160149141A KR20160149141A (en) | 2016-12-27 |
KR102193567B1 true KR102193567B1 (en) | 2020-12-22 |
Family
ID=57736643
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020160059731A KR102193567B1 (en) | 2015-06-17 | 2016-05-16 | Electronic Apparatus displaying a plurality of images and image processing method thereof |
Country Status (2)
Country | Link |
---|---|
KR (1) | KR102193567B1 (en) |
CN (1) | CN107750369B (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11641524B2 (en) | 2020-02-07 | 2023-05-02 | Samsung Electronics Co., Ltd. | Electronic device and method for displaying image in electronic device |
Families Citing this family (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106603772B (en) * | 2017-01-26 | 2019-12-27 | Oppo广东移动通信有限公司 | Electronic device and image acquisition method |
KR102391490B1 (en) * | 2017-03-27 | 2022-04-28 | 삼성전자주식회사 | Method for tracking an object in an image and electronic device thereof |
WO2018203116A1 (en) * | 2017-05-02 | 2018-11-08 | Balagopalan Parvati | Methods and systems for viewing or sharing picture/video in interactive media player |
JP7216487B2 (en) * | 2018-06-21 | 2023-02-01 | キヤノン株式会社 | Image processing device and its control method |
CN109151550B (en) * | 2018-09-20 | 2021-11-02 | 阿里巴巴(中国)有限公司 | Video interface display method and device |
CN109151551B (en) * | 2018-09-20 | 2021-08-27 | 阿里巴巴(中国)有限公司 | Video interface display method and device |
CN109302631B (en) * | 2018-09-20 | 2021-06-08 | 阿里巴巴(中国)有限公司 | Video interface display method and device |
KR102627658B1 (en) * | 2018-10-11 | 2024-01-22 | 삼성전자주식회사 | Electronic apparatus identifying image arrangement on layout, controlling method of electronic apparatus and computer readable medium |
CN110032701B (en) * | 2019-04-04 | 2021-07-09 | 网易(杭州)网络有限公司 | Image display control method and device, storage medium and electronic equipment |
CN111754407B (en) * | 2020-06-27 | 2024-03-01 | 北京百度网讯科技有限公司 | Layout method, device and equipment for image display and storage medium |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060170791A1 (en) * | 2002-11-29 | 2006-08-03 | Porter Robert Mark S | Video camera |
US20110074824A1 (en) * | 2009-09-30 | 2011-03-31 | Microsoft Corporation | Dynamic image presentation |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2006295890A (en) * | 2005-03-15 | 2006-10-26 | Fuji Photo Film Co Ltd | Album creating apparatus, album creating method and program |
CN101110011A (en) * | 2006-07-19 | 2008-01-23 | 乐金电子(天津)电器有限公司 | Device for rearranging push-button icon on household electrical appliance display screen and method thereof |
JP4960270B2 (en) * | 2008-01-30 | 2012-06-27 | アイホン株式会社 | Intercom device |
KR101508977B1 (en) * | 2012-08-16 | 2015-04-08 | 네이버 주식회사 | Apparatus, method and computer readable recording medium for editting the image automatically by analyzing an image |
JP5718502B2 (en) * | 2014-02-13 | 2015-05-13 | オリンパスイメージング株式会社 | Image creating apparatus and image creating method |
-
2016
- 2016-05-16 KR KR1020160059731A patent/KR102193567B1/en active IP Right Grant
- 2016-06-09 CN CN201680035265.2A patent/CN107750369B/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060170791A1 (en) * | 2002-11-29 | 2006-08-03 | Porter Robert Mark S | Video camera |
US20110074824A1 (en) * | 2009-09-30 | 2011-03-31 | Microsoft Corporation | Dynamic image presentation |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11641524B2 (en) | 2020-02-07 | 2023-05-02 | Samsung Electronics Co., Ltd. | Electronic device and method for displaying image in electronic device |
US12003867B2 (en) | 2020-02-07 | 2024-06-04 | Samsung Electronics Co., Ltd. | Electronic device and method for displaying image in electronic device |
Also Published As
Publication number | Publication date |
---|---|
KR20160149141A (en) | 2016-12-27 |
CN107750369B (en) | 2021-11-02 |
CN107750369A (en) | 2018-03-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102193567B1 (en) | Electronic Apparatus displaying a plurality of images and image processing method thereof | |
US11356597B2 (en) | Method and apparatus for supporting image processing, and computer-readable recording medium for executing the method | |
US10210598B2 (en) | Electronic device for displaying a plurality of images and method for processing an image | |
US11317139B2 (en) | Control method and apparatus | |
US9942486B2 (en) | Identifying dominant and non-dominant images in a burst mode capture | |
KR102161230B1 (en) | Method and apparatus for user interface for multimedia content search | |
EP3183640B1 (en) | Device and method of providing handwritten content in the same | |
US10742900B2 (en) | Method and system for providing camera effect | |
KR101870371B1 (en) | Photo and document integration | |
KR20140098009A (en) | Method and system for creating a context based camera collage | |
EP2728457A2 (en) | Display method and electronic device using the same | |
US20130167055A1 (en) | Method, apparatus and system for selecting a user interface object | |
US10048858B2 (en) | Method and apparatus for swipe shift photo browsing | |
CN112714253B (en) | Video recording method and device, electronic equipment and readable storage medium | |
US20220174237A1 (en) | Video special effect generation method and terminal | |
JP2012190349A (en) | Image processing device, image processing method, and control program | |
WO2017107855A1 (en) | Picture searching method and device | |
US20230336671A1 (en) | Imaging apparatus | |
US20210406588A1 (en) | Image processing device, image processing method, and image processing program | |
CN112822394A (en) | Display control method and device, electronic equipment and readable storage medium | |
KR20200127928A (en) | Method and apparatus for recognizing object of image in electronic device | |
WO2020107186A1 (en) | Systems and methods for taking telephoto-like images | |
US20220283698A1 (en) | Method for operating an electronic device in order to browse through photos | |
CN113592983A (en) | Image processing method and device and computer readable storage medium | |
US20230418446A1 (en) | Screenshot method, electronic device and computer-readable storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |