Как вставить картинку в блог/сайт?

Многие веб-мастера задаются вопросом, как вставить картинку на сайт или блог.

О подготовке картинки

1. Прежде чем картинку вставить в блог, её нужно оптимизировать.
2. Картинка должна быть уникальной. То есть она не должна встречаться на других сайтах.
3. Размер и вес картинки не делайте слишком большими. Не более 45 кб. Иначе она будет долго загружаться и тормозить блог, так как читатели не станут ждать и уйдут на другие ресурсы. Это можно сделать с помощью специальных программ или если их нет, сайтов для обработки фотографий онлайн.
4. Не забудьте прописать атрибуты «ALT» и «TITLE» в картинках.
5. В названии картинки должны быть ключевые слова.

Загрузить картинку на блог

Для загрузки картинки с рабочего стола на сайт можно воспользоваться несколькими способами.

1. Из редактора tinymce. Откройте менеджер материалов и жмите»Создать». В редакторе tinymce внизу найдите кнопку и щелкните по ней. Откроется окно внизу, которого есть загрузка. Нажмите»Выбрать файлы»после чего появится окно выбора. В окне»Открыть»выберите выделением файл у себя на компьютере. Название файла появится в строке «Имя файла». Жмём»Открыть». Это окно исчезнет и снова вернетесь в предыдущее окно, в котором произойдут изменения. В поле»Файл не выбран»будет записано название загружаемого файла.
Если нажмете «Загрузить», то изображение появится в папке images. Для того чтобы отправить изображение в другие папки, вложенные в папку images откройте и отметьте нужную в выпадающем списке»Каталог /». Он находится в левом верхнем углу. Далее нажмите «Загрузить».

2. Загрузку файлов на блог можно также сделать с помощью программ Cuteftp и Total Commander.

Как вставить фото в блог

Картинки и фотографии вставляются одинаково.

1. Закачанную на сайт картинку легко вставить с помощью редактора. Нужно щелкнуть по тому месту, куда хотите её поместить и открыть диалог вставки, нажав на эту кнопку. Теперь откройте папку в которой оно хранится, далее сделайте клик по нужному рисунку картинки мишки для срисовки.

2. Его имя отобразится в строке «Адрес (URL) изображения».

3. Выравнивание определите в выпадающем списке одноименной строки.

4. Введите»Описание изображения»в строке ниже.

5. Определитесь с «Заголовком изображения».

6. В последнем действии нажмите в правом верхнем углу «Вставить».

7. Теперь передвигая курсор можно увеличить или уменьшить изображение, добиваясь его необходимой величины. После того как найдете нужную, щелкните по пустому месту в редакторе для окончания действия.

8. При выделенном изображении откройте окно диалога этой кнопкой. В нем можете установить более точно размер, выравнивание, вертикальный и горизонтальный отступы, либо присоединить её к имеющемуся классу и стилю. По окончании нажмите Uplate, она внизу слева.

Можете сделать изображение ссылкой. А для рисунка, опять выделите его и нажмите кнопку ссылка. В диалоговом окне можно вставить адрес ссылки, указать в каком окне она должна открываться, указать title и класс отображения ссылки. Закончите кнопкой Uplate.

Вставляем картинку в модуль

Разницы между вставкой на страницу и в модуль нет. Используется тот же редактор.

Только дополнительно нужно учесть положение модуля. Когда откроете страницу с картинкой в модуле станет ясно как её располагать. По центру, слева или справа, а может применить отступ.