Битые картинки в общем конспекте? Вставка в 3 платформах бесплатно — разбор 2026
Первая неделя учёбы — и вся страница конспекта в битых картинках
Сначала одна позорная история.
В прошлом сентябре, на первой неделе учёбы, мы с тремя только что познакомившимися одногруппниками завели общий конспект на HackMD под ключевые моменты курса и фотки с доски. Я воодушевлённо вставлял туда скриншоты с телефона один за другим, у себя на экране всё выглядело идеально, я даже слегка загордился. А вечером один из группы написал: «Слушай, а чего у тебя там сплошные битые иконки?»
Я тогда просто завис. У меня-то всё нормально!
Потом я открыл инкогнито, зашёл под другим аккаунтом — и понял, что он прав: целый ряд картинок превратился в те самые «не удалось загрузить» треснувшие иконки. Ощущение, честно говоря, так себе. Первый же совместный проект с малознакомыми людьми — и такой прокол, хотелось провалиться сквозь землю.
Не переживай. Если ты попал в такую же ситуацию — эта статья для тебя. На деле всё несложно, просто никто заранее не сказал, что «в общем конспекте картинку можно положить двумя способами».
Сначала одно: у картинки есть «загрузка» и «внешняя ссылка»
Это корень всех проблем с битыми картинками, надо разобраться в первую очередь.
Если просто — вставляя картинку в конспект, у тебя ровно два пути:
Первый называется загрузка. Файл картинки копируется и сохраняется на сервере самого сервиса конспектов. Представь, что ты напечатал фото и вклеил в бумажный блокнот — фото приклеено к странице, кому блокнот ни передай, картинка на месте.
Второй называется внешняя ссылка (кто-то говорит «встроенная ссылка»). В конспекте лежит не сама картинка, а «адрес», указывающий, где картинка хранится в другом месте. Представь, что в блокноте написана всего одна строчка: «фото лежит дома в третьем ящике». Сам дойдёшь домой и откроешь ящик, а другой человек упрётся в запертую дверь.
Понял? Моя тогдашняя битая картинка — как раз второй случай. Источник вставленного скриншота лежал там, куда доступ был только у меня, а браузер одногруппников просто не мог достать до того «ящика».
С первого раза кажется, что разницы почти нет, картинка же появляется. Разница вылезает только когда «другой человек, другой компьютер, другой аккаунт» — а суть общего конспекта в том, что его смотрят много людей, поэтому в эту яму падают почти все.
Ещё одна аналогия для ясности: загрузка — это распечатать методичку и положить в общую папку; внешняя ссылка — приклеить в папку стикер «файл в личном ящике, третья полка». В первом случае любой, кто откроет папку, достанет; во втором — только у кого ключ от ящика. Общий конспект — это когда толпа роется в одной папке. Ну и что надёжнее? Запомни эту картинку, дальше правила трёх сервисов — просто её вариации.
HackMD:  удобно, но две скрытые ловушки
HackMD — первый выбор многих технарей для общих конспектов, потому что синхронизация мгновенная: даже букву, которую ты ещё не дожал Enter, одногруппники уже видят. Работает на разметке Markdown.
Самый правильный способ вставить картинку — встроенная загрузка HackMD. Три варианта:
- Перетащить файл картинки прямо в область редактора
- Нажать на иконку картинки в панели инструментов и выбрать файл
- Скопировать картинку и вставить через Ctrl+V / Cmd+V
Все три автоматически создают разметку , а картинка заливается на HackMD. Так одногруппники обычно всё видят.
Но тут первая ловушка: в бесплатной версии одна картинка не больше 1 МБ. Сейчас скриншот с телефона легко весит 2–3 МБ, так что часть картинок зальётся, часть — нет, и та, что перевесила, тихо провалится. В платной версии Prime лимит поднят до 20 МБ. Так что перед началом семестра заведи привычку «сначала сжать, потом вставить».
Я сам считал: полноэкранный скриншот с iPhone на бегу — примерно 2,4 МБ, а игровой кадр или длинный скриншот страницы — и до 4 МБ с лишним. Вставишь такие прямо в бесплатный HackMD — и из десяти три-четыре тихо провалятся. Главное, что в момент никакой ошибки не выскакивает, экран просто молча недосчитывается пары картинок, и ты запросто сдашь весь конспект и только потом заметишь. Так что «сжать перед вставкой» — не занудство, а реально спасёт. Из бесплатного хватит Squoosh (squoosh.app) — жми каждую до 1 МБ, тогда HackMD её проглотит.
Вторая ловушка коварнее, о ней многие не знают: права на картинку в HackMD наследуются от той «исходной заметки», где она лежит.
То есть? Допустим, ты вставил картинку в «заметку A», потом скопировал её адрес и вставил в общую «заметку B». Стоит однажды удалить «заметку A» или закрыть на неё доступ только себе — картинка в «заметке B» умрёт вместе с ней и станет битой.
Поэтому в общем конспекте на HackMD самое надёжное — загружать картинку прямо в этот конспект, а не копировать ссылку из другой личной заметки. Запомни это правило — и вероятность битых картинок падает вдвое.
Notion: одна и та же «вставка» может быть и загрузкой, и внешней ссылкой
Notion не требует учить синтаксис, интерфейс красивый, многие делают в нём страницы под групповые доклады. Но логика картинок как раз легче путает новичка.
Вставляя картинку в Notion, ты увидишь два варианта:
- Upload (загрузка): выбрать файл с компьютера или перетащить картинку на страницу. Такая картинка живёт в облаке самого Notion, самый надёжный вариант.
- Embed link (встроенная ссылка): вставить адрес картинки.
И вот главное: Embed link по сути и есть внешняя ссылка. Notion просто «на лету идёт по адресу и подтягивает картинку». Стоит источнику удалить картинку или закрыть доступ — на странице Notion выскочит холодная строчка Failed to Load.
Я сначала тоже не понимал, почему иногда картинка держится стабильно, а иногда через пару дней отваливается. Потом дошло — всё просто: разница в том, нажал я Upload или Embed.
И ещё одно частое заблуждение развею: в бесплатной версии Notion лимита на размер одного загружаемого файла сейчас нет (когда-то был потолок 5 МБ, потом убрали). Так что в Notion, если можешь Upload — грузи через Upload, не лезь ради удобства вставлять сомнительную внешнюю ссылку.
Добавлю мелочь, которую новичок легко упускает: вставив картинку через Embed, чтобы проверить, надёжно ли это, быстрее всего расшарить страницу публичной ссылкой и открыть её с телефона в браузере без входа в аккаунт. Стоит хоть одной стать Failed to Load — значит это внешняя ссылка, и в день, когда источник отвалится, она порвётся. Минута проверки лучше, чем зелёное лицо в аудитории в день доклада, согласись?
Google Docs: вставить картинку — не проблема, мина — это ссылка на Диск
Самый массовый формат групповых докладов — всё же Google Docs, потому что порог входа минимальный, им пользуется вся группа.
Хорошая новость: «Вставка → Изображение → Загрузить с компьютера» в Google Docs безопасна. Картинка сохраняется внутри документа, кому его ни расшарь — видно, отваливается почти никогда. Тут беспокоиться не о чем.
Настоящая мина — другой вход: «Вставка → Изображение → По URL». Тут официально есть правило: адрес, который ты вставляешь, не может быть ссылкой на drive.google.com. То есть ссылку-шару на свою картинку из Google Диска взять как источник изображения нельзя — система её просто не примет.
Хуже того, вся ситуация с внешними ссылками на картинки с Диска стала ещё паршивее. По массовым сообщениям начала 2024 года, из-за изменений в политике сторонних cookie у Google множество страниц и документов, где картинки были «внешней ссылкой на Диск», разом отвалились. У себя в аккаунте видишь, у другого человека, в другом окружении — пустота. Это не ты настроил неправильно, это Google сам сузил эту дорогу.
Одной фразой: ссылки-шары личных облачных дисков (Google Drive, Яндекс Диск, Dropbox) по природе не предназначены для «прямой вставки картинки», для общего конспекта такая вставка почти обязательно порвётся.
Как вставлять картинки в трёх сервисах — одна таблица
Свёл сказанное выше в таблицу, перед конспектом достаточно глянуть:
| Сервис | Самый надёжный способ | Способ, который рвётся | Лимит бесплатной версии |
|---|---|---|---|
| HackMD | Загрузить прямо в этот конспект | Скопировать ссылку из личной заметки | 1 МБ на картинку |
| Notion | Нажать Upload и залить файл | Вставить внешний URL через Embed link | сейчас лимита на файл нет |
| Google Docs | Вставка → Загрузить с компьютера | Вставка → По URL ссылку на Диск | встроенно, живёт с документом |
Видишь общее? «Безопасное решение» во всех трёх — одна фраза: пусть сам файл картинки попадёт в конспект, а не внешний адрес.
Почему «ссылка на облачный диск» обязательно даст сбой
Тут разложу ещё один слой теории — поймёшь принцип и больше не наступишь.
Личные облачные диски (Google Drive, iCloud, Яндекс Диск, Dropbox) созданы под личное хранение + доступ по разрешению, а не под «прямую вставку картинки» в веб-страницу. За их ссылками-шарами обычно стоят три заслона:
- Проверка прав: у собеседника есть доступ? Нет — блок.
- Проверка входа: многие ссылки-шары втихую проверяют, залогинен ли ты в аккаунт Google / Яндекс / Dropbox.
- Защита от хотлинка (проверка Referer): сервер смотрит, «с какого сайта пришёл запрос картинки», и если не со своего — отказ.
Сервис конспектов, отрисовывая картинку для остальных, стучится по ссылке в роли «незнакомого гостя». Стоит любому из трёх заслонов сработать — картинки нет. А ты сам, поскольку уже залогинен и с правами, проблему в упор не увидишь — вот почему «у меня-то всё нормально» стало классикой жанра.
Самый контринтуитивный — третий заслон, «защита от хотлинка», я его в первый раз тоже не понял. Представь заводскую столовую: охранник на входе принимает только свои пропуска, а человек с улицы с тем же меню в руках всё равно завёрнут. Сервис конспектов, когда тянет картинку для одногруппника, «пропуска» не имеет — и его заворачивают. Понял этот слой — и ясно, почему битые картинки всегда у других и никогда на твоём компьютере.
Честно говоря, дело не в том, что настройки чьи-то тупые, — это инструмент не по назначению. Чтобы картинку стабильно видел любой человек с любого устройства, нужен сервис, специально «дающий публичную прямую ссылку», то есть тот самый хостинг изображений.
Пошагово: SOP, чтобы картинки в конспекте никогда не рвались
Вот процесс, где сделаешь по шагам и не ошибёшься, новичку читать обязательно:
- Перед конспектом реши: эту заметку кто-то ещё будет смотреть? Раз да — нельзя вставлять картинки ссылкой на личный облачный диск.
- Можешь загрузить — загружай: перетаскивание в HackMD / Upload в Notion / вставка с компьютера в Google Docs — в приоритете эта дорога.
- Картинка большая — сначала сожми: скриншоты с телефона часто 2–3 МБ, жми бесплатными инструментами вроде Squoosh (squoosh.app) до 1 МБ, тогда HackMD проглотит.
- Нужна «одна картинка в нескольких местах» — переходи на хостинг: если один кадр должен одновременно попасть в конспект, Telegram и слайды доклада — кинь его на хостинг со стабильной прямой ссылкой и копируй один адрес всюду, за один заход.
- Перед сдачей обязательно проверь в инкогнито: открой вкладку инкогнито без входа в аккаунт, открой конспект и посмотри, все ли картинки на месте. Этот шаг займёт 30 секунд, а спасёт лицо всей группы.
Пятый пункт важнее всех. Одним этим шагом ты потом не будешь получать сообщений «а чего у тебя на странице битые картинки». Не переживай — я тогда сам вытянул ситуацию именно им. Видишь, не так уж и сложно, да?
Где на этом фоне искать российскому студенту стабильную ссылку
Небольшое отступление под наши реалии. Многие первокурсники по привычке кидают учебные материалы через VK-беседу группы или чат в Telegram — и это нормально для быстрого обмена. Но встроить картинку из VK-альбома или из чата Telegram прямо в HackMD-конспект по  почти всегда не выйдет: у VK ссылки на фото временные и подписанные, а Telegram файловые ссылки вообще не отдаёт наружу для прямой вставки. На Habr и Pikabu, где студенты-технари часто выкладывают разборы, картинки хостит сама площадка — вытащить их оттуда как стабильный прямой источник тоже не получится, домен режет хотлинк. Вывод тот же: под «одну картинку во многих местах» нужен отдельный хостинг с публичной прямой ссылкой, а не соцсеть или мессенджер.
Когда нужна стабильная прямая ссылка — хостинг это самое простое решение
Если картинку надо переиспользовать между платформами (и в конспект, и в чат, и в слайды), вместо того чтобы грузить её на каждой платформе отдельно, лучше загрузить один раз, получить одну стабильную прямую ссылку и вставлять всюду. Ровно в этом смысл хостинга изображений.
На примере lpic.cc: загрузить бесплатно можно без регистрации, он даёт прямую ссылку, которую можно вставить в  HackMD, в Embed Notion или в любой Markdown, раздаёт через CDN, так что открывается стабильно с любого устройства у кого угодно. Есть и пара удобных для конспекта вещей: защита паролем (чувствительное фото с доски не хочется показывать кому попало), сгорание после просмотра (открыли — ссылка стала недействительна), и даже поддержка видео, не только картинок.
Честно про ограничения: у бесплатных файлов lpic.cc есть лимит срока хранения (сейчас 30 дней) и лимит размера одного файла, и это сервис на рекламе. Так что он под сценарий «конспект на семестр, разовый обмен»; если нужен вечный архив на десять лет вперёд — держи отдельный долгий бэкап, не клади туда единственную копию.
Частые вопросы (FAQ)
Q1: Почему я картинку вижу, а одногруппник — битую?
В девяти случаях из десяти ты использовал «внешнюю ссылку», а не «загрузку», и источник этой ссылки (обычно твой личный облачный диск или личная заметка) доступен только тебе. Браузер одногруппника тянет картинку в роли незнакомого гостя и упирается в проверку прав. Решение: перейди на встроенную «загрузку» платформы или на хостинг с публичной прямой ссылкой.
Q2: HackMD постоянно пишет, что загрузка не удалась, что делать?
Сначала проверь размер. В бесплатной версии лимит 1 МБ на картинку, скриншот с телефона легко его перевешивает. Сожми бесплатными инструментами вроде Squoosh, TinyPNG и вставь заново. И убедись, что «загружаешь» в этот конспект, а не копируешь ссылку из другой личной заметки.
Q3: Можно вставить ссылку на картинку с Google Диска прямо в конспект?
Категорически не советую. Google Docs сам не принимает адреса картинок с drive.google.com; а внешние ссылки на картинки с Диска на других платформах после 2024 года массово отвалились из-за изменений политики cookie у Google. Ссылки-шары личных облачных дисков по природе не под «прямую вставку картинки», они рвутся.
Q4: Чем в Notion Upload отличается от Embed?
Upload сохраняет файл картинки в облако самого Notion, самый надёжный, удаление источника не влияет. Embed на лету тянет картинку с внешнего адреса, и стоит источнику удалить её или закрыть доступ — покажет Failed to Load. Можешь Upload — грузи Upload.
Q5: Одну картинку надо разом в конспект, Telegram и доклад — как проще всего?
Залей на хостинг со стабильной прямой ссылкой (например, lpic.cc без регистрации) и вставляй один адрес всюду. Так поддерживаешь один источник, любая платформа видит одну и ту же картинку, и не надо перезаливать в каждом месте.
Источники
- Как загрузить картинку — официальная документация HackMD (дата обращения 2026-07) — три способа загрузки, лимиты 1 МБ / 20 МБ, правила удаления и прав
- Images, files & media — Справка Notion (дата обращения 2026-07) — разница между загрузкой и внешней ссылкой в Notion
- Функция IMAGE / вставка изображения — Справка Google Docs (дата обращения 2026-07) — ограничения вставки картинки по URL в Google Docs
- Решение проблемы с невидимыми внешними ссылками на картинки Google Диска — WFU BLOG (дата обращения 2026-07) — массовый сбой внешних ссылок на Диск в начале 2024 и политика сторонних cookie
- Удобный онлайн-инструмент для общих конспектов HackMD — iThome (дата обращения 2026-07) — мгновенная синхронизация HackMD и сценарии применения