</>

Embed the lookup widget

Drop a file extension lookup into your own site with one snippet of HTML.

The WhatFileType widget lets your visitors look up any file extension without leaving your page. It is a single lightweight iframe with no sign-up, and links each result to the full details. Paste one of the snippets below wherever you want it.

Live preview

Basic embed

Paste this where you want the widget to appear.

<iframe
  src="https://whatfiletype.com/widget"
  title="File extension lookup by WhatFileType"
  width="100%"
  height="240"
  style="border:0;max-width:440px;"
  loading="lazy"
></iframe>

Centered, responsive

Wrap it to cap the width and center it in a column.

<div style="max-width:440px;margin:0 auto;">
  <iframe
    src="https://whatfiletype.com/widget"
    title="File extension lookup by WhatFileType"
    width="100%"
    height="240"
    style="border:0;"
    loading="lazy"
  ></iframe>
</div>

Inline embed, with a real link

An iframe is a separate document: a link inside it lives on our page, not yours, and search engines treat it that way. If you would like the attribution to count as a normal link from your site, use this variant instead. It is the same frame with the credit line moved into your own HTML.

<!-- Attribution link lives in YOUR page's HTML, so it counts. -->
<div style="max-width:440px">
  <iframe
    src="https://whatfiletype.com/widget?theme=light"
    title="File extension lookup by WhatFileType"
    width="100%" height="240" style="border:0" loading="lazy"></iframe>
  <p style="font:12px/1.5 system-ui;margin:6px 0 0">
    File type lookup by
    <a href="https://whatfiletype.com/">WhatFileType</a>
  </p>
</div>

Keep the link plain. A nofollow or a redirect through a tracker turns the credit into decoration, and the whole reason this widget is free is that the credit is how people find the tool.

Parameters

Append these to the widget URL, for example /widget?ext=heic&theme=dark&compact=1.

Widget URL parameters
ParameterValuesWhat it does
extany extension, with or without the dotOpens with that format already looked up. Use it when the widget sits next to content about one specific format.
themelight (default) or darkSwitches the widget to dark surfaces so it does not glow on a dark page.
compact1Drops the heading and tightens the padding. Fits a narrow sidebar at about 190px high instead of 240px.

The file signature reference

The second embed is the whole magic-numbers table: every documented file signature with its hex bytes, ASCII rendering, offset and the formats that share it, plus a filter box, in one self-contained frame. It suits a forensics write-up, a file-format course page or a developer wiki far better than a lookup box does.

It is published under a CC BY 4.0 licence, so you can also republish the table in your own markup as long as you credit WhatFileType and link back. Set the height to about 560px, or higher if you want more rows visible before the frame scrolls.

<iframe
  src="https://whatfiletype.com/widget/signatures"
  title="File signatures (magic numbers) reference by WhatFileType"
  width="100%"
  height="560"
  style="border:0;"
  loading="lazy"
></iframe>
<p><a href="https://whatfiletype.com/magic-numbers">File signature reference</a> by WhatFileType, CC BY 4.0</p>

Good to know

Prefer raw data?

If you want to build your own interface, the same information is available from the free JSON API.