Como compartilhar um arquivo HTML para que ele abra como página da web

Para compartilhar um arquivo HTML e a outra pessoa ver uma página da web, coloque o arquivo on-line e mande o link. Uma hospedagem estática transforma o relatorio.html em um endereço como https://relatorio.htmlkin.io em menos de um minuto, e esse link abre em qualquer navegador, no notebook ou no celular. Já um anexo ou um arquivo no Drive chega para quem recebe como código ou como download.

A dúvida ficou comum porque os assistentes de IA passaram a entregar HTML. Claude, ChatGPT e Gemini geram relatórios, apresentações e dashboards em um único arquivo .html, e quem pediu precisa mostrar o resultado para outra pessoa. Nos dados do Google Ads para o Brasil, as buscas por "hospedar html gratis" passaram de cerca de 170 por mês em setembro de 2025 para 390 em agosto de 2026.

A seguir: por que o arquivo "quebra" no caminho, o jeito mais rápido de gerar um link, todos os métodos comuns com o que quem recebe realmente vê, e o que fazer quando a página tem CSS, scripts ou imagens separados.

Resumo

• Para compartilhar um arquivo HTML como página, suba o arquivo para uma hospedagem estática e envie o link. htmlkin, Tiiny Host e Netlify Drop fazem isso arrastando e soltando.
• Anexos de e-mail abrem como código ou como download. Google Drive e Dropbox deixaram de exibir HTML como página em 2016.
• Se alguém precisa editar o código, use o CodePen. Se precisa abrir a página off-line, compacte a pasta em ZIP e peça para abrir o index.html.
• Se a página usa CSS, JavaScript ou imagens em arquivos separados, envie a pasta inteira ou um ZIP com o index.html na raiz.

Por que o arquivo HTML não abre para quem recebe?

Um arquivo HTML no seu computador é um documento; uma página da web é esse documento entregue por um servidor em um endereço. Quando você anexa o arquivo em um e-mail ou manda no WhatsApp, o aplicativo de quem recebe decide como mostrá-lo, e a maioria trata o HTML como documento para pré-visualizar ou baixar.

Por isso o mesmo arquivo se comporta de forma diferente conforme o caminho:

• Gmail na web mostra a pré-visualização do anexo como código HTML puro. A página só aparece depois que a pessoa baixa o arquivo e abre no navegador (base de conhecimento de TI da Universidade de Michigan, em inglês).
• Google Drive encerrou a hospedagem de sites em 31 de agosto de 2016 (Google Workspace Updates). Um .html compartilhado abre no visualizador de arquivos do Drive ou é baixado.
• Dropbox parou de renderizar HTML no navegador em 3 de outubro de 2016 para contas Basic e em 1º de setembro de 2017 para contas pagas e de equipe. Hoje os links compartilhados oferecem um download (TidBITS, Ajuda do Dropbox).

Muitas respostas em fóruns ainda recomendam Drive e Dropbox. Essas respostas são de antes de 2016.

O segundo motivo são os caminhos relativos. Se a sua página carrega style.css, app.js ou imagens/logo.png, esses arquivos estão ao lado do index.html no seu disco. Envie só o HTML, e quem recebe vê uma página sem estilos e com imagens quebradas.

O jeito mais rápido: transformar o arquivo HTML em link

Suba o arquivo para uma hospedagem estática e copie o endereço que ela gera. No htmlkin são quatro passos, sem criar conta:

1. Abra o htmlkin.io. O formulário de envio fica na página inicial.
2. Arraste o arquivo. Funciona com um único .html, uma pasta inteira ou um arquivo ZIP.
3. Escolha um nome para o subdomínio ou mantenha o aleatório.
4. Copie o link, por exemplo https://relatorio-trimestral.htmlkin.io, e envie por e-mail, WhatsApp ou SMS.

A pessoa toca no link e vê a página: estilos, scripts e imagens funcionam, porque um servidor web entrega tudo do jeito que o navegador espera. Todo site recebe HTTPS automaticamente.

Sem conta, o link dura 24 horas, o suficiente para uma revisão rápida. Com o cadastro gratuito, o site fica no ar enquanto receber visitas: depois de 30 dias sem acessos ele vai para o arquivo, e você pode restaurá-lo pelo painel em até mais 30 dias. O plano grátis inclui um site com 20 MB de armazenamento e domínio próprio. Os detalhes estão na página de hospedagem de HTML grátis.

Outros dois serviços funcionam do mesmo jeito:

• Tiiny Host — plano grátis com uma página ou site de até 3 MB e 5.000 visitas por mês. As páginas grátis exibem o banner do Tiiny Host, e é preciso entrar na conta pelo menos uma vez a cada três meses para manter o link ativo.
• Netlify Drop — arraste uma pasta para a página. Sem conta, o site fica protegido por uma senha temporária, e você tem uma hora para vinculá-lo a uma conta Netlify antes que ele seja removido (Netlify Docs, blog da Netlify).

Todas as formas de compartilhar um arquivo HTML, comparadas

O método define o que quem recebe vai ver. Aqui está a lista completa, do anexo à hospedagem, com o que acontece do outro lado.

Anexos e mensageiros entregam o arquivo, então a pessoa precisa baixá-lo e abrir em um navegador no computador. Isso serve para um colega que sabe o que é um arquivo HTML e complica a vida de um cliente.

Armazenamento em nuvem guarda o arquivo e o compartilha como arquivo. Desde 2016, nem o Google Drive nem o Dropbox servem HTML como página.

Sandboxes de código como o CodePen mostram a página ao lado do código-fonte. São ideais para um desenvolvedor que quer ler ou alterar o código.

Hospedagens estáticas servem o arquivo como página em um endereço público. É o único grupo em que a pessoa clica no link e vê exatamente o que você vê.

Dá para enviar um arquivo HTML por e-mail ou WhatsApp?

Dá, e quem recebe vai ganhar um arquivo. Para vê-lo como página, a pessoa precisa baixar e abrir em um navegador no computador. No Gmail na web, a pré-visualização mostra código, o que muitas vezes parece "arquivo corrompido".

Se mesmo assim você for mandar o arquivo:

1. Compacte a pasta em ZIP quando a página tiver CSS, scripts ou imagens, para que tudo vá junto.
2. Explique o que fazer: descompactar e dar dois cliques no index.html.
3. Conte com problemas no celular: Android e iPhone abrem anexos em visualizadores próprios, e uma página que depende de JavaScript pode não funcionar ali.

Um link elimina os três passos. Cole no corpo do e-mail ou na conversa do WhatsApp, e ele abre em qualquer aparelho com um toque.

E se a página tiver CSS, JavaScript ou imagens?

Envie a pasta inteira ou um ZIP com o index.html na raiz. A hospedagem mantém a estrutura de pastas, então style.css e imagens/logo.png carregam exatamente como no seu computador.

Antes de enviar, confira três coisas:

• Os caminhos são relativos. src="imagens/logo.png" funciona em qualquer lugar. src="C:\Users\joao\Desktop\site\logo.png" ou file:///… só funciona no seu computador.
• A página principal se chama index.html. No htmlkin, a página de entrada é o index.html na raiz da pasta ou do arquivo; se ele não existir, abre o primeiro arquivo HTML da raiz.
• O ZIP não tem uma pasta extra no topo. Compacte o conteúdo da pasta do site, para que o index.html fique no primeiro nível do ZIP.

Um site no htmlkin pode ter até 500 arquivos. As páginas geradas por assistentes de IA costumam ser autossuficientes: CSS e JavaScript ficam dentro do próprio .html, então dá para enviar esse arquivo do jeito que está.

Como compartilhar um arquivo HTML que a IA gerou para você

Baixe o arquivo do chat e suba para uma hospedagem, ou publique direto do chat. São três caminhos, do manual ao totalmente automático:

1. Baixar e enviar. Salve o HTML que o Claude, o ChatGPT ou o Gemini gerou e arraste para a página inicial do htmlkin. Funciona com qualquer assistente.
2. Publicar do ChatGPT com um clique. A extensão do htmlkin para o navegador (página em inglês) adiciona o botão "Publish to htmlkin.io" aos blocos de código HTML e ao canvas no chatgpt.com. O link público vai direto para a área de transferência. Pela janela da extensão também dá para colar HTML ou enviar um arquivo .html em qualquer aba.
3. Deixar o próprio assistente publicar a página. Claude, Cursor e outros clientes MCP se conectam ao servidor MCP do htmlkin e publicam ou atualizam um site quando você pede: "publique este relatório e me mande o link". A configuração está na página de documentação do MCP; o servidor MCP e a REST API funcionam em todos os planos, inclusive o gratuito.

Mais sobre esse fluxo: publicar um site feito com IA.

Como manter a página compartilhada privada ou atualizada

Um link público abre para qualquer pessoa que o tenha. Três recursos cobrem as necessidades mais comuns depois disso:

• Proteção por PIN. Quem acessa digita um PIN de 4 dígitos antes de a página abrir. Disponível nos planos Pro e Business.
• Atualização no mesmo endereço. Envie uma nova versão do arquivo, e o link que você já mandou passa a mostrar o conteúdo novo. Útil para um relatório que muda toda semana.
• Domínio próprio. Conecte relatorio.suaempresa.com.br com um registro DNS; o certificado SSL é emitido automaticamente. Disponível em todos os planos, inclusive no grátis.

O Pro custa US$ 9,99 por mês e inclui 10 sites, 1 GB de armazenamento, proteção por PIN, QR codes e formulários de leads. A cobrança é em dólar no cartão de crédito internacional, e o banco pode acrescentar IOF. A comparação completa está na página de planos.

Perguntas frequentes

Como enviar um arquivo HTML como link?

Suba o arquivo para uma hospedagem estática como htmlkin, Tiiny Host ou Netlify Drop, copie o endereço gerado e envie esse endereço. No htmlkin você arrasta o arquivo para a página inicial e recebe um link como https://nome.htmlkin.io, sem criar conta.

Outras pessoas conseguem abrir arquivos HTML?

Sim. Todo navegador de computador abre arquivos HTML, então quem baixar o seu arquivo pode dar dois cliques nele. Para abrir como página sem baixar, a pessoa precisa de um link para uma cópia hospedada.

Dá para compartilhar um arquivo HTML por e-mail?

Dá para anexar, mas o Gmail na web mostra anexos HTML como código, e a pessoa precisa baixar o arquivo para ver a página. Enviar um link para uma cópia hospedada funciona em qualquer programa de e-mail.

Como abrir um arquivo HTML no celular?

No Android ou no iPhone, um .html recebido como anexo abre no visualizador de arquivos do aparelho, onde scripts podem não rodar. Para ver a página completa, peça a quem enviou um link para uma cópia hospedada, ou suba você mesmo o arquivo pelo navegador do celular e abra o link gerado. Um link abre em qualquer celular.

Existe um jeito grátis de compartilhar um arquivo HTML como link?

Sim. O htmlkin gera um link de 24 horas sem conta e mantém um site no ar de graça depois do cadastro. O plano grátis do Tiiny Host hospeda um site de até 3 MB com banner. Netlify Drop e GitHub Pages são grátis com uma conta.

Pontos principais

• Mande um link, e a pessoa vê uma página da web. Mande o arquivo, e ela vê código ou um download.
• Google Drive e Dropbox deixaram de servir HTML como página em 2016.
• Para uma página com CSS, scripts ou imagens, envie a pasta inteira ou um ZIP com o index.html na raiz.
• O CodePen serve para revisar código; uma hospedagem estática serve para todo o resto.

Arraste o seu arquivo HTML para o htmlkin.io e receba um link em cerca de 10 segundos. Tudo o que a hospedagem oferece está em hospedagem de páginas HTML.

Fontes

• Deprecating web hosting support in Google Drive — Google Workspace Updates, 2015
• Dropbox to discontinue HTML rendering, breaking hosted sites — TidBITS, 2016
• Changes to the Dropbox Public folder — Ajuda do Dropbox
• HTML email attachments in Gmail on the web display as raw code — TI da Universidade de Michigan
• Netlify Drop quickstart e The 13-year story of Netlify Drop — Netlify, acesso em 5 de outubro de 2026
• Host HTML File Free — Tiiny Host, acesso em 5 de outubro de 2026
• Volume de buscas de "hospedar html gratis" no Brasil — Google Ads via DataForSEO, consulta em 5 de outubro de 2026