Tablizer

Convert HTML to PNG Online

Paste a HTML table below, edit it if you need to, and get PNG back. The conversion runs in your browser, so nothing is uploaded, there is no size limit and there is no signup.

From

The only part of this site that uses a server. The address is sent to it so the page can be fetched, because a browser is not allowed to fetch someone else's page itself. Your own files are never involved.

Nothing here is uploaded. The parsing happens on this page.
Edit
Paste or upload something above and it will appear here.
ToDataMarkupDocumentsCodeSchemasImages

The output will appear here once there is a table to convert.

What HTML is

An HTML table is a table element containing thead and tbody, with th cells for headers and td cells for data.

Web pages, email templates and anything pasted into a CMS.

What PNG is

A lossless image format. Text and thin lines stay exactly as drawn, which is what a table is made of.

Slides, chat messages, issue trackers, and anywhere a table has to travel as a picture rather than as data.

What changes when you convert HTML to PNG

The first table in the markup is used. Cell contents are stripped of inline tags and entities are decoded, so <td><b>Total</b>&nbsp;</td> arrives as Total. Nested tables inside a cell are not descended into.

The table is drawn from the data onto a canvas rather than captured from the page, so the whole thing comes out however long it is and however much of it is on screen. Column widths are measured from the content, alternating rows are shaded, and the scale is adjustable so a table for a slide or a print layout can be drawn at two or three times the size.

What carries over from HTML to PNG

HTML records 3 things about a table that PNG has no way to hold.

HTML can hold a value that is itself a list or an object. PNG has only flat cells, so nested values are flattened into one cell rather than being spread across columns.

Nothing in PNG records that the first row is a header. It is drawn at the top and looks like one, which is all that is left of the distinction.

PNG is the end of the line for this data. Reading the table back out of it is a separate and much harder problem than writing it, so keep the HTML if you will need the values again.

Questions

How do I convert HTML to PNG?

Paste your HTML into the box above or drop the file onto it. Check the table in the grid, then copy or download the PNG from the output panel. It takes one step and the data never leaves your browser.

Can I get the data back out of a PNG of a table?

Not without optical character recognition, which is a different kind of software with a different failure rate. An image of a table is pixels. If anyone downstream might want to sort or sum the numbers, send the table as well as the picture.

Can I convert the PNG back to HTML afterwards?

Not mechanically. PNG keeps how the table looks, not what it held, so going back means reading the values off the page again. Keep the HTML if you will need it.

What happens to nested values?

PNG has no nested cell, so a list or object inside a HTML value is flattened into a single cell rather than expanded into extra columns. Split it before converting if the parts need to be separate.

Is there a limit on file size?

No. The work happens on your own machine, so the limit is your machine's memory rather than an upload cap. A file with tens of thousands of rows converts in a second or two.

Is my data uploaded anywhere?

No. The parsing and generating are done by JavaScript running on this page. You can watch the network tab while you convert and see that nothing is sent.

Related conversions