Как встраивать изображения в HTML для публикации в Tumblr

Tumblr позволяет добавлять фотографии в текстовые сообщения, загружая файл изображения с жесткого диска или напрямую вставляя URL-адрес изображения, размещенного на стороннем сервере, в окно редактора сообщений. Если Tumblr не может правильно получить связанное изображение, отредактируйте HTML-код сообщения, чтобы встроить изображение вручную.

Предупреждение

  • В отличие от стандартных сообщений, текстовые сообщения, содержащие изображения, добавленные путем редактирования исходного кода сообщения, не отображают напрямую связанную картинку. Вместо этого в таких сообщениях отображается серый значок, который посетители должны щелкнуть, чтобы открыть изображение.
  • Некоторые веб-сайты активно запрещают другим сайтам напрямую ссылаться на изображения, размещенные на их серверах - практика, известная как хотлинкинг. Если вы попытаетесь добавить ссылку на изображение, размещенное на таком сайте, Tumblr может не отобразить изображение.

Шаг 1

Щелкните Текст.

Кредит изображения: Изображение любезно предоставлено Tumblr

Перейти к вашей Панель управления Tumblr и создайте новый текстовый пост, щелкнув значок Текст значок.

Видео дня

Шаг 2

Напишите свой текстовый пост.

Шаг 3

Переключитесь в редактор HTML.

Кредит изображения: Изображение любезно предоставлено Tumblr

Переключитесь на HTML-редактор Tumblr, открыв винтик меню и выбрав HTML из меню текстового редактора.

Шаг 4

Добавьте HTML-код.

Кредит изображения: Изображение любезно предоставлено Tumblr

Введите следующий HTML-код в том месте, где вы хотите отобразить изображение:

Замените URL-адрес примера правильным.

Предупреждение

Не переключайтесь обратно в редактор форматированного текста после редактирования исходного кода сообщения. В результате Tumblr удалит вставленный вами тег изображения.

Шаг 5

Опубликуйте свой пост, нажав на Почта кнопка.