Чтобы при вставке изображений сохранить изящность общей идеи оформления сайта, не достаточно просто повтыкать картинки в разных местах страницы с текстом, изображения нужно подготовить и правильно вставить. А это уже процесс минимум из трех этапов: отбор и обработка качественных изображений, их загрузка на сервер удобным способом и последующая вставка в текст.
1. Подготовка новостных фотографий
Основные критерии выбора фотографий:
- Приемлимое качество изображения: размытые, темные или светлые, не контрастные, наклоненные, искаженные - в топку.
- Информативная компоновка кадра: изображение должно давать ответ на вопросы: кто?, что?, где? и когда?. Люди в действии, а не затылки, не пустые залы, не части чего-то.
- Все фотографии должны быть одной ориентации (желательно горизонтальной, оно же ландшафтной), с одинаковым соотношением сторон (идеально 4:3) и одинакового размера, например 1000х750 точек.
Для массовой [пакетной] обработки можно использовать "FastStone Photo Resizer". Здесь можно изменить размер изображения, выполнить обрезку холста, изменить разрешение изображения, нанести водяной знак, переименовать файлы изображений и так далее.
Обработать фотографии можно в Photoshop или другой программе, в частности, можно использовать бесплатный "FastStone Image Viewer", который позволяет не только удобно просматривать изображения, но и легко их корректировать.
В идеале, имена файлов фотографий, да и других размещаемых в файлах материалов, должны состоять из английских букв, цифр, знака тире, не содержать пробелы и быть смысловыми.
Например для новости об открытии филиала:
- otkritie-filiala-2026.08.23-01.jpg
- otkritie-filiala-2026.08.23-02.jpg
- otkritie-filiala-2026.08.23-03.jpg
Для одной новости достаточно одной - трех фотографий.
2. Загрузка фотографий на сервер
Загрузить фотографии на сервер можно как минимум двумя путями:
- с помощью ftp-клиента, например WinSCP;
- встроенным в интерфейс сайта загрузчиком.
Оба способа имеют недостатки и достоинства, кому как удобнее.
Обычно, фотографии загружают в специально отведенную папку images или img, но на практике это может быть и другая папка. Внутри папки images может быть еще несколько вложенных папок с более узкой тематикой, например посвященные каким-то событиям, персонам, или привязанные к датам.
3. Вставка изображения в текст сайта
Если сайт построен на базе какой-то CMS (системы управления контентом), то функционал позволяющий изменять текста сайта там должен присутствовать. Редакторы могут быть визуальными или не визуальными. В последнем случае оператор работает непосредственно с кодом текста. Интерфейс визуальных редакторов частично напоминает интерфейс текстового редактора Word и как правило предоставляет средства для вставкив текст изображений и другого медиаконтента.
Применительно к am.CMS:Сайт, для вставки предварительно подготовленного и загруженного на сервер изображения в существующий текст, нужно в административной панели:
- пройти в менеджер текстов, для чего кликнуть по пункту "Тексты" в левом меню;
- в менеджере текстов найти нужный и в правой части таблицы кликнуть по зеленой кнопке со стилизованным изображением листа бумаги с карандашем;
- в интерфейсе редактора в тексте поставить курсор в то место, где вы хотите вставить изображение;
- в интерфейсе редактора найти кнопку вставки изображения (см. пример);
- в окне вставки изображения в первой вкладке, заполнить поле "Ссылка". Здесь нужно ввести полное имя файла изображения на сервере, например: /images/articles/j3x-materials-images-0.jpg
- нажать зеленую кнопку "Ok" для сохранения результата;
- сохранить текст.