วิธีตั้งค่า MIME Type บน IIS Windows Server 2022 รองรับไฟล์ทุกประเภท

 MIME Type เป็นหนึ่งในการตั้งค่าที่สำคัญของ IIS Windows Server 2022 เพราะเป็นตัวกำหนดว่า Web Server จะส่งไฟล์แต่ละประเภทไปยัง Browser อย่างไร หาก MIME Type ไม่ถูกต้อง เว็บไซต์อาจแสดงผลผิดพลาด ดาวน์โหลดไฟล์ไม่ได้ หรือเปิดไฟล์บางประเภทไม่สำเร็จ

ปัญหานี้มักพบหลังจากอัปโหลดไฟล์ใหม่ เช่น

  • .json

  • .webp

  • .apk

  • .woff2

  • .svg

  • .mp4

แล้ว IIS แสดง Error 404 หรือไม่อนุญาตให้ดาวน์โหลด

บทความนี้จะอธิบายการตั้งค่า MIME Type บน IIS Windows Server 2022 แบบละเอียด พร้อมตัวอย่างที่ใช้งานจริง

① MIME Type คืออะไร

MIME Type (Multipurpose Internet Mail Extensions) คือข้อมูลที่ IIS ส่งให้ Browser เพื่อบอกว่าไฟล์นั้นเป็นประเภทใด

ตัวอย่าง

ไฟล์

image.jpg

MIME Type

image/jpeg

ไฟล์

style.css

MIME Type

text/css

ไฟล์

script.js

MIME Type

application/javascript

② ทำไม MIME Type จึงสำคัญ

✅ Browser แสดงผลไฟล์ได้ถูกต้อง

✅ ดาวน์โหลดไฟล์ได้ปกติ

✅ รองรับไฟล์ใหม่ ๆ

✅ ลดปัญหา Error 404.3

✅ เพิ่มประสิทธิภาพเว็บไซต์


③ อาการที่บ่งบอกว่า MIME Type มีปัญหา

ตัวอย่างที่พบบ่อย

❌ เปิดไฟล์ไม่ได้

เช่น

file.json

❌ รูปภาพไม่แสดง

เช่น

image.webp

❌ ฟอนต์ไม่โหลด

เช่น

font.woff2

❌ Error 404.3

IIS ไม่รู้จักประเภทไฟล์นั้น


④ เปิด IIS Manager

กด

Windows + R

พิมพ์

inetmgr

กด Enter

เลือกเว็บไซต์ที่ต้องการ


⑤ เปิดเมนู MIME Types

ภายในเว็บไซต์

ดับเบิลคลิก

MIME Types

จะเห็นรายการ MIME Type ทั้งหมดที่ IIS รองรับ


⑥ เพิ่ม MIME Type ใหม่

คลิก

Add...

กำหนด

File Name Extension

.webmanifest

MIME Type

application/manifest+json

กด OK


⑦ ตัวอย่าง MIME Type ที่นิยมใช้

🌐 JSON

Extension

.json

MIME Type

application/json

🖼️ WebP

Extension

.webp

MIME Type

image/webp

🎨 SVG

Extension

.svg

MIME Type

image/svg+xml

🔤 WOFF2

Extension

.woff2

MIME Type

font/woff2

🎬 MP4

Extension

.mp4

MIME Type

video/mp4

⑧ ตั้งค่า MIME Type ผ่าน web.config

ตัวอย่าง

<system.webServer>
 <staticContent>
  <mimeMap fileExtension=".webp"
   mimeType="image/webp" />
 </staticContent>
</system.webServer>

เหมาะสำหรับการย้ายเว็บไซต์ระหว่างเซิร์ฟเวอร์


⑨ ตรวจสอบ MIME Type ผ่าน Browser

กด

F12

เปิดแท็บ

Network

เลือกไฟล์

ตรวจสอบ

Content-Type

ว่าตรงกับประเภทไฟล์หรือไม่


⑩ ดู MIME Type ผ่าน PowerShell

ดูการตั้งค่า IIS

Get-WebConfiguration

ดู Static Content

Get-WebConfigurationProperty

เหมาะสำหรับผู้ดูแลระบบที่ต้องดูแล IIS หลายเครื่อง


⑪ MIME Type ที่ควรมีในเว็บไซต์ยุคใหม่

🚀 เว็บไซต์ทั่วไป

.html
.css
.js

🖼️ รูปภาพ

.jpg
.png
.webp
.svg

🔤 ฟอนต์

.woff
.woff2
.ttf

📱 PWA

.webmanifest

🎬 วิดีโอ

.mp4
.webm

⑫ ปัญหาที่พบบ่อย

❌ HTTP Error 404.3

สาเหตุ

IIS ไม่รู้จักประเภทไฟล์

วิธีแก้

เพิ่ม MIME Type


❌ รูป WebP ไม่แสดง

สาเหตุ

ไม่มี

image/webp

ใน IIS


❌ ฟอนต์ไม่โหลด

สาเหตุ

ไม่มี

font/woff2

ในระบบ


❌ ดาวน์โหลดไฟล์ไม่ได้

สาเหตุ

MIME Type ไม่ตรง

Browser จึงปฏิเสธการใช้งาน


⑬ Best Practices สำหรับ MIME Type

✅ เพิ่มเฉพาะประเภทที่ใช้งานจริง

✅ ใช้มาตรฐาน MIME Type สากล

✅ ทดสอบทุกครั้งหลังเพิ่ม

✅ สำรอง web.config ก่อนแก้ไข

✅ ใช้ WebP และ WOFF2 เพื่อลดขนาดไฟล์

✅ ตรวจสอบผ่าน Browser Developer Tools

ทีมงาน comsiam มักตรวจสอบ MIME Type ทุกครั้งหลังย้ายเว็บไซต์มายัง Windows Server 2022 เพราะเป็นสาเหตุของปัญหาการแสดงผลเว็บไซต์ที่พบได้บ่อยมาก


⑭ MIME Type ที่สำคัญสำหรับ WordPress

เว็บไซต์ WordPress สมัยใหม่มักใช้

✅ WebP

✅ SVG

✅ JSON

✅ WOFF2

✅ Web Manifest

ดังนั้นควรตรวจสอบให้ IIS รองรับทั้งหมด

โดยเฉพาะเว็บไซต์ที่ใช้ปลั๊กอินเพิ่มประสิทธิภาพความเร็ว


🎯 สรุป

MIME Type เป็นส่วนสำคัญของ IIS Windows Server 2022 ที่ช่วยให้ Browser เข้าใจประเภทไฟล์และแสดงผลได้อย่างถูกต้อง การตั้งค่า MIME Type ที่เหมาะสมช่วยลดปัญหา Error 404.3 รองรับไฟล์สมัยใหม่ และทำให้เว็บไซต์ทำงานได้อย่างสมบูรณ์

สำหรับเว็บไซต์องค์กร เว็บไซต์ WordPress หรือระบบ Web Application การตรวจสอบ MIME Type อย่างสม่ำเสมอตามแนวทางของ comsiam จะช่วยลดปัญหาการแสดงผลและเพิ่มเสถียรภาพของระบบในระยะยาว

Popular posts from this blog

Windows Server 2022 ยังน่าใช้ในปีนี้หรือไม่? คำตอบสำหรับคนกำลังวางระบบใหม่

สเปกเครื่องสำหรับติดตั้ง Windows Server 2022 เลือกอย่างไรให้คุ้มและใช้งานได้ยาว

Windows Server 2022 คืออะไร? คู่มือสำหรับมือใหม่