How To Upload A ZIP Of Website Files And Go Live
How to upload a ZIP of website files and get a live link: zip the right thing, strip the junk your computer adds, and fix the five errors behind failed uploads.
The OxyPages Team · · 8 min read
You've got a website sitting in a folder. Maybe you built it, maybe a site builder exported it, maybe an AI handed it over ten minutes ago. The host you picked says "upload a ZIP", so you zip it, upload it, and get one of two results.
Either an error saying there's no index.html, which is odd because you can see it right there. Or a live site with every image missing.
Both are fixable in under a minute, and both happen before you press upload. When you upload a ZIP of website files, the host unpacks it and serves each file at the path it had inside the archive. So whatever shape the ZIP has, the website has. Get the shape right and the upload is the easy part.
The example below is a wedding photographer's site, because photo-heavy folders hit every one of these problems at once: big files, camera filenames in capitals, and a logo that trips a file-type rule.
TL;DR: Open your site folder, select everything inside it, and compress that selection, not the folder around it. The ZIP's top level must contain index.html, because that's the page visitors land on. The host unpacks the archive, keeps every folder path, and gives each file its own address; the ZIP itself never becomes a download. Most failures come from a wrapper folder, a capital letter in a filename, a path pointing at your own computer, a file type the host doesn't serve, or a file over the size cap. Check the ZIP's contents before you upload, then open the live site on a phone.
Why Do Hosts Ask For A ZIP?
A ZIP carries a whole folder as one file, with every subfolder and path intact. A website is many files that point at each other, images/hero.jpg from index.html and so on, and those pointers only work if the folders arrive exactly as they were.
A normal file picker flattens folders, so 80 loose files arrive with no structure unless the host has a proper folder upload. One archive sidesteps all of it.
The thing to understand is that the ZIP is packaging, not part of your site. The host opens it on arrival and throws the box away. Nobody visiting your site ever sees or downloads the ZIP.
How To Zip A Website Folder The Right Way
Open the folder, select the files inside it, and compress the selection. That one habit prevents the most common failure there is.
- Open your site folder so you can see
index.htmland the other files and folders next to it. - Select everything inside, with Cmd+A on a Mac or Ctrl+A on Windows.
- Compress the selection. On a Mac, right-click and choose Compress. On Windows 11, right-click and pick the Compress to ZIP option. On older Windows it's Send to, then Compressed (zipped) folder.
- Rename the result to something sensible like
site.zip. The name doesn't matter to the host, but it helps you. - Look inside before you upload. Double-click it, or open it in a browser-based ZIP viewer that reads it on your own machine.
index.htmlshould be the first thing you see, not a folder.
The Wrapper Folder Mistake
If you right-click the folder itself and compress it, the ZIP contains one folder, and the site is inside that. The host opens the archive, looks at the top level, finds a single folder and no homepage, and stops.
This is the "there's no index.html" error from the top of this post. Some hosts strip a single wrapper folder for you, many don't. Zip the contents and you never have to find out.
The Junk Your Computer Adds
A Mac adds hidden .DS_Store files to folders, and its built-in compressor can add a __MACOSX folder full of files starting with ._. Windows can leave Thumbs.db behind.
None of it is part of your site. Most static hosts skip these files automatically and say so in a warning. If yours complains, delete them before zipping, or ignore the warning if the rest of the site published.
What Happens After You Upload A ZIP Of Website Files?
The host unpacks the archive, checks each file, and publishes the ones it accepts at the same paths they had inside the ZIP. A file at work/weddings/index.html in the archive answers at yoursite.com/work/weddings/.
Three things are worth knowing about that process:
- Each file is checked against a list of allowed types. Static hosts serve what a browser needs, like HTML, CSS, JavaScript, images and fonts. Some refuse other types outright, so a stray
.psdor.mp4gets skipped rather than published. - There are caps. Most hosts limit the ZIP's size, the number of files inside it, and the size once unpacked. Read your host's limits page before you upload a big one.
- An upload usually replaces the whole site. Upload a ZIP with three files in it and you get a three-file site. When you update, always upload the complete site again.
If what you're holding is a single page with everything inside it, you don't need a ZIP at all, and putting one HTML file online is even quicker.
Walkthrough: A Photographer's Portfolio, From Folder To Live Link
Take a wedding photographer's site. It's a folder: index.html, about.html, contact.html, a css folder, a small SVG logo, a 30-second showreel, and an images folder with 60 photos straight out of Lightroom. It gets zipped, uploaded, and half the photos are missing.
Here's what was wrong, in the order I'd check it.
The Folder Had Passengers
Photographers' folders collect things a website never uses: a few raw files (.CR2, .NEF, .ARW), a .psd of the logo, the showreel as an .mp4. Hosts with a file-type list skip them, so the upload warns and the showreel never appears. Hosts without one publish them, and you're storing raw files nobody can open.
Take them out before zipping. Put the video on a video platform and embed the player. And while you're in there, check the photos are web exports, not full-size originals, because a ZIP of camera files can hit a host's size cap before anything else goes wrong.
The Filenames Didn't Match
The HTML said images/ceremony-01.jpg and the file was called Ceremony-01.JPG. Your Mac treats those as the same file. The Linux server your host almost certainly runs does not, so the image breaks the moment it's online.
Rename everything to lowercase, with hyphens instead of spaces, and make the HTML match. It's tedious, and it's the fix for most "it worked on my computer" problems. MDN on naming files and folders for the web
Some Paths Pointed At The Laptop
A few images were dropped into the page from the desktop, and the editor wrote their full location on the laptop: file:///Users/sam/Desktop/site/images/hero.jpg. That address only exists on one computer. Online, it points at nothing.
Search the HTML for file: and Users/ and replace each one with a path relative to the page, like images/hero.jpg. Paths starting with a slash, like /images/hero.jpg, are a different case: they work once the site is live at the root of its address, but break the double-click preview on your own machine, so relative paths are the safer habit.
The Upload Itself
With those three fixed, re-zip the contents, check the top level, and upload. OxyPages lets you drop a ZIP on its homepage and get a live link without an account, but that route takes only a handful of small files and refuses SVG and PDF, so this folder needs an account. A site with 60 photos won't fit the free plan's storage either. Better to know that before you start.
Why Does A ZIP Upload Fail?
Almost always for one of five reasons, and the error message usually tells you which.
| What you see | What caused it | The fix |
|---|---|---|
| "No index.html found" | The ZIP contains a folder that contains the site | Open the folder, select its contents, zip those |
| Pages load, images don't | A capital letter in a filename, or a path pointing at your own computer | Lowercase every filename and use relative paths |
| Some files "skipped" | A file type the host doesn't serve, like .mp4 or .psd | Host video elsewhere and embed it; delete design files |
| Upload rejected as too big | One file, or the whole ZIP, is over the host's cap | Resize images, then re-zip |
| Old pages vanished after an update | You uploaded only the changed files | Re-upload the complete site every time |
The second row is the sneaky one, because the site looks almost right. Open the live address on a phone and scroll the whole thing before you send the link to anyone.
When A ZIP Is The Wrong Way To Publish
A ZIP upload is perfect for a site you update every few weeks. It gets tedious when you change things daily, because each update means re-zipping and re-uploading the whole folder.
If your site lives in a git repository, a host that builds from the repo is a better fit. Netlify, Cloudflare Pages and GitHub Pages all redeploy on every commit, and once that's set up you'll never zip anything again.
And if the folder contains .php files or a database export, zipping it won't help. That's an application, not a static site, and it needs a host that runs PHP. OxyPages doesn't, and nor does any other static host. Upload a zipped WordPress install to one and the PHP simply never runs.
What To Do Next
- Lowercase every filename and replace any path that points at your own computer.
- Take out raw files, design files and video, and use web-sized images.
- Select the files inside your site folder and compress the selection.
- Open the ZIP and confirm
index.htmlsits at the top level. - Upload it, then check every page on a phone.
If your "site" is really one PDF with a page around it, hosting a PDF on its own link is the simpler route. For the general picture of how this fits with every other kind of site, see how to host a static website.
When your ZIP is ready, drop the ZIP and get a live link. No account is needed to try it.
FAQ
Do I Need To Unzip The File Before Uploading It?
No. A host that accepts ZIP uploads unpacks the archive for you and publishes the files inside it. Uploading it unzipped only works if the host takes folder uploads, in which case either route gives the same result.
Can Visitors Download My ZIP File From The Site?
No. The archive is only a way to carry your files to the host, and it's discarded after unpacking. If you actually want to offer a ZIP as a download, you'll need a file-sharing service, because most static hosts won't serve .zip files at all.
How Big Can A ZIP Upload Be?
It depends on the host, and most cap three things: the ZIP's size, the number of files inside it, and the total size once unpacked. Free plans also cap overall storage, which a photo-heavy site hits first. Check the host's own limits page rather than a number in a blog post.
Why Does My Site Show A Folder List Or A Blank Page?
Usually because index.html isn't at the top level of the ZIP, or the homepage file has a different name, like home.html or Index.html. Rename it to exactly index.html, in lowercase, put it at the top level, and re-zip the contents.