HTML Table to Image

HTML Table Input

<table style="border-collapse: collapse; width: 100%; font-family: sans-serif; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; background: white;">
  <thead style="background-color: #3b82f6; color: white;">
    <tr>
      <th style="padding: 16px; text-align: left;">Plan</th>
      <th style="padding: 16px; text-align: left;">Price</th>
      <th style="padding: 16px; text-align: left;">Storage</th>
      <th style="padding: 16px; text-align: left;">Users</th>
    </tr>
  </thead>
  <tbody>
    <tr style="border-bottom: 1px solid #e5e7eb;">
      <td style="padding: 16px;">Basic</td>
      <td style="padding: 16px; font-weight: bold;">$10/mo</td>
      <td style="padding: 16px;">10 GB</td>
      <td style="padding: 16px;">1 User</td>
    </tr>
    <tr style="border-bottom: 1px solid #e5e7eb;">
      <td style="padding: 16px;">Pro</td>
      <td style="padding: 16px; font-weight: bold;">$29/mo</td>
      <td style="padding: 16px;">100 GB</td>
      <td style="padding: 16px;">5 Users</td>
    </tr>
    <tr>
      <td style="padding: 16px;">Enterprise</td>
      <td style="padding: 16px; font-weight: bold;">$99/mo</td>
      <td style="padding: 16px;">Unlimited</td>
      <td style="padding: 16px;">Unlimited</td>
    </tr>
  </tbody>
</table>

Format

Scale

Live Preview

Explore Other Tools

How to convert HTML Tables?

1. Paste Table

2. Customize

3. Save