Как сделать прямую ссылку на картинку (jpg, png, webp) для вставки на сайт, в HTML-письмо или подпись: где взять адрес самого изображения и почему ссылка с диска не подходит.
Прямая ссылка на изображение — это адрес, который ведёт прямо на файл картинки и обычно оканчивается на .jpg, .png или .webp. Она нужна, чтобы вставить картинку через тег <img>, добавить фото в HTML-письмо, подпись в почте или в карточку на маркетплейсе. Покажу, как её получить и как отличить от «неправильной».
Как выглядит правильная ссылка
Прямая ссылка на картинку, открытая в браузере, показывает только само изображение на пустом фоне — без интерфейса, кнопок и текста вокруг. Например:
https://lfdrive.ru/f/КОД
Если же по ссылке открывается страница галереи, облачного диска или поста — это ссылка на страницу, а не на картинку. В тег <img> она не подойдёт: вместо фото вы увидите «битую» иконку.
Быстрая проверка: откройте ссылку в режиме инкогнито. Видно только картинку на белом или чёрном фоне — ссылка прямая. Видно страницу с обвязкой — нет.
Почему ссылки из соцсетей и дисков подводят
- Облачные диски отдают страницу просмотра, а не файл. Обходные форматы ссылок работают нестабильно и со временем отваливаются.
- Соцсети и мессенджеры кладут в адрес временные токены — через несколько дней такая ссылка перестаёт открывать картинку.
- Хотлинк бывает заблокирован. Некоторые площадки специально не дают показывать свои картинки на чужих сайтах.
Для надёжной картинки на сайте нужен постоянный прямой адрес, который не зависит от чужих правил.
Как получить прямую ссылку на картинку
- Загрузите изображение (jpg, png, webp) в LF Drive.
- Скопируйте прямую ссылку вида https://lfdrive.ru/f/КОД.
- Используйте её там, где нужно.
Вставить картинку в HTML
<img src="https://lfdrive.ru/f/ВАШ_КОД" alt="Описание">
Атрибут alt — короткое описание картинки: полезно для поиска и доступности.
Ту же ссылку можно вставить в редактор HTML-письма, в поле «ссылка на изображение» в подписи почты или в карточку товара, если площадка принимает внешний адрес картинки.
Постоянная ссылка на картинку
Загрузите изображение в LF Drive и получите прямую ссылку, которая не протухнет через неделю. Заменили картинку новой версией — ссылка остаётся прежней. Есть бесплатный тариф, чтобы попробовать.
Частые вопросы
Вместо картинки на сайте — «битая» иконка. Почему?
Скорее всего в src вставлена ссылка на страницу, а не на сам файл изображения. Нужна прямая ссылка, которая открывает только картинку.
Какой формат лучше для сайта?
webp — он легче jpg и png при том же качестве, поэтому страница грузится быстрее. Если webp недоступен, подойдёт jpg для фото и png для графики с прозрачностью.
Можно ли защитить картинку от использования на чужих сайтах?
Да — для этого есть ограничение показа по доменам, оно разрешает картинку только на ваших сайтах. Подробнее — в статье про защиту файлов от скачивания.