Dönüştürücüler

MIME Türü

Dosya uzantısına göre MIME türünü bulun veya belirli bir MIME türü için uzantıları bulun.

MIME Türü Hakkında

Bir dosya uzantısıyla ilişkili MIME türünü sorgular veya tersine çalışarak belirli bir MIME türüne hangi uzantıların karşılık geldiğini bulur. Sunucu yapılandırmasında veya bir uygulamanın Content-Type başlığında yanlış bir MIME türü, tarayıcının bir dosyayı yanlış işlemesine, gerektiğinde satır içi göstermeyi reddetmesine veya doğrudan görüntülenmesi gereken içerik için indirme istemi tetiklemesine neden olabilir. Alışılmadık bir dosya uzantısı için bir web sunucusunun MIME türü eşlemelerini yapılandırırken kullanışlıdır.

Bazı tarayıcılar uyumluluk amacıyla dosyanın gerçek içeriğini "koklayarak" yanlış beyan edilmiş bir MIME türünü yine de geçersiz kılabilir — ancak bu davranış tarayıcılar arasında tutarsızdır ve doğru bir Content-Type başlığının tam olarak kaçındığı türden bir belirsizliktir.

📖 Bilgi Bankasında daha fazlasını oku →

Doğru ayarlanması gereken türler

UzantıMIME türü
.htmltext/html
.csstext/css
.js, .mjstext/javascript (RFC 9239'dan beri standart tür; application/javascript eskidi ama hâlâ çalışır)
.jsonapplication/json
.svgimage/svg+xml
.webpimage/webp
.woff2font/woff2
.wasmapplication/wasm
.webmanifestapplication/manifest+json
.pdfapplication/pdf

Yanlış tür neden sorun çıkarır

  • X-Content-Type-Options: nosniff başlığı varsa tarayıcılar yanlış türle sunulan bir betiği çalıştırmayı veya stil dosyasını uygulamayı reddeder. text/plain olarak sunulan JavaScript hiç yüklenmez.
  • WebAssembly.instantiateStreaming() için application/wasm gerekir.
  • Bir dosyanın tarayıcıda açılması mı yoksa indirilmesi mi, türüne ve Content-Disposition başlığına bağlıdır.
  • Metin türleri için karakter setini ekleyin: text/html; charset=utf-8. Eksik veya yanlış karakter seti, bozuk karakterlerin klasik nedenidir.

Sunucuda ayarlamak ve kontrol etmek

  • nginx: eşlemeyi bir types { } bloğuna, örneğin types { application/wasm wasm; }, ya da mime.types dosyasına ekleyin.
  • Apache: AddType application/wasm .wasm
  • Gerçekte ne sunulduğunu kontrol edin: curl -sI https://example.com/app.wasm | grep -i content-type veya HTTP başlık denetleyicisi.