Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
3. Работа с изображения и интегрирането им в сайта

Най-важното, което трябва да запомните от задачата за уеднаквяване на изображения

Когато създавате сайт с WordPress, е важно всички изображения за публикациите да са с еднакъв размер и оптимизиран обем. Така осигурявате професионален и подреден вид на сайта, както и по-бързо зареждане за вашите потребители. Работете с подходящи размери и формати, за да избегнете прекомерно големи или некачествени снимки.

Стъпка по стъпка: Как да уеднаквите изображения за публикация в Wordpress 5

  1. Свалете примерните изображения от секцията под урока в Aula.bg.
  2. Отворете първото изображение с програма за редакция на снимки, например "Paint" или "Photoshop" (според възможността).
  3. Проверете размера (Width x Height) и обема (KB/MB) на снимката. За уеб препоръчителен размер — примерно 1200 x 630 px и максимално около 500 KB.
  4. Ако изображението е твърде голямо:
  • Използвайте "Resize" ("Промяна на размер") или "Image Size" ("Размер на изображението") в софтуера.
  • Задайте желаните широчина и височина (например 1200 x 630 px).
  • Ако се налага, използвайте селекция и "Crop" ("Изрязване"), за да получите точен размер.
  1. Запишете новото изображение с отличително име (напр. добавете 1200x630 в името), за да не се объркат файловете.
  2. Повторете процеса за останалите изображения като винаги се стремите към еднакви пропорции (например 1200 x 630 px или 600 x 315 px — половин размер).
  3. Ако дадено изображение е прекалено малко, не го увеличавайте, тъй като ще загуби качество — по-добре намерете ново подходящо изображение.
  4. Когато използвате Photoshop, може да автоматизирате процеса със скрипт и да изберете "Save for Web" ("Запази за уеб") за по-добра оптимизация на обема и качеството.
  5. След като уеднаквите и запишете всички изображения, качете ги в своя WordPress сайт.

Как да уеднаквите изображения за публикация в Wordpress 6 (най-нова версия)

При последната версия на WordPress 6, процесът за подготовка на изображенията е почти идентичен:

  • Използвайте външен софтуер като "Paint", "Paint.NET", "Photoshop" или онлайн инструменти (напр. Photopea, Canva), за да редактирате размерите и оптимизирате файловете.
  • Интерфейсът за качване на изображения в WordPress 6 е максимално опростен, но при добавяне на снимка към публикация проверявайте в полето с настройки отдясно, дали размерите са според вашия стандарт (напр. "Full Size" ("Пълен размер") и данни за широчина и височина).
  • Ако използвате "Site Editor" ("Редактор на сайта") за поддръжка на теми с блокове, зависи от темата дали има автоматична оптимизация на размерите — все пак препоръчително е вие предварително да оптимизирате и уеднаквите изображенията.
  • Разлика спрямо предходната версия: в WordPress 6, в някои теми и при добавяне на "Featured Image" ("Основно изображение"), платформата може автоматично да изреже/мащабира изображението. Все пак се препоръчва качените файлове да бъдат предварително уеднаквени спрямо нуждите на сайта.

Най-използвани команди и функции в урока

  • Resize — Промяна на размера на изображението. Обичайно се използва за въвеждане на нова широчина и височина.
  • Crop — Изрязване до избраната селекция, за да постигнете точен размер или желаната композиция.
  • Image Size — В Photoshop дава прецизен контрол над широчината, височината и резолюцията на снимката.
  • Save As... — Записване на ново копие на файла с различно име или формат.
  • Save for Web — В Photoshop и някои други програми — оптимизира изображенията за най-доброто съотношение между качество и размер на файла.

Включете се и практикувайте: Вашата задача

Свалете примерните файлове от секцията под този урок в Aula.bg. Опитайте сами да редактирате изображенията по описания начин — променете размерите и обема на всяко изображение така, че всички да са с еднаква пропорция, без излишно големи или прекалено малки файлове. Ако имате затруднения, гледайте видеото до край и проследете всяка от стъпките.