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

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

Най-важното е да използвате изображения, които не са нито твърде малки, нито твърде големи, за да изглежда вашият уебсайт добре и да се зарежда бързо. Прекалено големите изображения забавят сайта и могат да намалят класирането му в търсачките, а прекалено малките - изглеждат некачествено. Ориентирайте се по препоръчителните размери: за основно изображение (Featured Image) използвайте 1200x630 пиксела, а максималният размер на файла да е между 100 и 500 KB.

Защо правилните размери на изображенията са важни – теоретични насоки

Когато подготвяте изображения за WordPress сайт, важно е да работите с пиксели, а не със сантиметри – например, обичайните размери за екран са между 1280x720 (HD) и 1920x1080 (Full HD), а по-новите устройства имат още по-големи резолюции (ретина дисплеи от 2880x1800 пиксела и нагоре). Не качвайте директно снимки от смартфон или фотоапарат, които често надхвърлят 3000 пиксела по ширина и няколко мегабайта като обем – WordPress автоматично ще ги преоразмери, но големият файл ще забави сайта. Ограничете размера на файла до 100–200 KB, максимум 500 KB за стандартен сайт, освен ако сайтът е специализиран за фотография или друга ниша с нужда от по-големи изображения.

Съобразявайте се също с темата на сайта – вижте документацията ѝ за препоръчителни размери. Ако няма конкретни насоки, ориентир са препоръките на Facebook за изображения за споделяне – 1200x630 пиксела (минимум: 600x315 пиксела) за featured image. Това осигурява и добро визуализиране при споделяне в социалните мрежи.

Практически съвети за оптимални изображения в WordPress 5

  • Не качвайте изображения, които са над 2 MB (това е стандартното ограничение по подразбиране в WordPress 5).
  • Намалявайте размерите на снимките, преди да ги качите – използвайте графичен редактор, за да ги зададете на 1200x630 пиксела за Featured Image или друг размер, подходящ за вашата тема.
  • Компресирайте снимките като ги записвате в JPEG формат с компресия – това значително ще намали файла.
  • Проверете размера на всеки файл – стремете се към 100–200 KB, максимум 500 KB.
  • Ако изображението изглежда зле при споделяне в социални мрежи, направете тестове с други размери.

Още по-лесно в WordPress 6 – разлики и най-добри практики (2024)

В WordPress 6 няма значителни промени в начина, по който платформата обработва изображенията, спрямо WordPress 5. Ограничението за размер на файла по подразбиране (2 MB) най-често зависи от сървърната конфигурация, а интерфейсът за качване и настройка на Featured Image остава сходен. Последните версии на WordPress обаче поддържат и формати като WebP за още по-добра компресия и по-нисък размер на файла. Можете спокойно да използвате същите практически стъпки, като добавите възможността за качване на WebP изображения.

Най-важните термини и елементи при работа с изображения

  • Featured Image – Основното изображение на публикация (Featured Image / "Избрано изображение")
  • JPEG – Популярният файлов формат с компресия за уеб изображения
  • WebP – Модерен файлов формат с по-добро качество и по-малък размер спрямо JPEG; поддържан в WordPress 6
  • Image Size – Размер на изображението в пиксели
  • File Size – Големина на файла (KB/MB)