KR102134509B1 - Method and apparatus of displaying preview image - Google Patents

Method and apparatus of displaying preview image Download PDF

Info

Publication number
KR102134509B1
KR102134509B1 KR1020180046276A KR20180046276A KR102134509B1 KR 102134509 B1 KR102134509 B1 KR 102134509B1 KR 1020180046276 A KR1020180046276 A KR 1020180046276A KR 20180046276 A KR20180046276 A KR 20180046276A KR 102134509 B1 KR102134509 B1 KR 102134509B1
Authority
KR
South Korea
Prior art keywords
preview image
effect
preview
image
dynamic
Prior art date
Application number
KR1020180046276A
Other languages
Korean (ko)
Other versions
KR20190122461A (en
Inventor
강수영
Original Assignee
주식회사 카카오
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 카카오 filed Critical 주식회사 카카오
Priority to KR1020180046276A priority Critical patent/KR102134509B1/en
Publication of KR20190122461A publication Critical patent/KR20190122461A/en
Application granted granted Critical
Publication of KR102134509B1 publication Critical patent/KR102134509B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Abstract

일 실시예에 따른 미리보기 이미지를 표시하는 방법은 링크 정보에 대응하는 미리보기 이미지를 수신하고, 미리보기 이미지에 부가될 동적 효과를 결정하며, 동적 효과에 기초하여 미리보기 이미지를 표시하는 단계들을 포함한다. A method of displaying a preview image according to an embodiment includes receiving a preview image corresponding to link information, determining a dynamic effect to be added to the preview image, and displaying the preview image based on the dynamic effect. Includes.

Description

미리보기 이미지를 표시하는 방법 및 표시 장치{METHOD AND APPARATUS OF DISPLAYING PREVIEW IMAGE}METHOD AND APPARATUS OF DISPLAYING PREVIEW IMAGE}

아래의 실시예들은 미리보기 이미지를 표시하는 방법 및 표시 장치에 관한 것이다.The following embodiments relate to a method and a display device for displaying a preview image.

최근 HTML(Hypertext Markup Language) 문서의 메타 데이터를 보다 쉽게 표시하기 위해 사이트를 대표하는 이미지와 텍스트를 삽입하여 활용할 수 있게 하는 오픈 그래프 프로토콜(Open Graph Protocol; OG tag)이 많이 사용되고 있다. Recently, Open Graph Protocol (OG tag), which allows images and text representing sites to be inserted and used, is widely used to more easily display HTML (Hypertext Markup Language) document metadata.

오픈 그래프 프로토콜이 적용된 URL(Universal Resource Locator)을 공유하는 경우, 오픈 그래프 프로토콜을 지원하는 사용자 단말은 해당 URL의 대표 이미지와 텍스트를 적절하게 노출하여 URL을 공유 받은 사용자가 빠르게 해당 URL에 대응하는 웹 페이지의 성격을 파악하도록 할 수 있다. 이때, 오픈 그래프 프로토콜에 삽입하는 이미지와 텍스트는 정적인 데이터로서, 미리 마련된 해당 사이트를 대표하는 대표 이미지, 제목 등으로 채워질 수 있다. When sharing the Universal Resource Locator (URL) to which the Open Graph protocol is applied, the user terminal supporting the Open Graph protocol properly exposes the representative image and text of the URL, so that the user who has shared the URL quickly responds to the URL. You can try to figure out the nature of the page. At this time, the image and text inserted in the open graph protocol are static data, and may be filled with a representative image, a title, etc. representing the corresponding site prepared in advance.

일 측에 따르면, 미리보기 이미지를 표시하는 방법은 링크 정보에 대응하는 적어도 하나의 미리보기 이미지를 수신하는 단계; 상기 적어도 하나의 미리보기 이미지의 특성을 획득하는 단계; 상기 적어도 하나의 미리보기 이미지의 특성에 기초하여, 상기 적어도 하나의 미리보기 이미지에 부가될 동적 효과를 결정하는 단계; 및 상기 동적 효과에 기초하여, 상기 적어도 하나의 미리보기 이미지를 표시하는 단계를 포함한다.According to one side, a method of displaying a preview image includes receiving at least one preview image corresponding to link information; Acquiring characteristics of the at least one preview image; Determining a dynamic effect to be added to the at least one preview image based on the characteristics of the at least one preview image; And displaying the at least one preview image based on the dynamic effect.

상기 동적 효과는 미리 설정된 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 스케일링(scaling)하는 효과; 상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 트랜지션(transition)하는 효과; 상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 로테이션(rotation)하는 효과; 상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지의 색 속성(color property)을 동적으로 변경하는 효과; 상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지에 동적으로 부여되는 특수 효과(special effect); 및 상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 슬라이드(slide)하는 효과 중 적어도 하나를 포함할 수 있다.The dynamic effect includes an effect of dynamically scaling the at least one preview image within a preset feed area; An effect of dynamically transitioning the at least one preview image in the feed area; An effect of dynamically rotating the at least one preview image in the feed area; An effect of dynamically changing a color property of the at least one preview image in the feed area; A special effect dynamically applied to the at least one preview image in the feed area; And an effect of dynamically sliding the at least one preview image in the feed area.

상기 적어도 하나의 미리보기 이미지의 특성은 상기 적어도 하나의 미리보기 이미지의 수, 상기 적어도 하나의 미리보기 이미지의 해상도, 및 상기 적어도 하나의 미리보기 이미지의 색 속성, 상기 적어도 하나의 미리보기 이미지가 동적 이미지인지 여부, 상기 적어도 하나의 미리보기 이미지의 사이즈, 상기 적어도 하나의 미리보기 이미지가 위치 태그를 포함하는지 여부, 상기 적어도 하나의 미리보기 이미지가 객체를 포함하는지 여부 중 적어도 하나를 포함할 수 있다.The characteristics of the at least one preview image include the number of the at least one preview image, the resolution of the at least one preview image, and the color properties of the at least one preview image, and the at least one preview image. Whether it is a dynamic image, the size of the at least one preview image, whether the at least one preview image includes a location tag, and whether the at least one preview image includes an object. have.

상기 동적 효과를 결정하는 단계는 상기 적어도 하나의 미리보기 이미지의 수가 단수인 경우, 상기 단수의 미리보기 이미지에 대한 스케일링 효과를 상기 동적 효과에 포함시키는 단계; 및 상기 적어도 하나의 미리보기 이미지의 수가 복수인 경우, 상기 복수의 미리보기 이미지들에 대한 슬라이드 효과를 상기 동적 효과에 포함시키는 단계를 포함할 수 있다.The determining of the dynamic effect may include, when the number of the at least one preview image is singular, including a scaling effect for the singular preview image in the dynamic effect; And when the number of the at least one preview image is plural, including a slide effect for the plurality of preview images in the dynamic effect.

상기 동적 효과를 결정하는 단계는 상기 적어도 하나의 미리보기 이미지가 위치 태그를 포함하는 경우, 해당 위치에 대한 정보를 상기 적어도 하나의 미리보기 이미지 상에 동적으로 표시하는 효과를 상기 동적 효과에 포함시키는 단계; 및 상기 적어도 하나의 미리보기 이미지의 사이즈에 기초하여, 슬라이드 효과 또는 스케일링 효과 중 어느 하나를 선택적으로 상기 동적 효과에 포함시키는 단계 중 적어도 하나를 포함할 수 있다.In the determining of the dynamic effect, when the at least one preview image includes a location tag, the dynamic effect includes an effect of dynamically displaying information on the corresponding location on the at least one preview image step; And selectively including either a slide effect or a scaling effect on the dynamic effect based on the size of the at least one preview image.

상기 동적 효과를 결정하는 단계는 상기 적어도 하나의 미리보기 이미지가 객체를 포함하는 경우, 상기 객체를 고려하여 상기 동적 효과를 결정하는 단계를 포함할 수 있다.The determining of the dynamic effect may include determining the dynamic effect in consideration of the object when the at least one preview image includes the object.

상기 동적 효과가 스케일링 효과를 포함하는 경우, 상기 적어도 하나의 미리보기 이미지를 표시하는 단계는 상기 적어도 하나의 미리보기 이미지의 적어도 일부를 크롭(crop)하는 크롭핑 윈도우의 크기를 프레임 별로 상이하게 설정하는 단계; 및 상기 프레임 별 크롭핑 윈도우에 의하여 크롭된 적어도 일부의 이미지를 미리 설정된 피드 영역에 동적으로 표시하는 단계를 포함할 수 있다.When the dynamic effect includes a scaling effect, the displaying of the at least one preview image sets a size of a cropping window for cropping at least a part of the at least one preview image for each frame. To do; And dynamically displaying at least a part of the image cropped by the cropping window for each frame in a preset feed area.

상기 적어도 하나의 미리보기 이미지의 수가 복수이고, 상기 동적 효과가 슬라이드 효과를 포함하는 경우, 상기 적어도 하나의 미리보기 이미지를 표시하는 단계는 미리 설정된 피드 영역에서 상기 복수의 미리보기 이미지들이 자동으로 슬라이드 되는 자동 슬라이드 효과를 부가하는 단계; 상기 미리 설정된 피드 영역에 대한 사용자 입력이 감지되면, 상기 자동 슬라이드 효과를 중단하는 단계; 상기 미리 설정된 피드 영역에서 상기 복수의 미리보기 이미지들이 상기 사용자 입력에 반응하여 수동으로 슬라이드 되는 수동 슬라이드 효과를 부가하는 단계; 및 상기 사용자 입력이 중단되면, 상기 수동 슬라이드 효과를 중단하고 상기 자동 슬라이드 효과를 다시 부가하는 단계를 포함할 수 있다.When the number of the at least one preview image is plural and the dynamic effect includes a slide effect, the step of displaying the at least one preview image automatically slides the plurality of preview images in a preset feed area. Adding an automatic slide effect; Stopping the automatic slide effect when a user input to the preset feed area is detected; Adding a manual slide effect in which the plurality of preview images are manually slided in response to the user input in the preset feed area; And when the user input is stopped, stopping the manual slide effect and adding the automatic slide effect again.

상기 적어도 하나의 미리보기 이미지를 수신하는 단계에 앞서, 상기 링크 정보를 표시하는 단계를 더 포함할 수 있다.Prior to receiving the at least one preview image, the method may further include displaying the link information.

상기 미리보기 이미지를 표시하는 단계는 상기 동적 효과가 부가되지 않은 미리보기 이미지를 표시하는 단계; 상기 미리보기 이미지와 관련된 미리 정해진 조건이 만족하는지 여부를 판단하는 단계; 및 상기 판단 결과에 따라, 상기 동적 효과에 기초하여 상기 적어도 하나의 미리보기 이미지를 표시하는 단계를 포함할 수 있다.The displaying of the preview image may include displaying a preview image to which the dynamic effect is not added; Determining whether a predetermined condition related to the preview image is satisfied; And displaying the at least one preview image based on the dynamic effect according to the determination result.

일 측에 따르면, 미리보기 이미지를 표시하는 표시 장치는 링크 정보에 대응하는 적어도 하나의 미리보기 이미지를 수신하는 통신부; 상기 미리보기 이미지를 표시하는 디스플레이; 및 상기 적어도 하나의 미리보기 이미지의 특성을 획득하고, 상기 적어도 하나의 미리보기 이미지의 특성에 기초하여 상기 적어도 하나의 미리보기 이미지에 부가될 동적 효과를 결정하며, 상기 동적 효과에 기초하여 상기 적어도 하나의 미리보기 이미지가 표시되도록 상기 디스플레이를 제어하는 프로세서를 포함한다.According to one side, the display device for displaying the preview image includes a communication unit for receiving at least one preview image corresponding to the link information; A display displaying the preview image; And obtaining characteristics of the at least one preview image, and determining dynamic effects to be added to the at least one preview image based on the characteristics of the at least one preview image, and based on the dynamic effects. And a processor that controls the display such that one preview image is displayed.

도 1은 일 실시예에 따른 미리보기 이미지를 표시하는 방법을 나타낸 흐름도.
도 2는 일 실시예에 따라 미리보기 이미지에 부가되는 동적 효과를 설명하기 위한 도면.
도 3은 일 실시예에 따른 미리보기 이미지의 수에 기초하여 동작 효과를 결정하는 방법을 설명하기 위한 도면.
도 4는 일 실시예에 따른 미리보기 이미지를 표시하는 방법을 설명하기 위한 도면.
1 is a flowchart illustrating a method for displaying a preview image according to an embodiment.
2 is a diagram for describing a dynamic effect added to a preview image according to an embodiment.
3 is a diagram for explaining a method of determining an operation effect based on the number of preview images according to an embodiment.
4 is a view for explaining a method of displaying a preview image according to an embodiment.

이하에서, 첨부된 도면을 참조하여 실시예들을 상세하게 설명한다. 각 도면에 제시된 동일한 참조 부호는 동일한 부재를 나타낸다. 아래 설명하는 실시예들에는 다양한 변경이 가해질 수 있다. 아래 설명하는 실시예들은 실시 형태에 대해 한정하려는 것이 아니며, 이들에 대한 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.Hereinafter, embodiments will be described in detail with reference to the accompanying drawings. The same reference numerals in each drawing denote the same members. Various modifications may be made to the embodiments described below. The examples described below are not intended to be limiting with respect to the embodiments, and should be understood to include all modifications, equivalents, or substitutes thereof.

실시예에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 실시예를 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "포함하다" 또는 "가지다" 등의 용어는 명세서 상에 기재된 특징, 숫자, 단계, 동작, 구성 요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성 요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.The terms used in the examples are only used to describe specific examples, and are not intended to limit the examples. Singular expressions include plural expressions unless the context clearly indicates otherwise. In this specification, terms such as “include” or “have” are intended to indicate that there are features, numbers, steps, operations, components, parts, or combinations thereof described in the specification, and one or more other features. It should be understood that the existence or addition possibilities of fields or numbers, steps, operations, components, parts or combinations thereof are not excluded in advance.

다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 실시예가 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥 상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.Unless otherwise defined, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by a person skilled in the art to which the embodiment belongs. Terms, such as those defined in a commonly used dictionary, should be interpreted as having meanings consistent with meanings in the context of related technologies, and should not be interpreted as ideal or excessively formal meanings unless explicitly defined in the present application. Does not.

또한, 첨부 도면을 참조하여 설명함에 있어, 도면 부호에 관계없이 동일한 구성 요소는 동일한 참조 부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다. 실시예를 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 실시예의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다. In addition, in the description with reference to the accompanying drawings, the same components are given the same reference numerals regardless of the reference numerals, and redundant descriptions thereof will be omitted. In describing the embodiments, when it is determined that detailed descriptions of related known technologies may unnecessarily obscure the subject matter of the embodiments, the detailed descriptions will be omitted.

도 1은 일 실시예에 따른 미리보기 이미지를 표시하는 방법을 나타낸 흐름도이다. 도 1을 참조하면, 일 실시예에 따른 미리보기 이미지를 표시하는 장치(이하, '표시 장치')는 링크 정보에 대응하는 적어도 하나의 미리보기 이미지를 수신한다(110). 표시 장치는 하나 또는 그 이상의 소프트웨어 모듈, 하나 또는 그 이상의 하드웨어 모듈, 또는 이들의 다양한 조합으로 구현될 수 있다.1 is a flowchart illustrating a method for displaying a preview image according to an embodiment. Referring to FIG. 1, an apparatus for displaying a preview image according to an embodiment (hereinafter referred to as a'display apparatus') receives at least one preview image corresponding to link information (110). The display device may be implemented by one or more software modules, one or more hardware modules, or various combinations thereof.

일 실시예에서 링크 정보에 대응하는 적어도 하나의 미리보기 이미지는 URL(Universal Resource Locator)의 미리보기 정보에 대한 메타 데이터에 포함된 것일 수 있다. 여기서, 'URL의 미리보기 정보에 대한 메타 데이터'는 미리보기 화면의 실체를 구성하는 메타 데이터의 표기 방법 중 하나인 오픈 그래프 프로토콜(open graph protocol)에 기반한 오픈 그래프 태그(open graph tag)에 해당할 수 있다. URL의 미리보기 정보에 대한 메타 데이터는 예를 들어, 웹 브라우저(web browser) 또는 웹 서버(web server)가 생성한 것으로, 표시 장치의 오픈 API(Application Program Interface)를 통하여 URL의 미리보기 정보가 요청됨에 따라 회신되는 정보일 수 있다. URL의 미리보기 정보에 대한 메타 데이터는 예를 들어, 해당 URL을 나타내는 제목(title), 설명 문구(description) 등과 같은 텍스트 이외에도 해당 URL을 대표하는 이미지와 같은 미리보기 이미지를 포함할 수 있다. 이때, 링크 정보에 대응하는 미리보기 이미지는 정적 이미지 또는 동적 이미지에 해당할 수 있다. 또한, 링크 정보에 대응하는 미리보기 이미지의 수는 단수일 수도 있고, 복수일 수도 있다. 이하, 미리보기 이미지는 적어도 하나의 미리보기 이미지를 지칭할 수 있다.In one embodiment, at least one preview image corresponding to the link information may be included in metadata for preview information of a universal resource locator (URL). Here, the'metadata for preview information of URL' corresponds to an open graph tag based on the open graph protocol, which is one of the notation methods of metadata constituting the substance of the preview screen. can do. Meta data for the preview information of the URL is generated by, for example, a web browser or a web server, and the preview information of the URL is displayed through an open application program interface (API) of the display device. It may be information that is returned as requested. Meta data about the preview information of the URL may include, for example, a preview image such as an image representing the URL in addition to text such as a title and a description indicating the URL. At this time, the preview image corresponding to the link information may correspond to a static image or a dynamic image. Further, the number of preview images corresponding to the link information may be singular or plural. Hereinafter, the preview image may refer to at least one preview image.

일 실시예에 따른 표시 장치는 예를 들어, 웹 브라우저 또는 웹 서버에 의해 생성된 URL의 미리보기 정보를 사용자에게 노출하는 오픈 API를 지원할 수 있다. 표시 장치는 표시 장치에 설치된 어플리케이션에 의해 구동될 수 있다. 표시 장치에는 예를 들어, 미리보기 이미지를 표시하는 어플리케이션이 설치될 수 있다. 미리보기 이미지를 표시하는 어플리케이션은 소셜 네트워킹 서비스 또는 인스턴트 메시징 서비스를 제공하는 어플리케이션 등을 포함할 수 있다. 일 실시예에 따른 표시 장치에는 예를 들어, PC(Personal Computer), 넷북, 노트북, PDA(Personal Digital Appliance), 스마트폰, 웨어러블 디바이스(Wearable device), 및 유사한 기능을 수행하는 다양한 사용자 표시 장치들이 해당될 수 있다.The display device according to an embodiment may support, for example, an open API that exposes preview information of a URL generated by a web browser or a web server to a user. The display device may be driven by an application installed on the display device. For example, an application that displays a preview image may be installed on the display device. The application for displaying the preview image may include an application that provides a social networking service or an instant messaging service. The display device according to an embodiment includes, for example, a personal computer (PC), a netbook, a laptop, a personal digital appliance (PDA), a smart phone, a wearable device, and various user display devices performing similar functions. It may apply.

표시 장치는 미리보기 이미지에 부가될 동적 효과를 결정한다(120). 일 실시예에서 미리보기 이미지에 부가될 동적 효과는 예를 들어, 피드 영역 내에서 미리보기 이미지를 동적으로 스케일링(scaling)하는 효과, 피드 영역 내에서 미리보기 이미지를 동적으로 트랜지션(transition)하는 효과, 피드 영역 내에서 미리보기 이미지를 동적으로 로테이션(rotation)하는 효과, 피드 영역 내에서 미리보기 이미지의 색 속성(color property)을 동적으로 변경하는 효과, 피드 영역 내에서 미리보기 이미지에 동적으로 부여되는 특수 효과(special effect), 및 피드 영역 내에서 미리보기 이미지를 동적으로 슬라이드(slide)하는 효과 등을 포함할 수 있다. 이때, 표시 장치의 화면(screen)에서 피드 영역은 일정 크기 및/또는 일정 위치에 해당할 수 있다. 피드 영역의 크기 및 위치는 미리 설정될 수 있다. 미리보기 이미지에 부가될 동적 효과에 대하여는 아래의 도 2를 참조하여 구체적으로 설명한다. The display device determines a dynamic effect to be added to the preview image (120). In one embodiment, the dynamic effect to be added to the preview image is, for example, an effect of dynamically scaling the preview image within the feed region, and an effect of dynamically transitioning the preview image within the feed region. , The effect of dynamically rotating the preview image within the feed area, the effect of dynamically changing the color property of the preview image within the feed area, and dynamically giving the preview image within the feed area And a special effect, and an effect of dynamically sliding a preview image in the feed area. At this time, the feed area on the screen of the display device may correspond to a certain size and/or a certain location. The size and position of the feed area can be preset. The dynamic effect to be added to the preview image will be described in detail with reference to FIG. 2 below.

단계(120)에서, 표시 장치는 미리보기 이미지의 특성을 획득하고, 획득한 특성에 기초하여 동적 효과를 결정할 수 있다. 미리보기 이미지의 특성은 단계(110)에서 수신한 적어도 하나의 미리보기 이미지의 세트와 관련된 특성(예를 들어, 적어도 하나의 미리보기 이미지의 수 등)을 포함할 수 있다. 또는, 미리보기 이미지의 특성은 개별 미리보기 이미지와 관련된 특성(예를 들어, 미리보기 이미지의 수, 미리보기 이미지의 해상도, 미리보기 이미지의 색 속성, 또는 이들의 다양한 조합 등)을 포함할 수 있다. 미리보기 이미지의 특성은 미리보기 이미지가 동적 이미지인지 여부, 미리보기 이미지의 사이즈(혹은 미리보기 이미지가 파노라마 이미지인지 여부), 미리보기 이미지가 위치 태그를 포함하는지 여부, 미리보기 이미지가 객체(예를 들어, 인물, 동물, 사물 등)를 포함하는지 여부 등을 포함할 수도 있다.In step 120, the display device may acquire characteristics of the preview image and determine a dynamic effect based on the acquired characteristics. The characteristics of the preview image may include characteristics (eg, the number of at least one preview image, etc.) associated with the set of at least one preview image received in step 110. Alternatively, the characteristics of the preview image may include characteristics related to individual preview images (eg, the number of preview images, the resolution of the preview images, the color properties of the preview images, or various combinations thereof). have. The characteristics of the preview image are: whether the preview image is a dynamic image, the size of the preview image (or whether the preview image is a panoramic image), whether the preview image includes a location tag, and whether the preview image is an object (eg For example, it may include whether or not a person, animal, object, etc.) is included.

일 실시예에 따른 표시 장치가 적어도 하나의 미리보기 이미지의 수에 기초하여 동적 효과를 결정하는 방법은 아래의 도 3을 참조하여 구체적으로 설명한다. A method of determining a dynamic effect based on the number of at least one preview image by the display device according to an embodiment will be described in detail with reference to FIG. 3 below.

동적 효과는 미리보기 이미지의 특성에 기초하여 미리보기 이미지 별로 결정될 수도 있고, 적어도 하나의 미리보기 이미지 전부에 대하여 통합적으로 결정될 수도 있다. 예를 들어, 미리보기 이미지의 수가 복수인 경우, 표시 장치는 복수의 미리보기 이미지들 중 일부 미리보기 이미지에 대하여만 동적 효과를 부가하도록 결정할 수도 있고, 복수의 미리보기 이미지 전부에 대하여 동적 효과를 부가하도록 결정할 수도 있다. The dynamic effect may be determined for each preview image based on the characteristics of the preview image, or may be integrally determined for all of the at least one preview image. For example, when the number of preview images is plural, the display device may determine to add a dynamic effect only to some of the preview images among the plurality of preview images, and may apply dynamic effects to all of the plurality of preview images. You may decide to add.

표시 장치는 동적 효과에 기초하여, 미리보기 이미지를 표시한다(130). 이때, 동적 효과에 기초하여 표시되는 미리보기 이미지는 단계(120)에서 결정된 동적 효과가 부가된 이미지로서 정적 이미지가 아니라 동적 이미지에 해당할 수 있다. The display device displays a preview image based on the dynamic effect (130 ). At this time, the preview image displayed based on the dynamic effect is an image to which the dynamic effect determined in step 120 is added and may correspond to a dynamic image, not a static image.

일 예로, 표시 장치는 미리보기 이미지에 동적 효과를 부가하여 새로운 이미지를 생성한 뒤, 생성된 이미지를 표시할 수 있다. 다른 예로, 표시 장치는 새로운 이미지를 생성하는 대신, 미리보기 이미지에 동적 효과가 부가되어 표시되도록 출력 영상을 제어할 수 있다.For example, the display device may generate a new image by adding a dynamic effect to the preview image, and then display the generated image. As another example, instead of generating a new image, the display device may control the output image to be displayed by adding a dynamic effect to the preview image.

표시 장치가 미리보기 이미지를 표시하는 방법은 아래의 도 4를 참조하여 구체적으로 설명한다. A method of displaying the preview image by the display device will be described in detail with reference to FIG. 4 below.

일 실시예에서는 정적 데이터에 해당하는 미리보기 이미지에 다양한 동적 효과를 부가하거나 동적 데이터에 해당하는 미리보기 이미지에 추가적인 동적 효과를 부가함으로써, 미리보기 이미지에 재미 요소를 부여하고, 생동감 있는 미리보기 이미지를 제공하여 사용자의 관심과 흥미를 유발시킬 수 있다. In one embodiment, by adding various dynamic effects to the preview image corresponding to the static data or by adding additional dynamic effects to the preview image corresponding to the dynamic data, a fun factor is given to the preview image, and the dynamic preview image is added. By providing the user's interest and interest.

도 2는 일 실시예에 따라 미리보기 이미지에 부가되는 동적 효과를 설명하기 위한 도면이다. 도 2를 참조하면, 피드 영역 내에서 미리보기 이미지에 부가되는 다양한 동적 효과들을 나타낸 화면들이 도시된다. 2 is a diagram for describing a dynamic effect added to a preview image according to an embodiment. Referring to FIG. 2, screens showing various dynamic effects added to a preview image in a feed area are illustrated.

도 2(a)는 미리보기 이미지를 동적으로 스케일링하는 효과의 일 예시를 나타낸 화면이다. 동적으로 스케일링하는 효과는 피드 영역 내에서 보여지는 객체의 크기(size)가 시간의 흐름에 따라 커지거나(확대), 또는 작아지는 (축소) 효과에 해당한다. 예를 들어, 미리보기 이미지에 강아지가 포함된 경우, 동적으로 스케일링하는 효과에 의해 피드 영역 내 표시되는 강아지의 크기가 점진적으로 커지거나, 또는 작아질 수 있다. 2(a) is a screen showing an example of an effect of dynamically scaling a preview image. The effect of dynamically scaling corresponds to an effect in which the size of an object seen in the feed area increases (enlarge) or decreases (reduces) as time passes. For example, when a puppy is included in the preview image, the size of the puppy displayed in the feed area may gradually increase or decrease due to a dynamically scaling effect.

이 때, 피드 영역의 크기는 변하지 않고, 피드 영역 내 표시되는 이미지가 줌 인 되거나 줌 아웃될 수 있다. 줌 인 효과에 의해 피드 영역 내에 표시되는 미리보기 이미지의 영역은 작아지는 반면, 미리 보기 이미지에 포함된 객체들이 크게 표시될 수 있다. 또한, 줌 아웃 효과에 의해 피드 영역 내에 표시되는 미리보기 이미지의 영역은 상대적으로 증가하는 반면, 미리 보기 이미지에 포함된 객체들이 작게 표시될 수 있다. At this time, the size of the feed area does not change, and an image displayed in the feed area may be zoomed in or out. While the area of the preview image displayed in the feed area is reduced by the zoom-in effect, objects included in the preview image may be largely displayed. Also, the area of the preview image displayed in the feed area is relatively increased due to the zoom-out effect, while objects included in the preview image may be displayed in a small size.

미리보기 이미지에서 줌 인되는 영역 또는 줌 아웃되는 영역은 예를 들어, 미리보기 이미지의 적어도 일부를 크롭(crop)하는 크롭핑 윈도우(cropping window)에 의해 결정될 수 있다. 크롭핑 윈도우에 대하여는 아래의 도 4를 참조하여 구체적으로 설명한다. The zoomed-in area or the zoomed-out area of the preview image may be determined, for example, by a cropping window cropping at least a portion of the preview image. The cropping window will be described in detail with reference to FIG. 4 below.

도 2(b)는 미리보기 이미지를 동적으로 트랜지션 하는 효과의 일 예시를 나타낸 화면이다. 트랜지션하는 효과는 피드 영역 내에서 보여지는 미리보기 이미지 내 영역의 위치를 이동시키는 효과에 해당할 수 있다. 예를 들어, 크롭핑 윈도우가 미리보기 이미지의 적어도 일부 영역에 대응하는 크기를 갖는다고 하자. 이 경우, 미리보기 이미지 내에서 크롭핑 윈도우가 이동해 가는 위치에 따라 미리 설정된 피드 영역 내에서 미리보기 이미지가 점진적으로 이동하여 보여질 수 있다. 일 실시예에 따르면, 크롭핑 윈도우는 자동으로 이동하거나, 사용자 입력에 의하여 수동으로 이동할 수 있다.2(b) is a screen showing an example of an effect of dynamically transitioning a preview image. The transition effect may correspond to the effect of moving the position of the region in the preview image shown in the feed region. For example, suppose that the cropping window has a size corresponding to at least a portion of the preview image. In this case, the preview image may be gradually moved and viewed in a preset feed area according to a location where the cropping window moves in the preview image. According to an embodiment, the cropping window may be moved automatically or manually by a user input.

도 2(c)는 미리보기 이미지를 동적으로 로테이션하는 효과의 일 예시를 나타낸 화면이다. 로테이션하는 효과는 미리 설정된 피드 영역 내에서 보여지는 미리보기 이미지가 시간의 흐름에 따라 점진적으로 회전하는 효과에 해당할 수 있다. 2(c) is a screen showing an example of an effect of dynamically rotating a preview image. The rotation effect may correspond to an effect in which the preview image viewed in the preset feed area gradually rotates over time.

도 2(d)는 미리보기 이미지의 색 속성을 동적으로 변경하는 효과의 일 예시를 나타낸 화면이다. 색 속성은 예를 들어, 색상(color), 명도(brightness), 채도(saturation)를 포함할 수 있다. 명도 및 채도는 예를 들어, 틴트(tint), 쉐이드(shade), 톤(tone) 등과 같이 더욱 세분화될 수 있다. 2(d) is a screen illustrating an example of an effect of dynamically changing a color attribute of a preview image. Color properties may include, for example, color, brightness, and saturation. Brightness and saturation can be further subdivided, for example, tint, shade, tone, and the like.

색상은 '색조(hue)'라고도 불리며, 예를 들어, 노랑색, 녹색, 빨강색 등과 같이 순수한 색상(원색)을 나타낸다. 색조는 도(degree) 단위로 측정하는 경우, 0 도에서 359도까지 표현될 수 있다. 명도는 색의 밝고 어두운 정도를 나타낸다. 채도는 색의 선명도를 나타낸다. 채도는 색상의 진하고 엷음을 나타내는 '포화도'라고도 불린다. The color is also referred to as a'hue', and represents pure colors (primary colors), such as yellow, green, and red. When the color tone is measured in degrees, it can be expressed from 0 to 359 degrees. Brightness represents the light and dark degree of color. Saturation represents the sharpness of a color. Saturation is also referred to as'saturation', which indicates the richness and lightness of color.

틴트는 순수한 색상에 흰색이 추가된 혼합 결과에 해당한다. 쉐이드는 음영을 나타내며, 순수한 색상에 검정색이 추가된 혼합 결과에 해당한다. 톤은 순수한 색상에 회색조 색상이 혼합한 결과를 나타낸다.Tint corresponds to the result of mixing white with pure color. Shades are shaded, and correspond to the mixing result of adding black to pure colors. The tone represents the result of a mixture of pure colors and grayscale colors.

미리보기 이미지의 색 속성을 동적으로 변경하는 효과는 예를 들어, 미리보기 이미지의 색상을 컬러에서 흑백으로, 또는 흑백에서 컬러로 색상을 점진적으로 전환하거나, 또는 미리보기 이미지의 톤, 틴트, 또는 쉐이드 등을 점진적으로 변경하는 효과 등을 포함할 수 있다. The effect of dynamically changing the color properties of the preview image can be, for example, gradually changing the color of the preview image from color to black and white, or from black and white to color, or the tone, tint, or color of the preview image. It may include an effect of gradually changing the shade and the like.

예를 들어, 미리보기 이미지가 사자 이미지라고 하고, 사자 이미지에 사자 이미지의 색 속성을 동적으로 변경하는 효과를 부가하는 경우, 사자 이미지의 일부 영역의 색상, 톤, 또는 쉐이드 등이 점차적으로 변경되거나, 또는 컬러인 사자 이미지가 점차적으로 흑백의 사자 이미지로 변경될 수 있다. For example, if the preview image is called a lion image, and the effect of dynamically changing a lion image's color property is added to the lion image, the color, tone, or shade of a portion of the lion image gradually changes, or Alternatively, the lion image in color may be gradually changed to a black and white lion image.

도 2(e)는 미리보기 이미지에 동적으로 부여되는 특수 효과의 일 예시를 나타낸 화면이다. 특수 효과는 예를 들어, 미리보기 이미지의 위에 오버랩(overlap)되어 표현되는 동적 영상, 무늬 및 반짝임, 그라데이션, 조명 등의 효과를 포함할 수 있다. 2(e) is a screen showing an example of a special effect dynamically applied to a preview image. The special effects may include, for example, effects such as dynamic images, patterns and sparkles, gradations, and lights expressed by overlapping on the preview image.

예를 들어, 미리보기 이미지가 도로 부분을 나타낸 이미지라고 하자. 도로 부분의 이미지에 동적으로 특수 효과(반짝임 효과)를 부여하는 경우, 도로 부분의 이미지에서 하늘 영역에 별이 오버랩되어 표현될 수 있다. 이때, 여러 개의 별들 중 어느 하나의 별이 반짝인 후, 다른 위치의 별들이 순차적으로 반짝이는 것과 같이 반짝임 효과는 동적인 움직임을 가질 수 있다. For example, suppose that the preview image is an image of a road. When a special effect (glitter effect) is dynamically applied to an image of the road portion, a star overlaps the sky region in the image of the road portion and may be expressed. At this time, after any one of the stars twinkles, the twinkling effect may have a dynamic movement, such as stars in different positions sequentially.

도 2(f)는 미리보기 이미지를 동적으로 슬라이드(slide)하는 효과의 일 예시를 나타낸 화면이다. 슬라이드하는 효과는 예를 들어, 미리보기 이미지의 수가 복수인 경우에 부가될 수 있다. 슬라이드하는 효과는 복수의 미리보기 이미지들이 일정 시간 간격으로 순차적으로 좌측 또는 우측으로 이동함으로써 화면의 미리 설정된 피드 영역 내에 사용자에게 보여지는 미리보기 이미지가 점차적으로 이동하여 변경되는 효과에 해당할 수 있다. 2(f) is a screen illustrating an example of an effect of dynamically sliding a preview image. The sliding effect can be added, for example, when the number of preview images is plural. The sliding effect may correspond to an effect in which a plurality of preview images are sequentially moved to the left or right at regular time intervals, thereby gradually changing the preview image shown to the user in a preset feed area of the screen.

도 2(f)는 슬라이드 효과에 의하여 복수의 미리보기 이미지들이 순환적으로 표시되는 예시를 설명한 것으로, 개별 미리보기 이미지의 크기는 표시 장치의 피드 영역의 크기에 맞게 조절될 수 있다. 이 경우, 피드 영역에 복수의 미리보기 이미지들이 동시에 표시되지 않을 수 있다. 대신, 피드 영역에는 슬라이드 효과에 의하여 하나의 미리보기 이미지가 표시되거나, 두 개의 미리보기 이미지들이 각각 일부만 표시될 수 있다.2(f) illustrates an example in which a plurality of preview images are cyclically displayed by a slide effect, and the size of the individual preview images may be adjusted to fit the size of the feed area of the display device. In this case, a plurality of preview images may not be simultaneously displayed in the feed area. Instead, one preview image may be displayed in the feed area by a slide effect, or only a portion of the two preview images may be displayed.

도면에 도시하지 않았으나, 미리보기 이미지의 특성에 맞게 다양한 동적 효과가 부가될 수 있다. 예를 들어, 미리보기 이미지가 위치 태그를 포함하고 있는 경우, 해당 위치에 대한 정보를 미리보기 이미지 상에서 동적 효과로 제공할 수 있다. 또는, 미리보기 이미지의 사이즈가 임계 사이즈보다 큰 경우, 미리보기 이미지에 슬라이드 효과를 부가할 수 있다. 또는, 미리보기 이미지의 사이즈가 임계 사이즈보다 작은 경우, 미리보기 이미지에 줌인 효과를 부가할 수 있다. 또는, 미리보기 이미지가 객체를 포함하는 경우, 크롭핑 윈도우가 해당 객체를 중심으로 위치하거나, 해당 객체에 대한 특정한 효과를 동적 효과로 제공할 수 있다.Although not shown in the drawings, various dynamic effects may be added according to characteristics of the preview image. For example, when the preview image includes a location tag, information on the corresponding location may be provided as a dynamic effect on the preview image. Alternatively, when the size of the preview image is larger than the threshold size, a slide effect may be added to the preview image. Alternatively, when the size of the preview image is smaller than the threshold size, a zoom-in effect may be added to the preview image. Alternatively, when the preview image includes an object, a cropping window may be positioned around the object, or a specific effect on the object may be provided as a dynamic effect.

일 실시예에 따르면, 표시 장치는 동적 효과가 부가되지 않은 미리보기 이미지를 우선 표시한 뒤, 미리보기 이미지와 관련된 미리 정해진 조건이 만족되는 경우 미리보기 이미지에 동적 효과를 부가할 수 있다. According to an embodiment, the display device may first display a preview image to which a dynamic effect is not added, and then add a dynamic effect to the preview image when a predetermined condition related to the preview image is satisfied.

예를 들어, 표시 장치는 미리보기 이미지가 화면의 미리 정해진 위치에 접근했는지 여부를 기초로, 미리보기 이미지에 동적 효과를 부가할지 여부를 결정할 수 있다. 미리보기 이미지가 화면의 미리 정해진 위치에 접근하지 않았다면, 표시 장치는 동적 효과가 부가되지 않은 미리보기 이미지를 표시할 수 있다. 미리보기 이미지가 화면의 미리 정해진 위치에 접근한 경우, 표시 장치는 미리보기 이미지에 동적 효과를 부가할 수 있다. 미리보기 이미지와 관련된 미리 정해진 조건이 만족된 이후에, 해당 조건이 다시 만족하지 않게 되는 경우, 표시 장치는 미리보기 이미지에 부가된 동적 효과를 제거하고, 동적 효과가 부가되지 않은 미리보기 이미지를 표시할 수 있다.For example, the display device may determine whether to add a dynamic effect to the preview image based on whether the preview image has approached a predetermined location on the screen. If the preview image has not approached a predetermined location on the screen, the display device may display the preview image to which no dynamic effect is added. When the preview image approaches a predetermined location on the screen, the display device may add a dynamic effect to the preview image. After the predetermined condition related to the preview image is satisfied, if the condition is not satisfied again, the display device removes the dynamic effect added to the preview image and displays a preview image to which the dynamic effect is not added. can do.

전술한 예시 이외에도 동적 효과를 부가하는 조건은 예를 들어, 미리보기 이미지에 대한 사용자 입력 여부 등으로 다양하게 설정될 수 있다.In addition to the above-described examples, conditions for adding dynamic effects may be variously set, for example, whether or not a user inputs a preview image.

도 3은 일 실시예에 따른 미리보기 이미지의 수에 기초하여 동작 효과를 결정하는 방법을 설명하기 위한 도면이다. 도 3을 참조하면, 미리보기 이미지의 수에 기초하여 결정된 동적 효과를 나타낸 화면들이 도시된다. 일 실시예에 따른 표시 장치는 미리보기 이미지의 수에 따라 부가되는 동적 효과가 달라지도록 결정할 수 있다. FIG. 3 is a diagram for describing a method of determining an operation effect based on the number of preview images according to an embodiment. Referring to FIG. 3, screens showing dynamic effects determined based on the number of preview images are illustrated. The display device according to an embodiment may determine that the added dynamic effect varies according to the number of preview images.

도 3의 (a)는 미리보기 이미지의 수가 단수인 경우에 결정된 동적 효과의 일 예시를 나타낸다. 일 실시예에 따른 표시 장치는 예를 들어, 미리보기 이미지의 수가 단수인 경우, 단수의 미리보기 이미지에 대한 스케일링 효과(예를 들어, 줌 인 효과 또는 줌 아웃 효과 중 적어도 하나의 효과)를 미리보기 이미지에 부가하도록 결정할 수 있다. 미리보기 이미지의 수가 단수인 경우, 표시 장치는 미리보기 이미지에, 미리보기 이미지를 점진적으로 줌 인 또는 줌 아웃하는 효과를 부가할 수 있다. 3(a) shows an example of a dynamic effect determined when the number of preview images is singular. The display device according to an embodiment, for example, when the number of preview images is singular, previews a scaling effect (eg, at least one of a zoom-in effect or a zoom-out effect) on the singular preview image. You can decide to add it to the view image. When the number of preview images is singular, the display device may add an effect of gradually zooming in or out of the preview image to the preview image.

실시예에 따라서, 표시 장치는 미리보기 이미지의 수가 단수인 경우, 미리보기 이미지의 색상을 컬러에서 흑백으로, 또는 흑백에서 컬러로 색상을 점진적으로 전환하거나, 또는 미리보기 이미지의 색상, 톤 또는 배경 톤을 점진적으로 변경하는 동적 효과를 미리보기 이미지에 부가하도록 결정할 수 있다. 또는 표시 장치는 명도 또는 채도 등과 같은 미리보기 이미지의 색 속성을 시간에 따라 점진적으로 변경하는 동적 효과를 미리보기 이미지에 부가하도록 결정할 수 있다. 또는 표시 장치는 화면에서의 미리보기 이미지를 크롭하는 크롭 윈도우의 크롭 기준점을 상하좌우로 이동하여 동적으로 트랜지션하는 효과를 동적 효과로 결정할 수도 있다. According to an embodiment, when the number of preview images is singular, the display device gradually converts the color of the preview image from color to black and white or from black and white to color, or the color, tone, or background of the preview image. You can decide to add a dynamic effect that gradually changes the tone to the preview image. Alternatively, the display device may determine to add a dynamic effect of gradually changing a color attribute of the preview image such as brightness or saturation with time to the preview image. Alternatively, the display device may determine the effect of dynamically transitioning the cropping reference point of the crop window, which crops the preview image on the screen, up, down, left, and right, as a dynamic effect.

도 3의 (b)는 미리보기 이미지의 수가 복수인 경우에 결정된 동적 효과의 일 예시를 나타낸다. 일 실시예에 따른 표시 장치는 예를 들어, 미리보기 이미지의 수가 복수인 경우, 복수의 미리보기 이미지를 슬라이드하는 효과를 동적 효과로 결정할 수 있다. 표시 장치는 미리보기 이미지의 수가 복수인 경우, 미리 설정된 시간 간격에 따라 복수의 미리보기 이미지들을 좌측 또는 우측으로 이동시키는 것과 같이 슬라이드하는 효과에 의해 생동감 있는 피드 뷰를 생성할 수 있다. 3B shows an example of the dynamic effect determined when the number of preview images is plural. The display device according to an embodiment may determine, for example, an effect of sliding a plurality of preview images as a dynamic effect when the number of preview images is plural. When the number of preview images is plural, the display device may generate a live feed view by sliding effects such as moving the plurality of preview images to the left or right according to a preset time interval.

실시예에 따라서, 사용자는 복수의 미리보기 이미지를 직접 스와이프(swipe)하여 넘겨보기할 수도 있다. 사용자가 스와이프를 위해 복수의 미리보기 이미지를 터치하는 경우, 표시 장치는 사용자의 터치를 감지함에 따라, 복수의 미리보기 이미지에 대하여 부가된 자동 슬라이드 효과를 일시 중지하거나, 또는 취소할 수 있다. 예를 들어, 복수의 미리보기 이미지에 대하여 부가된 동적 효과를 일시 중지 또는 취소하는 경우, 표시 장치는 사용자의 스와이프 입력의 속도, 스와이프 입력의 방향 등에 따라 복수의 미리보기 이미지들이 슬라이드되어 표시되도록 할 수 있다. Depending on the embodiment, the user may directly swipe through a plurality of preview images. When a user touches a plurality of preview images for a swipe, the display device may pause or cancel the automatic slide effect added to the plurality of preview images as sensing the user's touch. For example, when pausing or canceling the dynamic effect added to a plurality of preview images, the display device slides and displays a plurality of preview images according to the speed of the user's swipe input, the direction of the swipe input, and the like. It can be done.

실시예에 따라서, 표시 장치는 미리보기 이미지의 해상도에 기초하여 동적 효과를 결정할 수도 있다. 예를 들어, 미리보기 이미지의 해상도가 높은 경우, 미리보기 이미지를 확대하더라도 이미지의 화질이 크게 훼손되지 않는다. 따라서, 표시 장치는 미리보기 이미지의 해상도가 미리 설정된 수준 이상의 경우에 줌 인 효과를 부가하도록 결정할 수 있다. According to an embodiment, the display device may determine a dynamic effect based on the resolution of the preview image. For example, when the resolution of the preview image is high, even if the preview image is enlarged, the image quality of the image is not significantly damaged. Accordingly, the display device may determine to add a zoom-in effect when the resolution of the preview image is greater than or equal to a preset level.

또는, 표시 장치는 미리보기 이미지의 색 속성에 기초하여 동적 효과를 결정할 수도 있다. 예를 들어, 미리보기 이미지의 색상이 유채색인 경우, 표시 장치는 미리보기 이미지의 색상을 유채색에서 무채색으로 점진적으로 변경하는 효과를 부가하도록 결정할 수 있다. Alternatively, the display device may determine a dynamic effect based on the color attribute of the preview image. For example, when the color of the preview image is chromatic, the display device may determine to add an effect of gradually changing the color of the preview image from chromatic to achromatic.

도 4는 일 실시예에 따른 미리보기 이미지를 표시하는 방법을 설명하기 위한 도면이다. 도 4를 참조하면, 일 실시예에 따른 미리보기 이미지의 적어도 일부를 크롭하는 크롭핑 윈도우들(410,420,4630,440)이 도시된다.4 is a view for explaining a method of displaying a preview image according to an embodiment. Referring to FIG. 4, cropping windows 410, 420, 4630 and 440 cropping at least a portion of a preview image according to an embodiment are illustrated.

일 실시예에 따른 표시 장치는 미리보기 이미지에 어떠한 동적 효과를 부가할지를 결정하고, 결정된 동적 효과에 기초하여 미리보기 이미지의 적어도 일부를 크롭하는 크롭핑 윈도우를 동적으로 설정할 수 있다. 표시 장치는 크롭핑 윈도우에 의하여 크롭된 적어도 일부의 미리보기 이미지를 미리 설정된 피드 영역에 표시할 수 있다. 일 예로, 크롭핑 윈도우는 미리보기 이미지를 피드의 크기에 맞게 크롭할 수 있다. The display device according to an embodiment may determine which dynamic effect to add to the preview image, and dynamically set a cropping window cropping at least a portion of the preview image based on the determined dynamic effect. The display device may display at least a part of the preview image cropped by the cropping window in a preset feed area. As an example, the cropping window may crop the preview image to fit the size of the feed.

도 4의 (a)를 참조하면, 일 실시예에 따라 미리보기 이미지를 크롭하는 크롭 윈도우의 위치를 크롭 기준점에 따라 상하좌우로 이동함으로써, 피드 영역 내에 보여지는 미리보기 이미지에 트랜지션 효과를 부가하는 동작이 도시된다. 여기서, 크롭 기준점은 예를 들어, 크롭 윈도우의 중심점(또는 중심 좌표)에 해당할 수 있다. 보다 구체적으로, 표시 장치는 미리보기 이미지를 피드에 맞게 크롭하되, 크롭 기준점을 고정하지 않고 이동시킬 수 있다. 일 실시예에 따른 표시 장치는 예를 들어, 피드 내에서 제1 위치의 크롭 윈도우(410)에 대응하는 미리보기 이미지의 우측 상단이 먼저 보였다가, 점진적으로 제2 위치의 크롭 윈도우(420)에 대응하는 미리보기 이미지의 중앙이 보이는 식으로 트랜지션하는 효과를 줄 수 있다. Referring to (a) of FIG. 4, according to an embodiment, by shifting the position of the crop window cropping the preview image up, down, left and right according to the cropping reference point, a transition effect is added to the preview image shown in the feed area. The operation is shown. Here, the crop reference point may correspond to, for example, a center point (or center coordinate) of the crop window. More specifically, the display device may crop the preview image to fit the feed, but move the crop reference point without fixing it. For example, the display device according to an exemplary embodiment may first see a top right corner of a preview image corresponding to a crop window 410 at a first position in a feed, and then gradually increase the crop window 420 at a second position. It is possible to give a transition effect such that the center of the corresponding preview image is visible.

도 4의 (b)를 참조하면, 일 실시예에 따라 미리보기 이미지를 크롭하는 크롭 윈도우의 크기를 변화함으로써, 피드 영역 내에 보여지는 미리보기 이미지에 스케일링 효과를 부가하는 동작이 도시된다. 일 실시예에 따른 표시 장치는 예를 들어, 미리보기 이미지를 동적으로 스케일링하는 효과에 따라 제1 크기의 크롭 윈도우(430)에 대응하는 미리보기 이미지를 피드 내에 표시하였다가, 점진적으로 제2 크기의 크롭 윈도우(440)에 대응하는 미리보기 이미지를 피드 내에 표시할 수도 있다. Referring to (b) of FIG. 4, an operation of adding a scaling effect to a preview image shown in a feed area by changing a size of a crop window cropping a preview image according to an embodiment is illustrated. The display device according to an embodiment displays the preview image corresponding to the crop window 430 of the first size in the feed, and gradually increases the size of the second image according to an effect of dynamically scaling the preview image. A preview image corresponding to the crop window 440 may be displayed in the feed.

제1 크기의 크롭 윈도우(430)와 제2 크기의 크롭 윈도우(440)는 각각 동일한 크기의 피드 영역에 표시될 수 있다. 이 경우, 제1 크기의 크롭 윈도우(430) 내 픽셀은 제2 크기의 크롭 윈도우(440) 내 픽셀에 비하여 피드 영역에서 더 크게 표시될 수 있다. 예를 들어, 줌 아웃 효과를 위하여, 제1 크기의 크롭 윈도우(430)에서 제2 크기의 크롭 윈도우(440)로 점진적으로 전환될 수 있다. 또는, 줌 인 효과를 위하여, 제2 크기의 크롭 윈도우(440)에서 제1 크기의 크롭 윈도우(430)로 점진적으로 전환될 수 있다.The first sized crop window 430 and the second sized crop window 440 may be respectively displayed in the same sized feed area. In this case, pixels in the first sized crop window 430 may be displayed larger in the feed area than pixels in the second sized crop window 440. For example, for a zoom-out effect, the first sized crop window 430 may be gradually switched to the second sized crop window 440. Alternatively, for the zoom-in effect, the second sized crop window 440 may be gradually switched to the first sized crop window 430.

이처럼 링크 정보에 대응하는 미리보기 이미지가 단수인 경우에도, 크롭 윈도우를 통하여 동적 효과가 부가될 수 있다. 다시 말해, 크롭 윈도우의 동적 제어를 통하여, 정적 이미지에 해당하는 단일 미리보기 이미지가 동적 이미지로 변환될 수 있다. 링크 정보에 대응하는 미리보기 이미지에 동적 효과가 부가됨으로써, 사용자의 관심도를 높이는 효과를 보일 수 있다.Even if the preview image corresponding to the link information is singular, dynamic effects may be added through the crop window. In other words, through the dynamic control of the crop window, a single preview image corresponding to the static image can be converted into a dynamic image. By adding a dynamic effect to the preview image corresponding to the link information, it is possible to show an effect of increasing the user's interest.

링크 정보에 대응하는 적어도 하나의 미리보기 이미지의 수가 복수인 경우에도 크롭 윈도우를 통하여 동적 효과가 부가될 수 있다. 또한, 링크 정보에 대응하는 적어도 하나의 미리보기 이미지가 동적 이미지를 포함하는 경우에도, 크롭 윈도우를 통하여 추가적인 동적 효과가 부가될 수 있다.Even if the number of at least one preview image corresponding to the link information is plural, dynamic effects may be added through the crop window. Further, even when at least one preview image corresponding to the link information includes the dynamic image, additional dynamic effects may be added through the crop window.

도면에 도시하지 않았으나, 일 실시예에 따른 표시 장치는 통신부, 프로세서, 및 디스플레이를 포함한다. 표시 장치는 메모리를 더 포함할 수 있다. 통신부, 프로세서, 디스플레이, 및 메모리는 통신 버스를 통해 서로 연결될 수 있다. 표시 장치는 예를 들어, 스마트 폰, 웨어러블 디바이스 또는 이와 동일 또는 유사한 기능을 수행하는 사용자 장치일 수 있다. Although not illustrated, the display device according to an embodiment includes a communication unit, a processor, and a display. The display device may further include a memory. The communication unit, processor, display, and memory may be connected to each other through a communication bus. The display device may be, for example, a smart phone, a wearable device, or a user device performing the same or similar function.

통신부는 링크 정보에 대응하는 미리보기 이미지를 수신한다. 통신부는 데이터의 송, 수신을 위한 통신 인터페이스를 포함할 수 있다. The communication unit receives a preview image corresponding to the link information. The communication unit may include a communication interface for transmitting and receiving data.

프로세서는 미리보기 이미지에 부가될 동적 효과를 결정한다. 프로세서는 동적 효과에 기초하여, 미리보기 이미지의 적어도 일부를 크롭하는 크롭핑 윈도우를 동적으로 설정할 수 있다. 이때, 디스플레이는 크롭핑 윈도우에 의하여 크롭된 적어도 일부의 이미지를 미리 설정된 피드 영역에 표시하도록 프로세서의 의하여 제어될 수 있다. The processor determines the dynamic effect to be added to the preview image. The processor may dynamically set a cropping window cropping at least a portion of the preview image based on the dynamic effect. At this time, the display may be controlled by the processor to display at least a part of the image cropped by the cropping window in a preset feed area.

프로세서는 미리보기 이미지의 특성을 획득하고, 미리보기 이미지의 특성에 기초하여, 동적 효과를 결정할 수 있다. 디스플레이는 동적 효과가 부가된 미리보기 이미지를 표시한다. The processor may acquire characteristics of the preview image and determine a dynamic effect based on the characteristics of the preview image. The display shows a preview image with dynamic effects added.

메모리는 통신부가 수신한 미리보기 이미지를 저장할 수 있다. 메모리는 프로세서가 결정한, 미리보기 이미지에 부가될 동적 효과에 대한 정보를 저장할 수 있다. 또한, 메모리는 디스플레이를 통해 표시되는 동적 효과가 부가된 미리보기 이미지를 저장할 수 있다. The memory may store a preview image received by the communication unit. The memory may store information about a dynamic effect to be added to the preview image determined by the processor. Also, the memory may store a preview image to which a dynamic effect displayed through a display is added.

이 밖에도, 프로세서는 도 1 내지 도 4를 통해 전술한 적어도 하나의 방법 또는 적어도 하나의 방법에 대응되는 알고리즘을 수행할 수 있다. 프로세서는 프로그램을 실행하고, 표시 장치를 제어할 수 있다. 프로세서에 의하여 실행되는 프로그램 코드는 메모리에 저장될 수 있다. In addition, the processor may perform an algorithm corresponding to at least one method or at least one method described above with reference to FIGS. 1 to 4. The processor may execute a program and control a display device. The program code executed by the processor may be stored in memory.

메모리는 예를 들어, DRAM, SRAM, DDR RAM 또는 다른 고속 액세스 고체 상태 메모리 표시 장치 등과 같은 고속 랜덤 액세스 메모리(high-speed random access memory)를 포함할 수 있다. 메모리는 휘발성 메모리 및 비휘발성 메모리를 포함할 수 있다. 메모리는 프로세서로부터 원격에 위치하는 적어도 하나의 저장 표시 장치를 선택적으로 포함할 수 있다. The memory may include, for example, high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other high-speed access solid-state memory display device. The memory may include volatile memory and non-volatile memory. The memory may optionally include at least one storage display device remotely located from the processor.

이상에서 설명된 실시예들은 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 표시 장치, 방법 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, 중앙 처리 표시 장치(Central Processing Unit; CPU), 그래픽 프로세싱 유닛(Graphics Processing Unit; GPU), ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(field programmable gate array), PLU(programmable logic unit), 마이크로프로세서, 주문형 집적 회로(Application Specific Integrated Circuits; ASICS), 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 표시 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. The embodiments described above may be implemented with hardware components, software components, and/or combinations of hardware components and software components. For example, the display devices, methods, and components described in the embodiments may include, for example, a processor, a controller, a central processing unit (CPU), a graphics processing unit (GPU), Arithmetic logic unit (ALU), digital signal processor (ALU), microcomputer, field programmable gate array (FPGA), programmable logic unit (PLU), microprocessor, application specific integrated circuits (ASICS), or As with any other display device capable of executing and responding to instructions, it may be implemented using one or more general purpose computers or special purpose computers.

실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 표시 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 표시 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.The method according to the embodiment may be implemented in the form of program instructions that can be executed through various computer means and recorded on a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, or the like alone or in combination. The program instructions recorded on the medium may be specially designed and constructed for the embodiments or may be known and usable by those skilled in computer software. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tapes, optical media such as CD-ROMs, DVDs, and magnetic media such as floptical disks. -A hardware display device specially configured to store and execute program instructions such as magneto-optical media, and ROM, RAM, flash memory, and the like. Examples of program instructions include high-level language code that can be executed by a computer using an interpreter, etc., as well as machine language codes made by a compiler. The hardware display device described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

이상과 같이 비록 한정된 도면에 의해 실시예들이 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 표시 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다. 그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.As described above, although the embodiments have been described by the limited drawings, those skilled in the art can make various modifications and variations from the above description. For example, the described techniques are performed in a different order than the described method, and/or the components of the described system, structure, display device, circuit, etc. are combined or combined in a different form from the described method, or other configuration Appropriate results can be achieved even if replaced or substituted by urea or equivalent. Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.

Claims (12)

링크 정보에 대응하는 적어도 하나의 미리보기 이미지- 상기 미리보기 이미지는 URL(Universal Resource Locator)의 미리보기 정보에 대한 메타 데이터에 포함된 것으로서, 상기 URL을 대표하는 이미지 임-를 수신하는 단계;
상기 적어도 하나의 미리보기 이미지의 특성을 획득하는 단계;
상기 적어도 하나의 미리보기 이미지의 특성에 기초하여, 상기 적어도 하나의 미리보기 이미지에 부가될 동적 효과를 결정하는 단계; 및
상기 동적 효과에 기초하여, 상기 적어도 하나의 미리보기 이미지를 표시하는 단계
를 포함하고,
상기 적어도 하나의 미리보기 이미지의 특성은
상기 적어도 하나의 미리보기 이미지의 수, 상기 적어도 하나의 미리보기 이미지의 해상도, 및 상기 적어도 하나의 미리보기 이미지의 색 속성, 상기 적어도 하나의 미리보기 이미지가 동적 이미지인지 여부, 상기 적어도 하나의 미리보기 이미지의 사이즈, 상기 적어도 하나의 미리보기 이미지가 위치 태그를 포함하는지 여부, 상기 적어도 하나의 미리보기 이미지가 객체를 포함하는지 여부 중 적어도 하나를 포함하는, 미리보기 이미지를 표시하는 방법.
Receiving at least one preview image corresponding to link information, wherein the preview image is included in metadata about preview information of a universal resource locator (URL), and is an image representing the URL;
Acquiring characteristics of the at least one preview image;
Determining a dynamic effect to be added to the at least one preview image based on the characteristics of the at least one preview image; And
Displaying the at least one preview image based on the dynamic effect.
Including,
The characteristics of the at least one preview image
The number of the at least one preview image, the resolution of the at least one preview image, and the color attribute of the at least one preview image, whether the at least one preview image is a dynamic image, the at least one preview A method of displaying a preview image, comprising at least one of a size of a view image, whether the at least one preview image includes a location tag, and whether the at least one preview image includes an object.
제1항에 있어서,
상기 동적 효과는
미리 설정된 피드 영역- 상기 피드 영역은 표시 장치의 화면에서 상기 미리보기 이미지가 표시되는 일정 크기 및 일정 위치에 해당하는 영역임- 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 스케일링(scaling)하는 효과;
상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 트랜지션(transition)하는 효과;
상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 로테이션(rotation)하는 효과;
상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지의 색 속성(color property)을 동적으로 변경하는 효과;
상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지에 동적으로 부여되는 동적 영상, 무늬 및 반짝임, 그라데이션, 및 조명 중 적어도 하나의 특수 효과(special effect); 및
상기 피드 영역 내에서 상기 적어도 하나의 미리보기 이미지를 동적으로 슬라이드(slide)하는 효과
중 적어도 하나를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
The dynamic effect
Pre-set feed area-the feed area is an area corresponding to a predetermined size and a predetermined location where the preview image is displayed on a screen of a display device-an effect of dynamically scaling the at least one preview image within ;
An effect of dynamically transitioning the at least one preview image in the feed area;
An effect of dynamically rotating the at least one preview image in the feed area;
An effect of dynamically changing a color property of the at least one preview image in the feed area;
At least one special effect among dynamic images, patterns and sparkles, gradations, and lights dynamically assigned to the at least one preview image in the feed area; And
The effect of dynamically sliding the at least one preview image in the feed area
A method of displaying a preview image, comprising at least one of the following.
삭제delete 제1항에 있어서,
상기 동적 효과를 결정하는 단계는
상기 적어도 하나의 미리보기 이미지의 수가 단수인 경우, 상기 단수의 미리보기 이미지에 대한 스케일링 효과를 상기 동적 효과에 포함시키는 단계; 및
상기 적어도 하나의 미리보기 이미지의 수가 복수인 경우, 상기 복수의 미리보기 이미지들에 대한 슬라이드 효과를 상기 동적 효과에 포함시키는 단계
를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
Determining the dynamic effect is
If the number of the at least one preview image is singular, including a scaling effect for the singular preview image in the dynamic effect; And
When the number of the at least one preview image is plural, including a slide effect on the plurality of preview images in the dynamic effect
How to display a preview image, including.
제1항에 있어서,
상기 동적 효과를 결정하는 단계는
상기 적어도 하나의 미리보기 이미지가 위치 태그를 포함하는 경우, 해당 위치에 대한 정보를 상기 적어도 하나의 미리보기 이미지 상에 동적으로 표시하는 효과를 상기 동적 효과에 포함시키는 단계; 및
상기 적어도 하나의 미리보기 이미지의 사이즈에 기초하여, 슬라이드 효과 또는 스케일링 효과 중 어느 하나를 선택적으로 상기 동적 효과에 포함시키는 단계
중 적어도 하나를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
Determining the dynamic effect is
When the at least one preview image includes a location tag, including the effect of dynamically displaying information on the corresponding location on the at least one preview image in the dynamic effect; And
Selectively including either a slide effect or a scaling effect in the dynamic effect based on the size of the at least one preview image
A method of displaying a preview image, comprising at least one of the following.
제1항에 있어서,
상기 동적 효과를 결정하는 단계는
상기 적어도 하나의 미리보기 이미지가 객체를 포함하는 경우, 상기 객체를 고려하여 상기 동적 효과를 결정하는 단계
를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
Determining the dynamic effect is
When the at least one preview image includes an object, determining the dynamic effect in consideration of the object
How to display a preview image, including.
제1항에 있어서,
상기 동적 효과가 스케일링 효과를 포함하는 경우,
상기 적어도 하나의 미리보기 이미지를 표시하는 단계는
상기 적어도 하나의 미리보기 이미지의 적어도 일부를 크롭(crop)하는 크롭핑 윈도우의 크기를 프레임 별로 상이하게 설정하는 단계; 및
상기 프레임 별 크롭핑 윈도우에 의하여 크롭된 적어도 일부의 이미지를 미리 설정된 피드 영역에 동적으로 표시하는 단계
를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
When the dynamic effect includes a scaling effect,
The displaying of the at least one preview image is
Setting a size of a cropping window for cropping at least a portion of the at least one preview image differently for each frame; And
Dynamically displaying at least a part of the image cropped by the cropping window for each frame in a preset feed area.
How to display a preview image, including.
제1항에 있어서,
상기 적어도 하나의 미리보기 이미지의 수가 복수이고, 상기 동적 효과가 슬라이드 효과를 포함하는 경우,
상기 적어도 하나의 미리보기 이미지를 표시하는 단계는
미리 설정된 피드 영역에서 상기 복수의 미리보기 이미지들이 자동으로 슬라이드 되는 자동 슬라이드 효과를 부가하는 단계;
상기 미리 설정된 피드 영역에 대한 사용자 입력이 감지되면, 상기 자동 슬라이드 효과를 중단하는 단계;
상기 미리 설정된 피드 영역에서 상기 복수의 미리보기 이미지들이 상기 사용자 입력에 반응하여 수동으로 슬라이드 되는 수동 슬라이드 효과를 부가하는 단계; 및
상기 사용자 입력이 중단되면, 상기 수동 슬라이드 효과를 중단하고 상기 자동 슬라이드 효과를 다시 부가하는 단계
를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
When the number of the at least one preview image is plural and the dynamic effect includes a slide effect,
The displaying of the at least one preview image is
Adding an automatic slide effect in which the plurality of preview images are automatically slided in a preset feed area;
Stopping the automatic slide effect when a user input to the preset feed area is detected;
Adding a manual slide effect in which the plurality of preview images are manually slided in response to the user input in the preset feed area; And
When the user input is interrupted, stopping the manual slide effect and adding the automatic slide effect again
How to display a preview image, including.
제1항에 있어서,
상기 적어도 하나의 미리보기 이미지를 수신하는 단계에 앞서,
상기 링크 정보를 표시하는 단계
를 더 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
Prior to the step of receiving the at least one preview image,
Displaying the link information
How to display a preview image, further comprising.
제1항에 있어서,
상기 미리보기 이미지를 표시하는 단계는
상기 동적 효과가 부가되지 않은 미리보기 이미지를 표시하는 단계;
상기 미리보기 이미지와 관련된 미리 정해진 조건이 만족하는지 여부를 판단하는 단계; 및
상기 판단 결과에 따라, 상기 동적 효과에 기초하여 상기 적어도 하나의 미리보기 이미지를 표시하는 단계
를 포함하는, 미리보기 이미지를 표시하는 방법.
According to claim 1,
The step of displaying the preview image is
Displaying a preview image to which the dynamic effect is not added;
Determining whether a predetermined condition related to the preview image is satisfied; And
Displaying the at least one preview image based on the dynamic effect according to the determination result
How to display a preview image, including.
하드웨어와 결합되어 제1항 내지 제2항, 제4항 내지 제10항 중 어느 하나의 항의 방법을 실행시키기 위하여 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램.A computer program stored in a computer-readable recording medium to execute the method of any one of claims 1 to 2, 4 to 10 in combination with hardware. 링크 정보에 대응하는 적어도 하나의 미리보기 이미지- 상기 미리보기 이미지는 URL의 미리보기 정보에 대한 메타 데이터에 포함된 것으로서, 상기 URL을 대표하는 이미지 임-를 수신하는 통신부;
상기 미리보기 이미지를 표시하는 디스플레이; 및
상기 적어도 하나의 미리보기 이미지의 특성을 획득하고, 상기 적어도 하나의 미리보기 이미지의 특성에 기초하여 상기 적어도 하나의 미리보기 이미지에 부가될 동적 효과를 결정하며, 상기 동적 효과에 기초하여 상기 적어도 하나의 미리보기 이미지가 표시되도록 상기 디스플레이를 제어하는 프로세서
를 포함하고,
상기 적어도 하나의 미리보기 이미지의 특성은
상기 적어도 하나의 미리보기 이미지의 수, 상기 적어도 하나의 미리보기 이미지의 해상도, 및 상기 적어도 하나의 미리보기 이미지의 색 속성, 상기 적어도 하나의 미리보기 이미지가 동적 이미지인지 여부, 상기 적어도 하나의 미리보기 이미지의 사이즈, 상기 적어도 하나의 미리보기 이미지가 위치 태그를 포함하는지 여부, 상기 적어도 하나의 미리보기 이미지가 객체를 포함하는지 여부 중 적어도 하나를 포함하는, 미리보기 이미지를 표시하는 표시 장치.
At least one preview image corresponding to the link information-the preview image is included in the metadata about the preview information of the URL, the communication unit for receiving the image representing the URL -;
A display displaying the preview image; And
Acquire characteristics of the at least one preview image, determine dynamic effects to be added to the at least one preview image based on characteristics of the at least one preview image, and determine at least one based on the dynamic effects A processor that controls the display to display a preview image of
Including,
The characteristic of the at least one preview image is
The number of the at least one preview image, the resolution of the at least one preview image, and the color attribute of the at least one preview image, whether the at least one preview image is a dynamic image, the at least one preview A display device for displaying a preview image, comprising at least one of a size of a view image, whether the at least one preview image includes a location tag, and whether the at least one preview image includes an object.
KR1020180046276A 2018-04-20 2018-04-20 Method and apparatus of displaying preview image KR102134509B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020180046276A KR102134509B1 (en) 2018-04-20 2018-04-20 Method and apparatus of displaying preview image

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020180046276A KR102134509B1 (en) 2018-04-20 2018-04-20 Method and apparatus of displaying preview image

Publications (2)

Publication Number Publication Date
KR20190122461A KR20190122461A (en) 2019-10-30
KR102134509B1 true KR102134509B1 (en) 2020-07-16

Family

ID=68463227

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020180046276A KR102134509B1 (en) 2018-04-20 2018-04-20 Method and apparatus of displaying preview image

Country Status (1)

Country Link
KR (1) KR102134509B1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR200372546Y1 (en) * 2004-10-28 2005-01-14 강인준 Camera with gps function
US20140193047A1 (en) * 2012-09-28 2014-07-10 Interactive Memories, Inc. Systems and methods for generating autoflow of content based on image and user analysis as well as use case data for a media-based printable product

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080033033A (en) * 2006-10-11 2008-04-16 한시간컴(주) Service system for manufacturing cartoon and service method thereof, and lecturing service system and method using the same

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR200372546Y1 (en) * 2004-10-28 2005-01-14 강인준 Camera with gps function
US20140193047A1 (en) * 2012-09-28 2014-07-10 Interactive Memories, Inc. Systems and methods for generating autoflow of content based on image and user analysis as well as use case data for a media-based printable product

Also Published As

Publication number Publication date
KR20190122461A (en) 2019-10-30

Similar Documents

Publication Publication Date Title
US10692197B2 (en) Systems and techniques for automatic image haze removal across multiple video frames
US8667054B2 (en) Systems and methods for networked, in-context, composed, high resolution image viewing
US20230081630A1 (en) System and method for computing operations based on a first and second user input
US8572168B2 (en) Systems and methods for networked, in-context, high-resolution image viewing
JP5859645B2 (en) Image processing apparatus and image processing method
US20060072847A1 (en) System for automatic image cropping based on image saliency
US7532753B2 (en) Method and system for specifying color of a fill area
WO2017101250A1 (en) Method for displaying loading progress and terminal
US20150070357A1 (en) Systems and methods for high-resolution image viewing
US9105094B2 (en) Image layers navigation
US20200302656A1 (en) Object-Based Color Adjustment
US9720582B2 (en) Responsive image rendition authoring
WO2017152762A1 (en) Interface color adjustment method and apparatus, and webpage color adjustment method and apparatus
US10809898B2 (en) Color picker
US20150104113A1 (en) Method and Apparatus for Producing a Cinemagraph
US9754350B2 (en) Systems and methods of automatic image sizing
US20160284070A1 (en) User Sliders for Simplified Adjustment of Images
US8532435B1 (en) System and method for automatically adapting images
KR20230058458A (en) Picture processing method and apparatus, device and storage medium
US20130182943A1 (en) Systems and methods for depth map generation
KR102134509B1 (en) Method and apparatus of displaying preview image
US20160321968A1 (en) Information processing method and electronic device
CN112000908A (en) Picture loading method, device and system, electronic equipment and readable storage medium
US20170345192A1 (en) Systems and methods for displaying content of digital media
CN110225177B (en) Interface adjusting method, computer storage medium and terminal equipment

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