Introducere

O imagine prezentată este un element crucial în WordPress care îmbunătățește atractivitatea vizuală a postărilor și paginilor. Aceasta servește ca miniatură în arhivele blogurilor, în previzualizările social media și în layout-urile site-urilor web. Cu toate acestea, înțelegerea dimensiunii corecte și a tehnicilor de optimizare pentru imaginile prezentate poate îmbunătăți performanța site-ului web și coerența designului.

Dimensiunile implicite ale imaginilor prezentate în WordPress

WordPress generează automat mai multe versiuni ale unei imagini încărcate în dimensiuni diferite. Setările implicite includ: Thumbnail: 150×150 pixeli (decupată)

  • Mediu: 300×300 pixeli (lățimea și înălțimea maxime)
  • Mare: 1024×1024 pixeli (lățimea și înălțimea maxime)
  • Dimensiune completă: Dimensiunile imaginii încărcate inițial

Aceste dimensiuni pot fi ajustate în Setări > Media din tabloul de bord WordPress.

Alegerea dimensiunii corecte a imaginii principale

Dimensiunea ideală pentru o imagine prezentată depinde de temă și aspect. Dimensiunile comune recomandate includ:

  • Miniatură standard a postului de blog: 1200×628 pixeli (optimizată pentru partajarea pe rețelele sociale)
  • Banner pe toată lățimea: 1920×1080 pixeli (utilizat în secțiunile eroilor)
  • Miniatură pentru bara laterală: 300×300 pixeli (pentru widgeturi și panouri laterale)

Pentru a asigura scalarea corectă, consultați întotdeauna documentația temei dvs. pentru dimensiunile recomandate.

Optimizarea imaginilor principale pentru performanță

Imaginile mari pot încetini un site web, afectând negativ SEO și experiența utilizatorului. Pentru a optimiza imaginile:

  1. Utilizați pluginuri de compresie a imaginilor – Instrumente precum Smush, Imagify și ShortPixel reduc dimensiunea fișierului fără a pierde din calitate.
  2. Alegeți formatul potrivit – Utilizați JPEG pentru fotografii și PNG pentru imagini transparente.
  3. Activați încărcarea leneșă – Aceasta ajută la încărcarea imaginilor numai atunci când acestea apar în viewport, îmbunătățind viteza paginii.
  4. Utilizați o rețea CDN (Content Delivery Network) – Distribuie imaginile pe mai multe servere pentru a reduce timpii de încărcare.

Modificarea dimensiunii imaginii recomandate în WordPress

Dacă dimensiunile implicite nu se potrivesc nevoilor dvs., le puteți modifica utilizând:

1. Ajustarea în setările media

Navigați la Setări > Media și modificați dimensiunile.

2. Personalizarea cu cod

Modificați fișierul functions.php pentru a defini dimensiuni personalizate:

Pentru dimensiuni suplimentare:

Apoi utilizați:

Pentru a afișa dimensiunea personalizată a imaginii într-un șablon tematic.

3. Regenerarea miniaturilor

După modificarea dimensiunilor imaginilor, utilizați pluginul Regenerate Thumbnails pentru a actualiza imaginile existente.

Concluzii

Înțelegerea dimensiunilor imaginilor recomandate WordPress ajută la menținerea unui site web atractiv din punct de vedere vizual și cu încărcare rapidă. Prin selectarea dimensiunilor corecte, optimizarea imaginilor și personalizarea dimensiunilor atunci când este necesar, puteți îmbunătăți atât estetica, cât și performanța. Testați întotdeauna setările imaginilor pentru a vă asigura că acestea se aliniază cu cerințele temei dvs.