Ссылка с расширением файла, а не html-страница
Частая проблема: загружаешь файл на облачный диск или файлообменник, а вместо прямой ссылки на файл получаешь адрес HTML-страницы просмотра. Для сайта это не работает — браузеру, плееру и тегу <img> нужен именно файл с расширением (.mp3, .pdf, .woff2), а не веб-страница. Разберём, почему так происходит и как получить настоящую прямую ссылку.
В чём разница: файл против страницы
Прямая ссылка ведёт прямо на файл и заканчивается его расширением, например site.ru/f/abc123.mp3. Открыв её, браузер получает сам файл — и может проиграть аудио, показать картинку или скачать документ.
Ссылка на страницу просмотра заканчивается на .html или ведёт на адрес вида disk.../view/.... Открыв её, браузер получает веб-страницу с кнопками и превью, а не файл. Вставить такую ссылку в <audio>, <img> или @font-face нельзя — не заработает.
| Тип ссылки | Что отдаёт | Годится для сайта |
|---|---|---|
| Прямая (с расширением) | Сам файл: .mp3, .pdf, .woff2 | Да |
| Страница просмотра (.html) | Веб-страница с превью | Нет |
Почему облака отдают страницу, а не файл
Google Диск, Яндекс.Диск, Облако Mail.ru и большинство бесплатных файлообменников созданы для того, чтобы человек посмотрел файл в браузере, а не чтобы файл встраивался в чужой сайт. Поэтому по ссылке они показывают свою страницу: с логотипом, рекламой, кнопкой «Скачать». Так им удобнее — больше просмотров и контроля. Прямую отдачу файла они либо не дают вовсе, либо прячут за костылями, которые нестабильны и в любой момент могут перестать работать.
Как получить ссылку с расширением файла
Нужен сервис, у которого прямая отдача файла — основная функция, а не побочный костыль. Тогда:
- Загружаете файл на файловый хостинг.
- Получаете ссылку, которая заканчивается расширением файла:
.mp3,.pdf,.woff2,.mp4. - Вставляете её напрямую в код сайта — в
<img>,<audio>,<video>,@font-faceили кнопку скачивания.
Такая ссылка отдаёт файл с правильным типом содержимого, поэтому браузер сразу понимает, что делать: показать картинку, проиграть звук, скачать документ.
Как проверить, что ссылка прямая
Простой тест: откройте ссылку в браузере в режиме инкогнито. Если сразу начинается скачивание файла или показывается сам файл (картинка, PDF, аудиоплеер браузера) — ссылка прямая. Если открывается страница с интерфейсом, кнопками и превью — это страница просмотра, для сайта она не подойдёт.
LF Drive отдаёт файлы по постоянным прямым ссылкам с настоящим расширением — их можно сразу вставлять в код сайта. Никаких страниц-обёрток. Есть бесплатный тариф.
Получить прямую ссылкуЧастые вопросы
Почему ссылка с облака не работает на сайте?
Потому что она ведёт на страницу просмотра (.html), а не на файл. Браузеру для вставки нужен сам файл с расширением, поэтому такая ссылка в теги сайта не подходит.
Как понять, что ссылка ведёт на файл, а не на страницу?
Откройте её в инкогнито. Прямая ссылка сразу отдаёт файл (скачивание или показ), страница просмотра — открывает интерфейс с кнопками и превью.
Можно ли превратить ссылку с облака в прямую?
Иногда да, костылями, но такая ссылка нестабильна. Надёжнее загрузить файл на хостинг, где прямая отдача — штатная функция, и получить постоянную ссылку с расширением.