QAOS.com에서 사용되는 이미지는 모두 프로그램에의해 크기를 늘리거나 줄입니다. 아울러 이러한 이미지 작업은 IE의 자체 기능을 이용한 것이 아니라 PHP 프로그램에의해 수행되며, 이때 그림을 다시 샘플링하기때문에 그림의 크기를 줄여도 품질이 상당히 우수한 편입니다.

보통 QAOS.com에 올리는 그림의 경우 크다고 해도 800x600 이하의 해상도인 경우가 많지만 이 크기 역시 본문에 삽입하기에는 너무 크기때문에 본문에는 작은 그림(폭이 400 픽셀 이하)을 삽입하고 이미지를 클릭하면 원본 크기로 늘어나는 형태를 취하고 있습니다.

얼마전까지는 이 작업을 제가 직접 작성한 자바스크립트로 수행했지만 지금은 블로그에서 한참 유행인 Lightbox 라는 스크립트를 이용하고 있습니다. 이 Lightbox 의 경우 큰 그림을 보기위해 작은 그림을 클릭하면 브로우저의 크기에 맞추어 그림을 출력합니다. 당연한 얘기지만 Lightbox 에는 그림을 샘플링할 수 있는 기능이 없기때문에 단순히 IE의 기능을 이용해서 그림을 줄입니다. 이 결과 그림의 품질이 작은 그림보다 좋지 않은 경우가 종종있습니다. 이 경우 다음 방법으로 원본 그림을 볼 수 있습니다.

1. 작은 그림을 클릭합니다. 예로는 쉘 대치/XP의 새로운 변신, Aston에서 사용한 그림 2: Corona H 테마(1024x768 해상도)로 하겠습니다.
   
   그림에서 알 수 있듯이 1024x768 해상도의 그림을 IE의 크기에 맞추어 샘플링없이 줄였기 때문에 작은 그림보다도 글씨를 알아보기 힘듭니다.
2. 큰 그림에서 Zzoop!! 라는 부분을 클릭하면 Zzoop!!라는 그림이 사라지면 아래의 그림처럼 네방향의 모서리를 향하는 화살표가 나타납니다.
   
3. 네방향의 모서리를 향하는 화살표를 클릭하면 원본 이미지를 볼 수 있습니다. 이 경우 네방향의 모서리를 향하는 화살표는 다시 그림을 줄이기위해 사각형의 중심을 향하는 화살표로 바뀝니다.