Published on

MIME type Content type - 자주쓰는 37가지 파일확장자 확인하기

Authors

확장자가 같다고 해서, 다 같은 파일의 형식이 아닙니다.

MIME 유형과 Content-type은 인터넷을 통한 파일 전송에서 파일의 형식을 식별하는 데 사용됩니다.

파일을 업로드 하다 보면 MIME을 만나게 될텐데, 이는 Multipurpose Internet Mail Extensions의 약어 입니다. 비개발자도 이해하기 쉽고, 알아두면 반드시 쓸모 있는 정보입니다.

자주 사용하는 37가지 형태도 정리했으니 참고 하시면 좋겠습니다.

1. MIME type 이란?

1.1 MP4파일의 3가지 type

MP4파일은 흔히 영상파일로 잘 알려져 있습니다.

그럼 “영상파일이면 영상파일이지, 또 다른 파일이란 건가?” 라고 생각할 수 있습니다.

어떤 .mp4 파일이 있다고 했을 때,

이 영상은 어떤 MIME 타입으로 지정하는지에 따라웹에서 사용할 수 있는 형태가 달라지게 됩니다.

mp4 MIME 타입은

[application/video/audio] 와 함께 사용되며, 각각의 특성은 다음과 같습니다.

  1. video/mp4타입은 주로 비디오 데이터를 포함하는 MP4 파일을 지정합니다.오디오 스트림이 포함될 수 있지만, 주요 콘텐츠는비디오입니다.video/mp4는 비디오 스트리밍 서비스, 비디오 파일 다운로드, 디지털 비디오 편집 등 비디오 중심의 애플리케이션에서 주로 사용됩니다.
  2. application/mp4타입은 오디오와 비디오 데이터가 혼합된 복합적인 MP4 파일에 사용됩니다.멀티미디어 스트리밍이나오디오, 비디오, 자막, 메타데이터 등이 포함된 복잡한 파일 형식에 적합합니다.
  3. audio/mp4타입은 오디오 전용 MP4 파일에 사용됩니다.비디오 트랙이 없는 오디오 스트림을 담은 파일에 적합하며,오디오 스트리밍 서비스나 오디오 파일 다운로드에 주로 사용됩니다.

1.2 MIME type

  1. Discrete TypeIANA에서 단일 항목의 카테고리로, 아래 항목이 포함됩니다.
    • Text: 텍스트 문서 (예: plain, html, css, javascript)
    • Image: 이미지 파일 (예: gif, png, jpeg, bmp, webp)
    • Audio: 오디오 파일 (예: midi, webm, ogg, wav)
    • Video: 비디오 파일 (예: webm, ogg)
    • Application: 바이너리 데이터 (예: pdf, json, octet-stream)
  2. Multipart Type: 소수 유닛의 계층적인 구조를 가진 복합 데이터 유형입니다.

이러한 분류는 파일의 내용과 주된 용도에 따라 각기 다른 MIME 타입을 지정하는 데 도움을 줍니다.

예를 들어, 위에서 설명한대로

오직 비디오 콘텐츠만을 전달하는 경우 video/mp4를 사용하고,

오디오와 비디오가 혼합된 파일은 application/mp4를,

오디오 파일은 audio/mp4를 사용하는 것이 적합합니다.

2. Content-type과는 어떤 관계가 있나요?

Content-type은 HTTP 통신, 즉 웹 통신에서 사용됩니다.

개발단에서 웹 서버가 클라이언트에게 전달하는 데이터의 유형을 명시합니다.

MIME 타입과 밀접하게 연관되어 있으며, 웹 페이지의 내용을 정확하게 전달하는 데 필수적입니다.

2.1 Content-type의 중요성

  • 데이터 해석서버는 Content-type을 사용하여 클라이언트에게 어떤 데이터 형식을 보내고 있는지 알립니다.이는 브라우저가 적절한 방식으로 콘텐츠를 해석하고 표시하는 데 중요합니다.인코딩에 대한 정보도 이곳에서 하여, 한글깨짐 등의 오류를 해결하기도 합니다.
  • 호환성다양한 브라우저와 장치에서의 호환성을 보장합니다.

2.2 MIME 유형과 Content-type의 다른 점은?

MIME 유형은 파일이나 데이터의 형식을 지정하는 데 사용되며,

Content-type은 이러한 MIME 유형을 HTTP 헤더를 통해 웹 통신에서 명시하는 데 사용됩니다.

둘 다 파일 형식을 나타내는 데 중요하지만사용되는 맥락이 다릅니다.

3. 자주쓰는 [확장자 – 문서종류 – MIME type] 37가지

MDN(Mozilla Developer Network) Web Docs 를 참고해 정리했습니다.https://developer.mozilla.org/ko/docs/Web/HTTP/Basics_of_HTTP/MIME_types

(참고로, MDN은 웹 표준, Mozilla 프로젝트에 대한 개발 문서들이 담긴 Mozilla의 공식 웹사이트 입니다.)

확장자문서 종류MIME type
.avifAVIF 이미지image/avif
.azw아마존 킨들 전자책 포맷application/vnd.amazon.ebook
.bin모든 종류의 이진 데이터application/octet-stream
.bmpWindows OS/2 비트맵 그래픽image/bmp
.cshC-셸 스크립트application/x-csh
.css종속 스타일 시트 (CSS)text/css
.csv쉼표로 구분된 값 (CSV)text/csv
.docMicrosoft 워드application/msword
.docxMicrosoft 워드 (OpenXML)application/vnd.openxmlformats-officedocument.wordprocessingml.document
.gzGZip 압축 아카이브application/gzip
.gifGraphics Interchange Format (GIF)image/gif
.htm, .htmlHyperText Markup Language (HTML)text/html
.icsiCalendar formattext/calendar
.jarJava Archive (JAR)application/java-archive
.jpeg, .jpgJPEG 이미지image/jpeg
.jsJavaScripttext/javascript
.jsonJSON 형식application/json
.mp3MP3 오디오audio/mpeg
.mp4MP4 비디오video/mp4
.mpegMPEG 비디오video/mpeg
.mpkgApple 설치 패키지application/vnd.apple.installer+xml
.pdfAdobe PDFapplication/pdf
.phpHypertext Preprocessor (Personal Home Page)application/x-httpd-php
.pptMicrosoft PowerPointapplication/vnd.ms-powerpoint
.pptxMicrosoft PowerPoint (OpenXML)application/vnd.openxmlformats-officedocument.presentationml.presentation
.shBourne shell scriptapplication/x-sh
.svgScalable Vector Graphics (SVG)image/svg+xml
.tarTape Archive (TAR)application/x-tar
.txtTexttext/plain
.wavWaveform Audio Formataudio/wav
.webpWEBP imageimage/webp
.xlsMicrosoft Excelapplication/vnd.ms-excel
.xlsxMicrosoft Excel (OpenXML)application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.xmlXMLapplication/xml
.zipZIP archiveapplication/zip

MIME 유형과 Content-type은 웹 개발에서 중요한 부분입니다.

파일과 관련된 것을 이해하고 사용하는 것은 웹 애플리케이션의 성능향상에 큰 도움이 됩니다.

또 파일 업로드를 구현시, file type 파라미터로 MIME을 적을 때 유용하게 사용하기를 바랍니다.

hongreat 블로그의 글을 봐주셔서 감사합니다! 하단의 버튼을 누르시면 댓글을 달거나 보실 수 있습니다.

Buy Me A Coffee