**EXIF(Exchangeable Image File Format)**는 사진 이미지 데이터 자체 외에, 그 사진이 어떻게, 언제, 어디서, 무엇으로 찍혔는지에 대한 구체적인 **메타데이터(데이터에 대한 데이터)**를 담고 있다.

• 카메라 정보: 어떤 장비로 사진을 찍었는지 알려준다.
  • 카메라 제조사 및 모델: 예) SAMSUNG, Apple, SM-S928N, iPhone 15 Pro
  • 렌즈 정보: 사용된 렌즈의 종류, 초점 거리 등
• 촬영 설정값: 사진을 어떤 설정으로 찍었는지에 대한 기술적인 정보.
  • ISO 감도: 빛에 얼마나 민감하게 반응했는지
  • 조리개 값 (F-stop): 렌즈를 얼마나 열었는지 (심도 표현과 관련)
  • 셔터 속도: 얼마나 빠른 속도로 빛을 받아들였는지 (움직임 표현과 관련)
  • 노출 보정, 화이트 밸런스, 플래시 사용 여부 등
• 시간 및 위치 정보: 사진 찍은 시간, 위경도
  • 촬영 날짜 및 시간: 사진을 찍은 정확한 날짜와 시간.
  • GPS 좌표 (위도, 경도): 카메라의 위치 정보 기록 기능이 켜져 있어야 함.

내가 필요한 건 시간 및 위치 정보가 남기를 바란다.

webview 태그를 통해서 업로드 시

브라우저에서 <input type="file"> 를 통해 파일을 선택하면, 안드로이드의 파일 선택기가 열리고, 브라우저는 파일의 복사본을 만들어둔다. 이 과정에서 브라우저는 개인정보 유출을 막기 위해서 EXIF 데이터를 의도적으로 삭제한다.

웹뷰의 경우 onShowFileChooser 에서 개발자가 EXIF 정보가 보존되게 할 수 있다. ACCESS_MEDIA_LOCATION 권한을 사용자에게 허가받으면 파일의 위치 정보를 보존할 수 있다

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_MEDIA_LOCATION" />

onShowFileChooser 에서 파일 선택 결과를 ActivityResultLauncher 로 받는데, 이때 Uri 를 가공하지 않고 그대로 filePathCallback.onReceiveValue() 에 전달하면 된다.

// EXIF 정보 디버그 출력  
try {  
    val uri = data?.data  
    if (uri != null) {  
        activity.contentResolver.openInputStream(uri)?.use { inputStream ->  
            val exif = ExifInterface(inputStream)  
            Log.d(TAG, "Single File EXIF Info:")  
            Log.d(TAG, "  DateTime: ${exif.getAttribute(ExifInterface.TAG_DATETIME)}")  
            Log.d(TAG, "  GPS Latitude: ${exif.getAttribute(ExifInterface.TAG_GPS_LATITUDE)}")  
            Log.d(TAG, "  GPS Longitude: ${exif.getAttribute(ExifInterface.TAG_GPS_LONGITUDE)}")  
            Log.d(TAG, "  Make: ${exif.getAttribute(ExifInterface.TAG_MAKE)}")  
            Log.d(TAG, "  Model: ${exif.getAttribute(ExifInterface.TAG_MODEL)}")  
            Log.d(TAG, "  Orientation: ${exif.getAttribute(ExifInterface.TAG_ORIENTATION)}")  
        }  
    }  
} catch (e: Exception) {  
    Log.e(TAG, "EXIF 정보 읽기 실패", e)  
}

Single File EXIF Info:
   DateTime: 2025:07:18 08:43:28
   GPS Latitude: 37/1,0/1,0/100000
   GPS Longitude: 127/1,0/1,0/00000
   Make: samsung
   Model: SM-N960N
   Orientation: 6

ACCESS_MEDIA_LOCATION 권한을 부여하면 GPS 정보가 정상적으로 기록된다. 그렇지 않으면 0/1과 같은 형태로 기록된다. 따라서 사용자에게 권한을 명시적으로 받아야 한다.

웹에서 exif 정보 가져오기

웹에서 파일 업로드를 했을 때 EXIF 정보가 누락되는 현상이 있다. 하지만 위 사이트에서는 정상적으로 작동한다. 무슨 차이가 있을까?

위 페이지는 파일을 <form> 태그를 통해 그대로 서버로 전달하기 때문에 EXIF 데이터의 손실 없이 전달되어 분석이 가능한 것이다. 반면 브라우저 JavaScript에서 파일 데이터에 직접 접근하려고 하면 브라우저 보안 정책상 일부 정보(EXIF 등)가 차단될 수 있다.

웹뷰에서 native 로직을 통해 전달된 경우

앱이 OS 권한을 얻어서 브라우저 기본 정책이 아닌 앱의 권한으로 데이터를 직접 전달한다. 따라서 앱을 통해 파일을 선택한 경우 웹에서도 EXIF 데이터를 조회하고 다룰 수 있게 된다.

다만 EXIF 도 개인정보로 취급할 수 있기 때문에 저장과 노출에 주의를 해야한다. 서버에 저장할 경우 정말 필요한 만큼만 특정되지 않을 정도의 정보만 취급하거나, 저장하지 않는 게 좋다.

정부 페이지에서 EXIF 데이터의 위험성과 대응법도 홍보하고 있다.

데이터 형식

fileList.forEach((file) => {
    exifr.parse(file)
        .then((metadata: any) => {
            console.log(`[EXIF] ${file.name}`, metadata);
        })
        .catch((error: any) => {
            console.error(`[EXIF] Failed to parse EXIF for ${file.name}`, error);
        });
});

exifr 라이브러리를 활용해서 EXIF 데이터를 분석했다. parse 결과값에서 원하는 정보를 활용하면 된다.

exif 데이터 삽입하기 (piexif 라이브러리)

github.com

GitHub - hMatoba/piexifjs: Read and modify exif in client-side or server-side JavaScript.↗

Read and modify exif in client-side or server-side JavaScript. - hMatoba/piexifjs

이미지를 후처리하다가 EXIF 데이터가 소실되는 경우도 있다. 예를 들어 캔버스(Canvas)에 이미지를 그리고 추가적인 처리를 한 뒤 다시 이미지로 추출했을 때는 EXIF 데이터가 없는 상태가 된다. 이러한 경우에는 미리 가지고 있던 EXIF 데이터를 저장해두었다가 결과 이미지에 주입하는 방법을 사용할 수 있다.

exifr 라이브러리는 읽기 전용 라이브러리이므로, EXIF 데이터를 파일에 쓰는 기능은 없다. piexif 라이브러리를 사용해보자.

// EXIF 저장
let exifStr: string | null = null;
try {
    const originalDataURL = await fileToDataURL(origFile);
    const exifObj = piexif.load(originalDataURL);
    exifStr = piexif.dump(exifObj);
} catch (e) { ... }

// EXIF 삽입
try {
    finalDataURL = piexif.insert(exifStr, resizeResult.dataURL);
} catch (e) { ... }

원본의 exif 가 그대로 주입된다.