You can display images in your exported TablePop tables by placing <img> HTML tags directly in your Excel cells. This is useful for product catalogs, team directories, dashboards, and more.
PRO Feature: Image rendering in cell data requires the Enable Hyperlinks option to be turned on in TablePop Settings under the Pro tab.
Basic Image Syntax #
Enter the following HTML in an Excel cell to display an image:
<img src="https://your-domain.com/image.png" alt="Description">
| Attribute | Required | Description |
|---|---|---|
src |
Yes | The URL of the image (must be publicly accessible) |
alt |
Recommended | Alternative text shown if the image cannot load |
width |
Optional | Width of the image in pixels (e.g., width="80") |
height |
Optional | Height of the image in pixels (e.g., height="60") |
style |
Optional | Inline CSS for additional styling |
Controlling Image Size #
Use the width and/or height attributes to control the displayed size:
<!-- Fixed width (height scales automatically) -->
<img src="https://your-domain.com/photo.jpg" alt="Photo" width="80">
<!-- Fixed width and height -->
<img src="https://your-domain.com/photo.jpg" alt="Photo" width="80" height="80">
<!-- Using inline style for rounded corners -->
<img src="https://your-domain.com/photo.jpg" alt="Photo" style="width: 80px; border-radius: 8px;">
Example #
Here is an example of how your Excel table looks with an image URL in a cell:

And here is the rendered result after exporting with TablePop:

Where to Host Images #
Images must be hosted online and accessible via a public URL. Some options:
| Option | Best For | Notes |
|---|---|---|
| Your own website | Professional use | Full control, reliable hosting |
| Cloud storage (e.g., AWS S3, Google Cloud) | Scalable projects | Make sure files are set to public access |
| Image hosting services (e.g., Imgur, Cloudinary) | Quick testing | Free tiers available, check terms of service |
| GitHub / GitLab repositories | Developer projects | Use raw file URLs |
Important: TablePop does not embed local images from your computer. The image URL must be accessible from the browser where the exported HTML file is viewed. If the image URL is broken or private, a broken image icon will appear.
Tip: Keep your images small (under 200px width) for best table readability. Large images can distort the table layout.
