How to Share an HTML File So It Opens as a Page
Updated
An HTML file shows as a page only when a browser opens it. Email and file-sharing apps show the code or hand over a download, so the person you send it to has to know to download it and open it themselves. To spare them that, send a link that opens the file as a page, or save it as a PDF if they only need to read it.
To try it now, drop an HTML file of up to 2 MB into the box at the end of this page and open the link on your phone.
What happens when you send it the usual way
| How you send it | What the other person gets |
|---|---|
| Gmail on the web | The attachment shows as raw code. They have to download it and open it in a browser. |
| Google Drive | A file, not a page. Drive stopped hosting web pages in 2016. |
| Dropbox | ”Shared links don’t render HTML content in a web browser,” in Dropbox’s own words. |
| OneDrive | Someone who shared a page this way found that recipients got the code. The answer: “OneDrive isn’t a web server.” |
Even if your client downloads the file and opens it, images and styles kept in separate files don’t come with it.
Send a link or a PDF?
Decide by what your client has to do with it.
| If they need to… | Send |
|---|---|
| Read it, maybe print it | A PDF. It’s one file, and phones open it without extra steps. |
| Hover over charts, use filters or tabs, click through sections | A link. |
| See corrections after you’ve sent it | A link you can update. A PDF they downloaded stays as it was. |
A PDF keeps only what’s on screen when you save it: the tab that’s open, the filter that’s set. Hidden sections and hover details don’t make it in.
To save it as a PDF, open the file in Chrome, press Ctrl+P (Cmd+P on a Mac), set Destination to Save as PDF, and click Save (Chrome Help). In Safari, choose File → Export as PDF. Scroll through the PDF afterwards: wide tables and charts can get cut at the page edge.
If a PDF does the job, you can stop here. Sending a PDF to a client covers the rest.
Before you upload: check that nothing lives on your computer
A report can look right on your computer and break for everyone else, because your browser can load images from your own disk.
Open the file in Chrome, right-click the page, choose View Page Source, and
search (Ctrl+F or Cmd+F) for src= and then stylesheet. Look at the address
each one points to:
- A path on your computer, like
C:\Users\…,/Users/…orfile://: that image or style will be missing for anyone else. - A file name on its own, like
logo.pngorstyles.css: it works only if that file goes with the HTML. Put them in one folder, zip it, and upload the ZIP. data:: the image is inside the file. Nothing to do.- An address starting with
https://: it loads from the web when the page opens, so your client needs to be online.
If an AI tool made the report, you can ask it to put the images inside the HTML file. That makes the file bigger, about a third more than the images themselves. If it ends up over 2 MB, sign in and create a project instead of using the box on this page.
Get a link that opens it as a page
If you already publish with GitHub Pages or Netlify, use that. If you just want a link to one finished file, Litehost takes one upload:
- Drop the
.htmlfile into the box at the end of this page. A ZIP works too if it has one HTML file and no more than 5 files in all, up to 2 MB. - For bigger files, or a ZIP with several HTML files, sign in at litehost.io and create a project. You choose which HTML file opens first.
- Copy the
litepage.sitelink.
A link from the box lasts about 15 minutes unless you sign in to keep it.
Check it from your client’s side
Your own browser has your files and your logins, so it isn’t a fair test.
- Open the link in a private window on your computer.
- Open it on your phone, on mobile data rather than your Wi-Fi.
- Scroll to the end. Check every image and chart, and click any filters, tabs or links inside the page.
If an image is missing, go back to the source check above. If it asks for a password or says the page is private, set the project to public.
When you need to correct it
A second file after a correction leaves your client with two versions and the question of which one is right. Replace the file behind the link instead, so the email you already sent opens the right version.
In a signed-in Litehost project, replace the HTML file. The link stays the same. Open it in a private window afterwards to check it shows the new version.
Example: a monthly ad report made with AI
An illustrative example.
Marta runs Google Ads for a local landscaping company. Each month she asks
Claude to turn the numbers into garden-co-ads-september.html, a 380 KB page
with a short summary, a chart of calls by campaign drawn inside the file, and a
filter to switch between campaigns. The owner reads email on his phone.
First try: she attaches the file to an email and sends a test to her own Gmail. It shows a wall of code.
Before uploading: in View Page Source she finds the logo at
/Users/marta/Downloads/logo.png. She asks Claude to put the logo inside the
file, opens the new version, and sees the logo.
Link or PDF: the campaign filter is how the owner sees which ads brought calls, so a PDF would lose the part he uses. She uploads the file to a project, opens the link in a private window and on her phone on mobile data, then sends it with two lines of summary in the email.
After sending: the owner asks why the lawn-care campaign cost so much. Marta finds she typed one day’s spend twice, fixes the file, and replaces it in the project. The link in his email now shows the right numbers.
The cost: the report fits the Free plan’s 5 MB, and its link stays online while it’s opened at least once every 90 days, so the owner can look back at September in November. His page shows a small Litehost badge; Starter, currently $8 a month, removes it.
Where Litehost fits
Litehost gives one finished HTML file a link that opens as a page, and your client doesn’t need an account to open a public link.
- Plans: a new account gets Pro free for 7 days, with no card. After that, Free links stay online while opened at least once every 90 days, and the plan holds 5 MB. Starter, currently $8 a month, adds 500 MB, passwords and no badge.
- The badge: while you’re not on a paid plan, trial included, a small Litehost badge shows in the bottom-right corner of your client’s page.
You don’t need Litehost if a PDF does the job, or if you already publish pages on your own site.
Before you send
- Every image is inside the file, or in the ZIP with it.
- You chose a link or a PDF by what your client has to do with it.
- You opened the link in a private window and on your phone.
- When something changes, you’ll replace the file, not send a new one.