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

Підготовка зображень (фото) для публікації на сайті 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 року і є першим по порядку.

Наші рекомендації

Сollaborator

Hosting Ukraine

АВТОРИЗАЦІЯ