Загрузка и размещение изображений

4.3
(group 3)
visibility 1017
chat_bubble 0

Изображение опубликованные на страницах сайта должны быть загружены на наш сервер, не нарушать правила сайта и весить не более 2 МБ. Вставка изображений через ссылки на фотохостинги и сторонние сайты запрещена.


1. Уменьшение веса и размера изображений:
Самый простой и доступный, для большинства пользователей операционной системы Windows, способ уменьшить размер изображения – это программа Paint. Стандартная программа Windows. То есть, ничего искать, скачивать и устанавливать Вам не придётся. Эта программа установлена в Windows по умолчанию. 
Для начала заходим в папку с  фотографиями, которые Вы хотели б изменить. Нажимаем правой кнопкой мыши на необходимой фотографии. В выпадающем меню находим пункт «Открыть с помощью». В следующем выпадающем меню находим пункт «Paint». Нажимаем на него.

программа Paint для изменения размера фотографии


В окне программы видим фрагмент фотографии. В меню программы находим пункт «Изменить размер». Нажимаем его и видим новое окно программы. По умолчанию в пункте изменить параметры размера указаны в процентах.

перед загрузкой изменяем размер фотографии

Изменяем параметры измерения изображения с процентов на пиксели. Вносим изменения в первое сверху поле. Там указана реальная ширина фотографии. Выставляем в этом поле значение 800 пикселей (оптимальная ширина изображений для загрузки на сервер и использование на сайте). Можно выставить ширину фотографии и больше (1000, 1500, 2000 пикселей), в случае если Вы считаете, что в этом есть необходимость. Максимально допустимая ширина  - 2600 пикселей. Важно, чтоб напротив надписи «Сохраняем пропорции» стояла галочка. И нажимаем «Ок».

реальный размер фотографии в пикселях

800 пикселей оптимальная ширина фотография для загрузки на сайт

Как видим, фотография уже целиком помещается в окне программы. Размер изменён. Остаётся только сохранить фотографию. Для того, чтоб сохранить изменения необходимо нажать иконку «Дискета». И все. Фотография подготовлена для загрузки на сайт.

размер фотографии изменён

Сохраняем внесённые изменения

2. Вставка изображений в комментарии:
Для того, чтоб вставить фотографию/картинку в комментарий необходимо в редакторе найти иконку «Вставить/редактировать изображение». И нажать эту иконку.

Как добавлять фотографии в комментарии

В окне-загрузчике, напротив надписи «Источник», жмём иконку «Папка». После этого, находим желаемую фотографию, выделяем её и нажимаем «Открыть».
Если размер фотографии соответствует требованиям сайта, то поле «Источник» будет заполнено непонятным набором букв и цифр.

загрузка фотографий на сайт школа авторемонта

Выбираем необходимую фотографию

Поля «Описание изображения», «Image Title» и «Размер» необязательны к заполнению. Их можно оставить пустыми. Если есть желание, то в описание и Title можете дать название Вашей фотографии. Нажимаем «Ок».

Какие поля необходимо заполнять при загрузке изображения на сайт

После чего, в сообщение можно добавить текст. Это по желанию или необходимости. Последнее действие – нажимаем кнопку «Отправить». Всё, комментарий с фотографией отправлен.

Добавляем текст в сообщение

Публикуем комментарий с фотографием и текстом

3. Вставка изображений в вопросы:
Процесс загрузки и публикации изображений в разделе Вопрос-Ответ технически ни чем не отличается от процесса, описанного в первой пункте данной статьи (Вставка изображений в комментарии). Единственное отличие – это возможность загрузки изображения-превью. За его загрузку отвечает большая кнопка «Загрузить изображение». Как выглядит этот процесс, и конечный результат смотрите на скриншотах ниже.

 

добавление фотографий в раздел вопрос-ответ
 

Изображение превью в разделе вопрос ответ

Как выглядит изображение преью в опубликованной статье

4. Вставка изображений в материалы раздела «Бортовой журнал»:
Думаю, что после прочтения первого и второго пункта этой статьи, с загрузкой и публикацией фотографий в материалах раздела Бортовой журнал у Вас проблем не должно возникнуть. Так как схема работы с изображения во всех разделах одинакова.

Комментарии ( 0 )

Показано комментариев: 0. Всего: 0.

Оставить комментарий

keyboard_arrow_up Цитировать