멀티미디어 강의 - GIF 이미지

GIF는 웹에서 사용하는 주요 이미지 형식 중 하나입니다.

이 기사는 GIF 이미지의 특성과 사용 기술을 자세히 설명합니다.

이미지 형식 이해

HTML이나 XHTML은 이미지의 공식 형식을 규정하지 않습니다. 그러나 인기 브라우저는 특정 이미지 형식을 명시적으로 규정합니다: 일반적으로 GIF와 JPEG입니다. 다른 멀티미디어 형식은 대부분 특별한 보조 애플리케이션을 필요로 하며, 각 브라우저 사용자는 이러한 특별한 파일을 볼 수 있도록 이 애플리케이션을 취득하고 설치하고 올바르게 작동해야 합니다. 따라서 GIF와 JPEG가 웹에서 실제 표준이 되는 것은 놀라운 일이 아닙니다.

웹이 등장하기 전에는 이 두 가지 이미지 형식이 널리 사용되었기 때문에, 이 두 형식을 사용하여 이미지를 생성하는 데 도움이 되는 많은 소프트웨어가 있습니다. 그러나 이 두 형식 각각에 장단점이 있으며, 일부 브라우저는 그 특성을 이용하여 특별한 표시 효과를 실현합니다.

GIF

GIF 형식은 이미지 교환 형식(Graphics Interchange Format, GIF)을 의미하며, 이 형식은 CompuServe가 온라인 서비스 사용자에게 이미지를 전송하기 위해 개발한 것입니다.

GIF 형식의 특성

GIF 형식은 많은 특성을 가지고 있어 HTML/XHTML에서 매우 일반적입니다.

먼저, 그의编码 기술은 많은 플랫폼에서 사용할 수 있습니다. 따라서 적절한 GIF 디코딩 소프트웨어(대부분의 브라우저에 포함되어 있습니다)를 사용하여 Macintosh에서 GIF 파일의 이미지를 생성하고 구성하면, Windows 기반 PC에서도 쉽게 로드하고 디코딩하여 볼 수 있습니다.

GIF 형식의 두 번째 특성은 특별한 압축 기술을 사용하여 이미지 파일의 크기를 크게 줄일 수 있다는 점입니다. 이로 인해 네트워크에서 더 빠르게 전송할 수 있습니다. GIF 압축은 '无损' 압축으로, 이미지 중 원래 데이터가 변화하거나 손실되지 않도록 합니다. 따라서 압축 해제 및 디코딩된 이미지는 원래 이미지와 완전히 같습니다.

또한, GIF 이미지는 애니메이션 효과를 매우 쉽게 구현할 수 있습니다.

GIF 형식의 버전과 색상

GIF 이미지 파일은 모두 .gif(또는 .GIF)로 파일명 확장자를 사용하지만, 실제로는 두 가지 GIF 버전이 있습니다: 원래의 GIF87과 GIF89a. 후자는 투명 배경, 심리적 저장 및 애니메이션 등 많은 새로운 기능을 지원하며, 이 기능들은 웹 작가들 사이에서 널리 사용되고 있습니다.

지금까지 인기를 끄는 브라우저들은 이 두 가지 GIF 형식을 모두 지원하며, 이들은 모두 8비트 픽셀 값이 하나의 색상 테이블에 매핑되는 동일한 방식으로 작동합니다. 따라서 각 이미지는 최대 256가지 색상을 가질 수 있습니다.

대부분의 GIF 이미지의 실제 색상 수는 더 적으며, 특별한 도구(예: Macromedia의 Fireworks)를 사용하여 더 세밀한 이미지에서 이 색상을 간소화할 수 있습니다. 색상을 간소화하여 더 작은 색상 이미지를 생성하고 픽셀 중복을 강화하여 파일을 더 많이 압축할 수 있으며, 이를 통해 다운로드 속도를 빠르게 할 수 있습니다.

그러나 색상 수가 제한적이기 때문에, GIF로 인코딩된 이미지는 언제든지 적용되지 않습니다. 특히 사진과 같이 사실적이게 표현된 이미지에 대해 특히 그렇습니다. GIF는 매우 잘 보이는 아이콘과 색상이 적은 이미지 및 그림을 만들 수 있습니다.

매우 까다로운 작가들도 GIF를 선택할 것입니다

대부분의 그래픽 브라우저가 GIF 형식을 명확하게 지원하기 때문에, 이제 웹에서 가장 널리 받아들여지는 이미지 인코딩 형식입니다. 인라인 이미지와 외부 링크 이미지 모두 이 형식을 사용할 수 있습니다. 이미지 형식 선택에 대한 의심이 있으면 GIF를 사용하는 것이 좋습니다. 거의 모든 경우에 정상적으로 사용할 수 있습니다.

GIF 이미지의 기술

GIF 이미지에는 세 가지 특별한 기술이 있습니다: 간행 스캔(interlacing), 투명성(transparency) 및 애니메이션(animation).

간행 스캔

간행 스캔을 통해 GIF 이미지가 화면에 한 번에 나타나고, 위에서 아래로 차례대로 표시되지 않습니다. 일반적으로 GIF로 인코딩된 이미지는 이미지의 상단에서 하단까지 순차적으로, 행별로 배열된 픽셀 데이터의 시퀀스입니다. 따라서 일반적인 GIF 이미지가 화면에 표시될 때, 문을 한 번에 열고, 간행 스캔을 가진 GIF이 표시될 때는 창문을 끌어올리는 것과 같습니다. 이는 픽셀 데이터 시퀀스가 4 행마다 교차하여 배열된 데 있습니다. 사용자는 전체 이미지를 다운로드하고 표시하는 네분의 시간만큼, 상단에서 하단까지 매우 완벽한 이미지를 볼 수 있습니다. 하지만 그것은 흐릿합니다. 이 네분의 이미지는 일반적으로 이미 충분히 명확하며, 이렇게 하면 네트워크 연결 속도가 느리는 사용자가 이미지의 나머지 부분을 다운로드할 필요가 있는지 판단할 수 있습니다.

모든 그래픽 브라우저는 간행선 스캔 GIF를 표시할 수 있지만, 모든 브라우저가 간행선 스캔의 점진적으로 명확해지는 효과를 표시할 수는 없습니다. 이러한 효과를 구현할 수 있는 브라우저라도, 사용자는 이미지가 완전히 다운로드되고 디코딩된 후에 표시할 수 있도록 선택할 수 있습니다. 오래된 브라우저는 이미지가 완전히 다운로드되고 디코딩된 후에만 표시하기 때문에, 이러한 효과를 지원하지 않습니다.

투명성

GIF 이미지(실제로는 GIF89a 형식의 이미지)가 가지고 있는 또 다른 일반적인 효과는, 이미지의 일부를 투명하게 만들 수 있다는 점입니다. 이렇게 하면 이미지 아래의 내용(대부분 브라우저의 창 배경)이 투명 부분을 통해 표시될 수 있습니다. 투명 GIF 이미지는 배경 색상을 투명하게 만들기 위해 특별한 색상을 사용하여 표시 창의 배경이 투명하게 보이게 합니다. 이미지 크기를 정교하게 잘라내고 근거리의 순수 색상 배경을 선택하면, 투명 이미지는 웹 페이지에 완전히 부착되거나 그 위에浮遊하는 효과를 볼 수 있습니다.

투명 GIF 이미지는 문서에 통합하고 싶지만 사각형 모양으로 보이기를 원하지 않는 모든 그래픽에 적합합니다. 투명 GIF 로고는 매우 일반적입니다. 투명 아이콘, 인쇄 기호 등 - 어떤 임의의 자연적인 형상을 가진 이미지라도 이 효과를 사용할 수 있습니다. 또한, 특별한 문자 기호를 표시하기 위해 투명 내부 이미지를 텍스트에 삽입할 수 있습니다.

GIF 이미지의 투명 효과는, 그것을 링크 앵커(<a>) 태그에 포함시키고 테두리를 제거하지 않거나 프레임으로 특별히 감싸면 매우 나쁜 모습이 됩니다. 그리고 다른 내용은 이미지의 사각형 테두리 주위에 표시되지 않고, 불투명 테두리 근처에 표시됩니다. 이 결과로 이미지를 불필요하게 분리하거나 웹 페이지가 매우 이상하게 보입니다.

애니메이션

GIF89a 형식 이미지의 세 번째 독특한 점은 간단한 프레임별 애니메이션을 구현할 수 있다는 점입니다. 특별한 GIF 애니메이션 툴 소프트웨어를 사용하면 여러 개의 GIF 이미지를 하나의 GIF89a 파일에 담을 수 있습니다. 브라우저는 파일에 포함된 각 이미지를 차례대로 표시합니다. 우리가 어릴 때 그린 것처럼 빠르게 페이지를 넘기면 애니메이션 효과를 볼 수 있는 책과 같습니다. GIF 파일에서 각 이미지 사이에는 특별한 제어 부분이 있어 브라우저가 전체 시퀀스(루프)를 몇 번 표시할지, 두 이미지 사이에 멈춤 시간을 설정할 수 있으며, 브라우저가 다음 이미지를 표시하기 전에 배경에서 이미지 공간을 지우지 여부 등을 설정할 수 있습니다. 이러한 기능과 GIF가 일반적으로 가지고 있는 기능(단일 색상 테이블, 투명성, 간행선 스캔 등)을 결합하여 매우 매력적이고 세련된 이미지를 만들 수 있습니다.

간단한 GIF 애니메이션이 강력한 효과를 가지는 또 다른 중요한 이유는, HTML 문서를 위해 프로그램을 특별히 작성하지 않아도 애니메이션 효과를 얻을 수 있다는 것입니다. 그러나 그것에는 매우 큰 단점이 있으며, 그것은 아이콘 크기와 같이 매우 작은 그래픽이나 브라우저 창의 매우 좁은 줄 그래픽에만 제한되어 있다는 것입니다. 그럼에도 불구하고, 연속적인 애니메이션 단위에서 정적 부분을 반복하지 않게 매우 조심스럽게 하더라도, GIF 애니메이션은 매우 쉽게 크게 될 수 있습니다. 따라서, 문서에 여러 가지 애니메이션이 포함되어 있다면, 이 이미지를 다운로드하는 지연 시간은 사용자에게 매우 불만스러울 수 있습니다. 만약 무엇이 과도하게 사용되지 않도록 매우 조심스럽게 다루어야 할 특성이 있다면, 그것은 GIF 애니메이션입니다.

요약

간단한 GIF 애니메이션이 강력한 효과를 가지는 또 다른 중요한 이유는, HTML 문서를 위해 프로그램을 특별히 작성하지 않아도 애니메이션 효과를 얻을 수 있다는 것입니다. 그러나 그것에는 매우 큰 단점이 있으며, 그것은 아이콘 크기와 같이 매우 작은 그래픽이나 브라우저 창의 매우 좁은 줄 그래픽에만 제한되어 있다는 것입니다. 그럼에도 불구하고, 연속적인 애니메이션 단위에서 정적 부분을 반복하지 않게 매우 조심스럽게 하더라도, GIF 애니메이션은 매우 쉽게 크게 될 수 있습니다. 따라서, 문서에 여러 가지 애니메이션이 포함되어 있다면, 이 이미지를 다운로드하는 지연 시간은 사용자에게 매우 불만스러울 수 있습니다. 만약 무엇이 과도하게 사용되지 않도록 매우 조심스럽게 다루어야 할 특성이 있다면, 그것은 GIF 애니메이션입니다.