3단계 · GDAL 레시피

웹 형태 변환

브라우저가 바로 읽는 포맷으로 변환. 뷰어별 처리 방식.

방식·도구 고르기

통째 파일이 무거울 때: ① 타일로 굽기(파일) → 화면 범위 조각만 받음. ② 그래도 브라우저 그리기 부담 → WMS(서버)로 서버가 그림까지. 갱신·조회·연동이 필요하면 크기와 상관없이 서버.

정사영상·래스터 · 데이터 상태별 (크기 기준은 어림)

데이터 상태	방식	고르는 이유 · 형태
단일 영상 수 MB (jpg·png·webp + 월드파일)	파일	그림 한 장 + 네 모서리 좌표. 타일 불필요.
수십 MB~GB 영상	파일	COG: Range 요청으로 필요한 블록·해상도만. OpenLayers 직접, 그 외 뷰어는 XYZ 타일.
모든 뷰어 공통 · CDN 배포	파일	XYZ 타일 굽기: z/x/y PNG. 줌 1단계마다 타일 수 4배.
여러 장 모자이크 · 주기 갱신 · 색 바꾸기	서버	GeoServer WMS·WMTS: 원본 COG를 두고 요청 때 잘라 그림. 색 지도(SLD)는 서버에서.

카드 안 도구 선택 → 아래 단계·결과 전환. ?: 고르는 기준·장단점.

결과를 파일로 구워 정적 호스팅. 브라우저가 파일을 직접 읽음.

떠 있는 서버에 발행. 요청마다 서버가 응답 생성.

1256색 색상표 재생성GDAL/OGR C++, MIT, v3.13.3공간데이터 변환 표준 엔진. 래스터(GDAL)·벡터(OGR) 수백 가지 포맷.자세히 보기
```
gdal raster rgb-to-palette /work/web_3857.tif /work/palette.tif
```
rgb-to-palette: 재투영으로 섞인 색 → 256색 색상표. 색 적은 지도는 RGB 대비 몇 배 작음.
2PNG 한 장 내보내기GDAL/OGR C++, MIT, v3.13.3공간데이터 변환 표준 엔진. 래스터(GDAL)·벡터(OGR) 수백 가지 포맷.자세히 보기
```
gdal_translate -of PNG -co ZLEVEL=9 /work/palette.tif /out/image.png
```
원본도 PNG — 좌표계 (EPSG) 지구 위 위치를 숫자로 적는 약속. EPSG:4326: 위경도, EPSG:3857: 웹 지도 미터 좌표, EPSG:5186: 국내 중부원점. 자세히 재투영·축소본으로 다시 저장. 이 크기는 타일 분할 불필요: 그림 한 장 + 네 모서리 좌표로 모든 뷰어 표시.

PNG 한 장단일 이미지
원본도 PNG — 웹 메르카토르 재투영·축소본. 네 모서리 위경도(9.907, 53.426, 10.203, 53.602)와 함께 이미지 오버레이로 사용.

OpenLayers 2D미검증
결과물
PNG 한 장 (image.png)
처리
ImageLayer + ImageStatic — 네 모서리 범위
MapLibre 2.5D미검증
결과물
PNG 한 장 (image.png)
처리
image 소스 — 네 모서리 좌표
MapLibre + Deck.gl 3D미검증
결과물
PNG 한 장 (image.png)
처리
BitmapLayer — 네 모서리 범위
CesiumJS 3D미검증
결과물
PNG 한 장 (image.png)
처리
SingleTileImageryProvider

직접 처리: 원본과 같은 형식을 그대로 읽음. 변환 후 처리: 바꾼 결과물을 읽음. 일부 기능만: 그리지만 빠지는 기능 있음(카드의 주의). 미검증: 성공한 실행 기록 없음.