https://binoculars-simulator.vercel.app/
-PC 환경에 최적화 되어 있습니다.
남아도는 AI 사용량을 쓰기 위해 만들었습니다.

요즘 쌍안경 사서 탐조나 해볼까, 했는데 8x이면 얼마나 확대 되는거야? 하는 생각에서 시작한 서비스입니다.
맨눈이 풀프레임 50mm 화각과 비슷하고, 8x이면 그의 8배인 400mm와 유사하다. 라는 가정에서 시작했는데,
결국은 기준을 50mm로 맞추지는 못하고, 느낌만 냈습니다. 그냥 이런 것도 있구나~ 하고 한번 봐 주시면 감사하겠습니다.

아래는 AI와 함께 풀었던 기술적 이야기입니다.

-

이미지 소스 구현 과정
-최소 10배 이상 확대해도 깨지지 않는 고해상도 이미지가 필요했으나, 구하기가 쉽지 않음
-Flickr에서 24,865 x 9,776 사이즈의 파노라마 이미지를 구했으나, 원하는 만큼 선명하지는 않았음
-AI를 사용해 업스케일링을 시도했으나, 원본 이미지가 너무 커서 한 번에 처리하는 것이 불가능
-이를 해결하기 위해 Node.js 환경에서 sharp를 이용해, 원본 이미지를 10%의 겹침(Overlap) 영역을 포함하여 8등분
-Upscayl이라는 오픈소스 도구를 이용해 분할된 각각의 이미지를 2배로 업스케일링
-Microsoft ICE라는 도구를 이용해 조각난 이미지들을 다시 파노라마로 연결, 최종적으로 49,537 x 19,429 사이즈의 초대형 이미지를 완성
-완성된 이미지를 다시 sharp를 이용해 타일화하여, 해상도별로 최소 1개부터 최대 14,744개의 타일로 쪼갬
-쪼개진 타일 이미지들을 프론트엔드에서 OpenSeadragon을 이용해 최종 렌더링

결국 이미지를 구현하는 방법 자체는 지도 서비스와 비슷한 느낌인데, 엄청 큰 이미지를 만들어 내는 것 자체가 더 고생이었습니다.