웹에 다양한 이미지 형식이 있다는 것은 확실히 사실입니다. Just How Stuff Works에서는 6가지 다른 이미지 형식을 사용합니다.
- GIF 파일
- JPEG 파일
- 애니메이션 GIF 파일
- MPEG 파일
- 충격파 파일
- NxView 파일
지금까지 가장 일반적인 두 가지는 GIF와 JPEG 파일입니다. 이 두 형식은 모두 정적(애니메이션이 아닌) 비트맵 이미지 를 인코딩 합니다.
비트맵 이미지에서 이미지 파일은 이미지에 있는 모든 픽셀의 정확한 색상을 정의해야 합니다. 예를 들어, 400 x 400 픽셀인 웹상의 일반적인 비트맵을 상상해 보십시오. 이 이미지를 정의하려면 160,000픽셀 또는 480,000바이트에 대해 픽셀당 24비트가 필요합니다. 그것은 거대한 이미지 파일이 될 것이므로 GIF와 JPG 형식은 모두 다른 방식으로 이미지를 압축합니다.
GIF 이미지에서 색상 수는 256으로 줄어들고 동일한 색상 픽셀의 "실행"은 color+numberOfPixels 형식으로 인코딩됩니다. 예를 들어, 색상이 41인 라인에 100픽셀이 있는 경우 이미지 파일은 색상(41)과 런의 길이(100)를 저장합니다. 따라서 GIF 파일은 How Microprocessors Work 의 다음 이미지와 같이 동일한 색상의 픽셀이 많은 도면을 저장하는 데 적합합니다 .
이것은 500 x 500 픽셀 이미지이지만 750,000바이트 대신 GIF로 저장하는 데 9,000바이트만 사용합니다.
JPG 파일은 훨씬 더 복잡한 기술을 사용하여 사진과 같이 모든 픽셀의 색상이 다른 이미지를 압축합니다. GIF 파일은 원본을 완벽하게 재현하지만 JPG는 그렇지 않습니다. 자세한 내용은 질문 289 를 참조 하십시오.
애니메이션 GIF는 모두 함께 결합되어 차례로 표시되는 일련의 GIF 파일입니다. 창이 충분하면 매우 사실적인 애니메이션을 얻을 수 있습니다. 그러나 파일 크기는 시퀀스를 만드는 데 사용된 GIF 파일의 합계이며 빠르게 추가될 수 있습니다. How Engines Work 에는 애니메이션 GIF가 많이 있습니다. 모두 정적 GIF에 비해 큽니다. 예를 들어 이 애니메이션 엔진 GIF는 약 75,000바이트입니다.
MPEG 파일은 JPEG 파일처럼 복잡한 알고리즘을 사용합니다. 즉, 프레임 간의 반복을 제거하여 비디오 정보를 크게 압축하려고 합니다. 또한 사운드트랙을 허용합니다(애니메이션 GIF는 허용하지 않음). 일반적인 시퀀스에는 수백 또는 수천 개의 프레임이 있기 때문에 파일 크기는 여전히 상당히 커질 수 있습니다. How Helicopters Work 에는 12개 정도의 MPEG 파일이 포함되어 있습니다.
Shockwave는 벡터 기반 애니메이션 기능을 제공합니다. 모든 픽셀의 색상을 지정하는 대신 Shockwave 파일은 모양의 좌표(선, 직사각형, 원 등)와 각 모양의 색상을 지정합니다. Shockwave 파일은 매우 작을 수 있습니다. 애니메이션과 사운드를 허용합니다. 이미지도 확장 가능합니다. 벡터 기반이기 때문에 이미지를 확대해도 여전히 멋지게 보일 것입니다. 이 페이지 에는 크기가 약 10,000바이트인 두 개의 멋진 애니메이션 Shockwave 파일 이 포함되어 있습니다. 다음은 그 중 하나입니다.
마지막으로 NxView 파일이 있습니다( How Gas Turbine Engines Work 에서 좋은 예를 볼 수 있습니다 ). 사용자 상호 작용을 허용하는 벡터 기반 3D 파일입니다. 원하는 방식으로 3D 개체를 회전하고 확대할 수 있습니다. 이것은 본질적으로 3D에 적용된 Shockwave 아이디어입니다. 파일은 포함된 세부 정보의 양에 비해 놀라울 정도로 작습니다(100K ~ 200K).
각 파일 형식에는 주어진 상황에서 최선의 선택이 될 수 있는 일련의 기능과 장점이 있음을 알 수 있습니다. 그래서 많은 이미지 형식이 있습니다!
