
QAOS.com에서 사용되는 이미지는 모두 프로그램에의해 크기를 늘리거나 줄입니다. 아울러 이러한 이미지 작업은 IE의 자체 기능을 이용한 것이 아니라 PHP 프로그램에의해 수행되며, 이때 그림을 다시 샘플링하기때문에 그림의 크기를 줄여도 품질이 상당히 우수한 편입니다.
보통 QAOS.com에 올리는 그림의 경우 크다고 해도 800x600 이하의 해상도인 경우가 많지만 이 크기 역시 본문에 삽입하기에는 너무 크기때문에 본문에는 작은 그림(폭이 400 픽셀 이하)을 삽입하고 이미지를 클릭하면 원본 크기로 늘어나는 형태를 취하고 있습니다.
얼마전까지는 이 작업을 제가 직접 작성한 자바스크립트로 수행했지만 지금은 블로그에서 한참 유행인
Lightbox라는 스크립트를 이용하고 있습니다. 이
Lightbox의 경우 큰 그림을 보기위해 작은 그림을 클릭하면 브로우저의 크기에 맞추어 그림을 출력합니다. 당연한 얘기지만
Lightbox에는 그림을 샘플링할 수 있는 기능이 없기때문에 단순히 IE의 기능을 이용해서 그림을 줄입니다. 이 결과 그림의 품질이 작은 그림보다 좋지 않은 경우가 종종있습니다. 이 경우 다음 방법으로 원본 그림을 볼 수 있습니다.