Вернуться в блог
Примеры использованияРуководства

Битые картинки в общем конспекте? Вставка в 3 платформах бесплатно — разбор 2026

Опубликовано13 min read
Поделиться

Первая неделя учёбы — и вся страница конспекта в битых картинках

Сначала одна позорная история.

В прошлом сентябре, на первой неделе учёбы, мы с тремя только что познакомившимися одногруппниками завели общий конспект на HackMD под ключевые моменты курса и фотки с доски. Я воодушевлённо вставлял туда скриншоты с телефона один за другим, у себя на экране всё выглядело идеально, я даже слегка загордился. А вечером один из группы написал: «Слушай, а чего у тебя там сплошные битые иконки?»

Я тогда просто завис. У меня-то всё нормально!

Потом я открыл инкогнито, зашёл под другим аккаунтом — и понял, что он прав: целый ряд картинок превратился в те самые «не удалось загрузить» треснувшие иконки. Ощущение, честно говоря, так себе. Первый же совместный проект с малознакомыми людьми — и такой прокол, хотелось провалиться сквозь землю.

Не переживай. Если ты попал в такую же ситуацию — эта статья для тебя. На деле всё несложно, просто никто заранее не сказал, что «в общем конспекте картинку можно положить двумя способами».

Сначала одно: у картинки есть «загрузка» и «внешняя ссылка»

Это корень всех проблем с битыми картинками, надо разобраться в первую очередь.

Если просто — вставляя картинку в конспект, у тебя ровно два пути:

Первый называется загрузка. Файл картинки копируется и сохраняется на сервере самого сервиса конспектов. Представь, что ты напечатал фото и вклеил в бумажный блокнот — фото приклеено к странице, кому блокнот ни передай, картинка на месте.

Второй называется внешняя ссылка (кто-то говорит «встроенная ссылка»). В конспекте лежит не сама картинка, а «адрес», указывающий, где картинка хранится в другом месте. Представь, что в блокноте написана всего одна строчка: «фото лежит дома в третьем ящике». Сам дойдёшь домой и откроешь ящик, а другой человек упрётся в запертую дверь.

Понял? Моя тогдашняя битая картинка — как раз второй случай. Источник вставленного скриншота лежал там, куда доступ был только у меня, а браузер одногруппников просто не мог достать до того «ящика».

С первого раза кажется, что разницы почти нет, картинка же появляется. Разница вылезает только когда «другой человек, другой компьютер, другой аккаунт» — а суть общего конспекта в том, что его смотрят много людей, поэтому в эту яму падают почти все.

Ещё одна аналогия для ясности: загрузка — это распечатать методичку и положить в общую папку; внешняя ссылка — приклеить в папку стикер «файл в личном ящике, третья полка». В первом случае любой, кто откроет папку, достанет; во втором — только у кого ключ от ящика. Общий конспект — это когда толпа роется в одной папке. Ну и что надёжнее? Запомни эту картинку, дальше правила трёх сервисов — просто её вариации.

HackMD: ![](url) удобно, но две скрытые ловушки

HackMD — первый выбор многих технарей для общих конспектов, потому что синхронизация мгновенная: даже букву, которую ты ещё не дожал Enter, одногруппники уже видят. Работает на разметке Markdown.

Самый правильный способ вставить картинку — встроенная загрузка HackMD. Три варианта:

  1. Перетащить файл картинки прямо в область редактора
  2. Нажать на иконку картинки в панели инструментов и выбрать файл
  3. Скопировать картинку и вставить через 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) созданы под личное хранение + доступ по разрешению, а не под «прямую вставку картинки» в веб-страницу. За их ссылками-шарами обычно стоят три заслона:

  1. Проверка прав: у собеседника есть доступ? Нет — блок.
  2. Проверка входа: многие ссылки-шары втихую проверяют, залогинен ли ты в аккаунт Google / Яндекс / Dropbox.
  3. Защита от хотлинка (проверка Referer): сервер смотрит, «с какого сайта пришёл запрос картинки», и если не со своего — отказ.

Сервис конспектов, отрисовывая картинку для остальных, стучится по ссылке в роли «незнакомого гостя». Стоит любому из трёх заслонов сработать — картинки нет. А ты сам, поскольку уже залогинен и с правами, проблему в упор не увидишь — вот почему «у меня-то всё нормально» стало классикой жанра.

Самый контринтуитивный — третий заслон, «защита от хотлинка», я его в первый раз тоже не понял. Представь заводскую столовую: охранник на входе принимает только свои пропуска, а человек с улицы с тем же меню в руках всё равно завёрнут. Сервис конспектов, когда тянет картинку для одногруппника, «пропуска» не имеет — и его заворачивают. Понял этот слой — и ясно, почему битые картинки всегда у других и никогда на твоём компьютере.

Честно говоря, дело не в том, что настройки чьи-то тупые, — это инструмент не по назначению. Чтобы картинку стабильно видел любой человек с любого устройства, нужен сервис, специально «дающий публичную прямую ссылку», то есть тот самый хостинг изображений.

Пошагово: SOP, чтобы картинки в конспекте никогда не рвались

Вот процесс, где сделаешь по шагам и не ошибёшься, новичку читать обязательно:

  1. Перед конспектом реши: эту заметку кто-то ещё будет смотреть? Раз да — нельзя вставлять картинки ссылкой на личный облачный диск.
  2. Можешь загрузить — загружай: перетаскивание в HackMD / Upload в Notion / вставка с компьютера в Google Docs — в приоритете эта дорога.
  3. Картинка большая — сначала сожми: скриншоты с телефона часто 2–3 МБ, жми бесплатными инструментами вроде Squoosh (squoosh.app) до 1 МБ, тогда HackMD проглотит.
  4. Нужна «одна картинка в нескольких местах» — переходи на хостинг: если один кадр должен одновременно попасть в конспект, Telegram и слайды доклада — кинь его на хостинг со стабильной прямой ссылкой и копируй один адрес всюду, за один заход.
  5. Перед сдачей обязательно проверь в инкогнито: открой вкладку инкогнито без входа в аккаунт, открой конспект и посмотри, все ли картинки на месте. Этот шаг займёт 30 секунд, а спасёт лицо всей группы.

Пятый пункт важнее всех. Одним этим шагом ты потом не будешь получать сообщений «а чего у тебя на странице битые картинки». Не переживай — я тогда сам вытянул ситуацию именно им. Видишь, не так уж и сложно, да?

Где на этом фоне искать российскому студенту стабильную ссылку

Небольшое отступление под наши реалии. Многие первокурсники по привычке кидают учебные материалы через VK-беседу группы или чат в Telegram — и это нормально для быстрого обмена. Но встроить картинку из VK-альбома или из чата Telegram прямо в HackMD-конспект по ![](url) почти всегда не выйдет: у VK ссылки на фото временные и подписанные, а Telegram файловые ссылки вообще не отдаёт наружу для прямой вставки. На Habr и Pikabu, где студенты-технари часто выкладывают разборы, картинки хостит сама площадка — вытащить их оттуда как стабильный прямой источник тоже не получится, домен режет хотлинк. Вывод тот же: под «одну картинку во многих местах» нужен отдельный хостинг с публичной прямой ссылкой, а не соцсеть или мессенджер.

Когда нужна стабильная прямая ссылка — хостинг это самое простое решение

Если картинку надо переиспользовать между платформами (и в конспект, и в чат, и в слайды), вместо того чтобы грузить её на каждой платформе отдельно, лучше загрузить один раз, получить одну стабильную прямую ссылку и вставлять всюду. Ровно в этом смысл хостинга изображений.

На примере lpic.cc: загрузить бесплатно можно без регистрации, он даёт прямую ссылку, которую можно вставить в ![](url) 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#Notion#Google Docs#вставка изображений#битые картинки#первокурсник
S

Автор

Sandy Lin

Путеводитель для начинающих

Пошаговые руководства. Никаких технических знаний не требуется — обещаю!