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

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

Преди да използвате изображения във вашия WordPress сайт, трябва да се уверите, че те са с подходящ размер и оптимизирани за уеб. Големите изображения забавят зареждането на страницата и могат да предизвикат проблеми при качване. Има лесни и достъпни инструменти — както онлайн приложения, така и вградени в Windows — които ви помагат да преоразмерите и оптимизирате файловете си без загуба на видимо качество.

Задача стъпка по стъпка за редакция на изображения (WordPress 5)

  1. Изберете желаното изображение и проверете неговия размер и резолюция чрез "Properties" ("Свойства") → раздел "Details" ("Детайли").
  2. Ако изображението е прекалено голямо (например 4104x2736 px, 4MB), изберете един от следните начини за редакция:
    • Използвайте онлайн редактор например Sketch.io:
      • Отидете на https://sketch.io/sketchpad/
      • Създайте нов проект – задайте размери 1200x630 px
      • Дръпнете вашия файл в работното поле
      • Преоразмерете изображението, като го нагласите в подходящата рамка
      • Кликнете „Export“ ("Експортирай") → „Download“ ("Изтегли")
      • Изберете „PNG“ или „JPEG“ – JPEG предлага по-добра компресия, PNG – по-добро качество
      • Изтеглете крайния файл
    • Използвайте Microsoft Paint:
      • Отворете изображението в Paint
      • Кликнете "Resize" ("Преоразмеряване")
      • Изберете "Pixels" ("Пиксели"), въведете желаната ширина (например 1200 px), като запазите съотношението
      • Ако искате точни пропорции, може да се наложи допълнително изрязване с "Select" ("Избор") и бутона "Crop" ("Изрязване")
      • Запишете изображението като „JPEG“ за по-нисък размер
  3. Проверете крайния размер на файла (препоръчително под 200 KB за уеб)
  4. Качете готовия файл в WordPress

Задача стъпка по стъпка за редакция на изображения (WordPress 6)

В WordPress 6, процесът на предварителна обработка на изображения е идентичен със стъпките, описани за WordPress 5. Интерфейсът за качване и редакция на изображения в редактора на публикации почти не се е променил. Ако редактирате изображения преди качване (с Sketch.io или Paint), процесът остава същият.

Допълнително, WordPress 6 предлага при качването опции за избор на размер (Full Size, Large, Medium, Thumbnail), което позволява по-гъвкаво използване на оптимизирани за уеб файлове, но е добре още преди качване да намалите файловете с външен инструмент.

Основни команди и функции, използвани при редакция на изображения

  • Properties – Показва детайлна информация за изображението, включително размер и резолюция
  • Export – Запазва обработеното изображение в избран формат
  • Download – Изтегля локално финалния файл
  • Resize – Преоразмерява изображението според зададена ширина / височина
  • Select и Crop – Изрязват част от изображението в Paint

Полезни връзки към безплатни онлайн редактори и допълнителни курсове

photoshop

Дискусия към урока

Въпроси
Отговори