Quando você precisa do caminho local (URL file://) de uma imagem no seu computador — para HTML, CSS, script local ou ferramenta baseada no navegador — aqui está o jeito mais simples:
Método: Arrastar e Soltar no Navegador (Mais Rápido, Qualquer SO)
- Abra uma nova aba no seu navegador (Chrome, Firefox, Edge, Safari).
- Abra seu gerenciador de arquivos (Windows Explorer, macOS Finder, Linux Files).
- Localize o arquivo de imagem.
- Arraste o arquivo de imagem diretamente para a aba do navegador.
- A imagem abre. A barra de endereço agora mostra a URL
file://.
- Copie (Ctrl/Cmd + L, depois Ctrl/Cmd + C).
Exemplo de resultado:
- Windows:
file:///C:/Users/SeuNome/Pictures/foto.jpg
- macOS/Linux:
file:///Users/seunome/Pictures/foto.jpg
Alternativa: Botão Direito "Copiar Caminho" (Windows 10/11)
- No Explorer, segure Shift + Botão direito no arquivo.
- Selecione "Copiar como caminho".
- Cole. Dá
"C:\Users\Nome\Pictures\foto.jpg". Adicione file:/// no início e troque barras invertidas para normais: file:///C:/Users/Nome/Pictures/foto.jpg.
Alternativa: Terminal (macOS/Linux)
realpath ~/Pictures/foto.jpg | sed 's|^|file://|'
Limitações Importantes
- Somente local: Esta URL funciona *apenas* no *seu* computador (ou mesmo caminho de rede se compartilhado). **Não funcionará** se você enviar para outra pessoa ou usar em servidor web.
- Segurança do Navegador: Navegadores modernos restringem acesso `file://` a partir de páginas `https://` (CORS, mixed content). Funciona para arquivos HTML locais abertos diretamente.
- Espaços/Caracteres Especiais: Devem ser URL-encoded (espaço →
%20, `#` → %23, etc.). O método arrastar-soltar trata isso automaticamente.
Para Uso Web: Você Precisa de uma URL Web
Para usar uma imagem em site, você deve fazer upload para servidor web, armazenamento na nuvem (GitHub, Imgur, Cloudinary, AWS S3, Google Drive com link direto) ou seu CMS. Então use a URL https:// resultante.
