Первичная обработка изображений, Ural-CMS

Для обработки изображения необходимо обладать установленными на компьютер графическими редакторами, например, Adobe Photoshop или Microsoft Paint (входит в стандартную комплектацию Microsoft Windows)

Обработка изображения в Paint

Например Вы хотите разместить небольшое изображение в новости или статьи, оптимальный размер: 150 - 250 пикселей в ширину, поэтому нам следует уменьшить ширину и высоту изображения, если необходимое изображение не удовлетворяет этим параметрам.

  1. Запустить программу на компьютере (Пуск - Все программы - Стандартные - Paint).
  2. Далее необходимо открыть изображение с помощью данного графического редактора (Файл - Открыть)

    Далее необходимо открыть изображение с помощью данного графического редактора (Файл - Открыть)
  3. Выбрав изображение с компьютера оно должно загрузится в программу Paint, после чего можно приступить к его редактированию.
  4. Для начала проверяем исходный размер изображения используя «горячие кнопки» - ctrl + E

    Для начала проверяем исходный размер изображения используя «горячие кнопки» - ctrl + E

    Для данного изображения ширина составляет 1920 пикселей, высота 1200 пикселей. Размер 532 килобайта.

    Закрываем окно «Атрибуты»
  5. Для изменения ширины и высоты изображения используем «горячие кнопки» - ctrl + W.

    Для изменения ширины и высоты изображения используем «горячие кнопки» - ctrl + W.

    В данном окне размер указан в процентах, зная исходный размер (1920х1200) мы можем высчитать, что приемлемым для нас является размер 10% от исходного значения, что составит 192 на 120 пикселей. Изменяем параметры в полях «По горизонтали» и «По вертикали» на 10% - жмем кнопку «ОК». Изображение приобрело необходимый нам размер. Также при уменьшении разрешения изображения уменьшается и размер (вес) - размер исходного файла составлял 532 килобайта, а размер обработанного, всего, 5 килобайт. Уменьшив размер изображения в 100 раз мы сократили время его загрузки на компьютер посетителя сайта.
  6. Сохраняем обработанное нами изображение на компьютере (Файл - Сохранить как).

 

Обработка изображения в Photoshop

Например Вы хотите разместить небольшое изображение в новости или статьи, оптимальный размер: 150 - 250 пикселей в ширину, поэтому нам следует уменьшить ширину и высоту изображения, если необходимое изображение не удовлетворяет этим параметрам.

  1. Запустить программу Adobe Photoshop на компьютере.
  2. Открываем изображение с компьютера (File - Open)

    Открываем изображение с компьютера (Файл - Открыть)
  3. Выбрав изображение с компьютера оно должно загрузится в программу Adobe Photoshop, после чего можно приступить к его редактированию.
  4. В данной программе присутствует функция Save for Web, которая позволяет сохранить изображения специально для публикации на сайте. (File - Save for Web)

    File - Save for Web
  5. Затем, нам необходимо указать размер изображения и формат сжатия.

    Затем, нам необходимо указать размер изображения и формат сжатия.

    1. Текущий размер файла
    2. Формат сжатия изображения - в зависимости от изображения необходимо подобрать формат, при котором размер (см.1) будет минимальным.
    3. Текущее разрешение изображения (ширина, высота) - изменяя разрешение изображения, Вы тем самым уменьшаете его конечный вес (см. 1). 
  6. Устанавливаем в поле формат: jpeg, а в размерах  указываем ширину (необходимую): 200px (относительно нашего примера) - высота установится автоматически.
  7. Нажимаем кнопку «Save»
Рекомендации Управление структурой
Настройки сайта Интерактивные сервисы Заказы и сообщения

Новости

Быстрая навигация

Видео-обзор системы управления

Обработка персональных данных на сайте в соответствии со 152-ФЗ

Реализован инструментарий для возможности информирования пользователей об обработке передаваемых персональных данных через формы обратной связи.

Оформление чеков при онлайн-оплате в соответствии с 54-ФЗ

Для пользователей эквайринга от Яндекс.Касса и Сбербанк реализован механизм отправки чеков в ФНС и покупателю через интернет.

Смотреть все новости Подписаться на новости