Изображения в тексте.

Как изменить размер и наложить текст на изображение.

Любая современная интернет публикация обязана иметь графические изображения: картинки, фото, таблицы. Это намного повышает визуальное восприятие пользователями, положительно влияет на ранжирование в поиске, а продать текст на бирже, имеющий уникальные картинки, возможно быстрее и дороже.

Читайте дальше и узнаете как:
  • Изменить размер изображения или фото онлайн.
  • Наложить текст на изображение онлайн.
  • Оптимизировать картинку онлайн.
  • Установить созданное изображение в любую часть публикации.

Создаём заготовку изображения.

Для создания уникальной картинки в вашем тексте не нужно скачивать и устанавливать программы - достаточно сделать несколько закладок онлайн ресурсов в браузере. Начнём с главного - выбора необходимой панорамы. С помощью программы Lightshot берём любую часть выбранной в интернете картинки и задаём необходимые пропорции: высота, ширина (для скринов картинок с компьютера используйте Joxi). Сохраняем скриншот и переходим в онлайн-сервис Resizenow, для его увеличения или уменьшения с сохранением качества. Заготовка готова.

Улучшаем, оптимизируем и накладываем текст на картинку.

Далее улучшаем картинку: резкость, яркость, насыщенность и накладываем необходимые эффекты в онлайн-сервисе HOLLA. Здесь же можно наложить текст, но в кириллице работают не все текстовые шрифты, поэтому следует поискать подходящие в Lolkot, Kartinka, Cooltext. Улучшенное, с наложенным текстом изображение может иметь большой вес, поэтому оптимизируем картинку онлайн в Imageoptimizer, попутно изменяя формат, с выбором удовлетворяющего качества.

Размещение изображения в тексте.

Для размещения картинки в нужном месте текста, необходимо после урл адреса изображения прописать css стиль:

  • Справа от текста: style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"
  • Слева от текста: style="clear: right; float: left; margin-bottom: 1em; margin-right: 1em;"
  • По центру: style="text-align:center;"
С помощью параметра margin заданы отступы размером в одну текстовую строку. Их можно увеличить, уменьшить или прописать в пикселях.

Как написать seo оптимизированный текст читайте здесь.