Подготовка изображений (фото) для публикации на сайте Joomla

Подготовка изображений для публикации на сайте

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

К примеру, мы готовим для публикации материала об аварийном мосте и у нас есть качественные фотографии с размером 3872х2592 пикселей. Эти фото можно было бы так и добавить на сайт, но лучше все же уменьшить их до 800х600 пикселей, так как вес исходного фото составляет порядка 2,36 Мб, а после уменьшения до 800х600 – около 172 Кб (это почти в 20 раз меньше). Для того чтобы уменьшить размер фото, можно использовать редактор изображений Paint, или любую другую программу для редактирования изображений (Adobe Photoshop, IrfanView и т. д.)

В данном уроке, мы рассмотрим пример того, как можно уменьшить изображения (фото) в графическом редакторе Paint. 

Пошаговое руководство подготовки изображений для публикации на сайте

Шаг 1. Открываем фото редактором Paint

Редактор Paint

Шаг 2. Жмем «Изменить размер»

Редактор Paint

Шаг 3. Выбираем «Пиксели», чтобы изменять размер по пикселям, а не по процентам

Редактор Paint

Шаг 4. Вводим в поле «По горизонтали» 800. Поле «По вертикали» автоматически изменится. Нет ничего страшного в том, что фото получится размером 800х535 (или другого размера). Главное, чтобы фото имело ширину не более 800 пикселей.

Редактор Paint

Шаг 5. Жмем «Ок». Размер фото меняется

Шаг 6. Сохраняем фото под другим именем. Обязательно нужно сохранять фото под другим именем по нескольким причинам:

  • Чтобы не уничтожить исходное фото с более высоким разрешением
  • Чтобы загружать на сайт фото с уникальным названием.

Порядок переименования фото

1. Нажать Файл – Сохранить как – Изображение в формате JPEG

Переименование фото

2. В появившемся окне ввести новое имя файла.

Переименование фото

Новое имя должно быть понятным и уникальным. Понятным нужно делать для того, чтобы в будущем можно было легко понять к какой статье относится фото. В примере фото названо avarijnyj-mist-18022018-1.

  • avarijnyj-mist означает, что фото относится к статье об аварийном мосте.
  • 18022018 означает, что фото было создано 18.02.2018
  • 1 означает что это первое фото.

Для чего в имени файла указано 18022018-1?

Это дает уникальность файлу. Если в будущем мы забудем, что уже создавали файл с таким именем и загрузим на сайт фото с идентичным названием, то оно заменит уже существующий файл. Таким образом старое фото будет заменено новым, и мы безвозвратно потеряем это изображение. Чтобы такого не произошло создаются фото с уникальными именами. Если мы создадим фото с именем avarijnyj-mist но добавим в его название дату 18022018, а потом через день-два создадим файл с таким же именем avarijnyj-mist, но уже добавим дату 19022018, или 20022018, то это уже будут абсолютно разные имена и файлы не будут конфликтовать.

В конце я добавил цифру «1». Это связано с тем, что к статье нужно было прикрепить 4 фотографии моста. И если бы я все 4 файла назвал одинаково, то при загрузке на сайт они заменили бы друг друга и в итоге в статье было бы 4 одинаковых фото. Поэтому было создано 4 фото с именами avarijnyj-mist-18022018-1, avarijnyj-mist-18022018-2, avarijnyj-mist-18022018-3 и avarijnyj-mist-18022018-4.

Так из названия фото avarijnyj-mist-18022018-1 видно, что оно относится к аварийному мосту, создано 18.02.2018 года и является первым по порядку.

АВТОРИЗАЦИЯ