liminfo

EXIF Viewer

사진 메타데이터(크기, 형식, 수정일) 조회

파일을 여기에 드래그하거나

파일 선택

JPG, PNG, WebP 등 이미지 파일 (최대 50MB)

EXIF Viewer 소개

이미지 정보 뷰어는 이미지 파일을 서버에 업로드하지 않고 브라우저에서 직접 상세한 메타데이터를 추출하여 표시하는 도구입니다. 이미지 파일을 드롭하거나 선택하면 즉시 로컬 오브젝트 URL이 생성되고, 이미지 미리보기가 렌더링되며, HTML Image 요소의 naturalWidth와 naturalHeight 속성을 사용해 실제 픽셀 크기가 읽힙니다. 이 크기를 기반으로 메가픽셀 수와 가로세로 비율 등 추가 지표가 계산됩니다. 파일 이름, 파일 크기(B/KB/MB/GB 형식), MIME 타입, 최종 수정 타임스탬프 등 파일 수준 메타데이터는 브라우저의 File API에서 직접 읽습니다.

이 도구는 주로 프로젝트에 사용하기 전에 이미지 속성을 빠르게 확인해야 하는 사진작가, 그래픽 디자이너, 웹 개발자들이 활용합니다. 사진작가는 인쇄 제출 전에 사진이 예상 해상도를 충족하는지 확인할 수 있습니다. 웹 개발자는 이미지가 히어로 배너에 필요한 최소 크기를 충족하는지 또는 가로세로 비율이 디자인과 일치하는지 확인하는 데 사용합니다. CMS에 자산을 업로드하는 콘텐츠 관리자들도 Photoshop이나 다른 애플리케이션을 열지 않고 파일 크기가 업로드 제한 내에 있는지 확인하는 데 활용합니다.

이 도구는 두 가지 브라우저 API를 사용해 모든 처리를 로컬에서 수행합니다. File API는 파일 메타데이터(이름, 크기, 타입, lastModified)를 제공하고, Image API(new Image())는 렌더링된 픽셀 크기를 제공합니다. 미리보기는 동일한 오브젝트 URL로 표시되며 새 이미지를 선택하면 메모리 누수를 방지하기 위해 적절히 해제됩니다. 메타데이터 테이블은 파일명, 파일 크기, 파일 형식, 이미지 너비, 이미지 높이, 전체 해상도(너비×높이), 메가픽셀 수, 가로세로 비율(소수점 비율), 사용자의 로컬 시간 기준 최종 수정일 등 9가지 속성을 표시합니다.

주요 기능

  • Image API의 naturalWidth/naturalHeight를 사용한 이미지 가로×세로 픽셀 크기 읽기
  • 메가픽셀 수 계산: (너비 × 높이) / 1,000,000을 소수점 한 자리로 표시
  • 가로세로 비율 계산: 너비/높이를 소수점 두 자리로 표시
  • 파일 크기를 B, KB, MB, GB 중 적절한 단위로 자동 변환하여 표시
  • File API로 읽은 MIME 타입(image/jpeg, image/png, image/webp 등) 표시
  • 사용자의 로컬 날짜/시간 형식으로 최종 수정 타임스탬프 표시
  • 페이지 내 최대 높이 제약이 있는 브라우저 이미지 미리보기
  • 100% 클라이언트 사이드 — 서버 업로드 불필요, 최대 50MB 이미지 지원

자주 묻는 질문

어떤 이미지 형식을 지원하나요?

브라우저가 렌더링할 수 있는 모든 이미지 형식을 지원합니다. JPEG, PNG, WebP, GIF, BMP, SVG, AVIF, HEIC(지원 기기에서) 등이 포함됩니다. 파일 형식은 File API에서 읽어 MIME 타입으로 표시됩니다.

이미지가 서버에 업로드되나요?

아니요. 이미지는 File API와 Image API를 사용하여 완전히 브라우저 내에서 처리됩니다. 미리보기와 크기 읽기를 위해 로컬 오브젝트 URL(URL.createObjectURL)이 생성되며, 새 이미지를 선택하면 해제됩니다. 어떠한 데이터도 기기를 떠나지 않습니다.

메가픽셀 수는 어떻게 계산되나요?

메가픽셀 = (이미지 너비(픽셀) × 이미지 높이(픽셀)) / 1,000,000입니다. 예를 들어 4000×3000 픽셀 이미지는 4000 × 3000 / 1,000,000 = 12.0 메가픽셀입니다. 이는 카메라 제조사가 사용하는 메가픽셀 등급 계산 방식과 동일합니다.

가로세로 비율 숫자는 무엇을 의미하나요?

가로세로 비율은 너비를 높이로 나눈 값으로, 소수점 두 자리로 표시됩니다. 예를 들어 1920×1080 이미지의 가로세로 비율은 1920/1080 = 1.78이며, 이는 16:9 와이드스크린 형식에 해당합니다. 정사각형 이미지(예: 500×500)의 가로세로 비율은 1.00입니다.

파일 크기가 파일 시스템에서 보이는 것과 다를 때가 있는 이유는 무엇인가요?

표시되는 파일 크기는 브라우저의 File API가 보고하는 정확한 바이트 수로, 디스크의 실제 파일 크기와 일치합니다. 파일 시스템 탐색기에서 볼 수 있는 약간의 차이는 OS가 디스크 사용량을 보고하는 방식(클러스터 크기 반올림)과 실제 파일 바이트 수의 차이 때문입니다.

웹 요구 사항을 충족하는지 확인하는 데 사용할 수 있나요?

네, 이는 흔한 활용 사례입니다. CMS나 웹사이트에 업로드하기 전에 이미지가 필요한 최소 크기를 충족하는지, 최대 파일 크기 제한 내에 있는지(예: 웹 업로드용 2MB 미만), 올바른 파일 형식인지, 예상 가로세로 비율인지를 빠르게 확인할 수 있습니다.

지원되는 최대 파일 크기는 얼마인가요?

최대 50MB의 이미지 파일을 지원합니다. 더 큰 파일은 미리보기를 생성할 때 브라우저가 느려지거나 메모리가 부족해질 수 있습니다. 원시 카메라 파일과 같이 매우 큰 이미지는 데스크톱 애플리케이션 사용을 권장합니다.

일부 파일에서 이미지 형식이 "알 수 없음"으로 표시되는 이유는 무엇인가요?

일부 파일은 표준 파일 확장자가 없거나 특이한 형식인 경우 브라우저의 File API가 인식 가능한 MIME 타입을 보고하지 않을 수 있습니다. 이 경우 파일 형식이 "알 수 없음"으로 표시되지만, 이미지 로드와 미리보기는 계속 시도됩니다.