Cum alegi imaginile potrivite pentru site-ul tău
Imaginile potrivite explică mai repede oferta, susțin încrederea și ajută site-ul să rămână rapid pe mobil.
Imaginile de pe un site nu au doar un rol decorativ. Ele pot explica un serviciu, pot arăta rezultatul unui proiect și pot ajuta vizitatorul să înțeleagă mai repede ce oferi.
O imagine bună trebuie să se potrivească mesajului, publicului și locului în care este folosită. O fotografie frumoasă, dar grea sau fără legătură cu pagina, poate încetini site-ul și poate crea confuzie.
Alege imaginile după scopul paginii
Înainte să cauți o fotografie, stabilește ce trebuie să înțeleagă vizitatorul. Imaginea principală poate introduce serviciul, imaginile din proiecte pot arăta rezultatul, iar grafica explicativă poate simplifica un proces.
- prezintă serviciul
- arată un rezultat concret
- explică un pas din proces
- susține o dovadă sau un exemplu
- creează o atmosferă potrivită
Folosește imagini care au legătură cu afacerea
Imaginile generice pot arăta bine, dar nu spun întotdeauna ceva despre modul în care lucrezi. Alege proiecte reale, detalii din proces sau scene care reflectă publicul și serviciul tău.
Dacă folosești imagini generate sau dintr-o bibliotecă, verifică să nu conțină elemente care contrazic oferta sau stilul brandului.
Gândește compoziția pentru toate dispozitivele
O imagine care funcționează pe un monitor poate fi tăiată pe telefon. Păstrează subiectul important într-o zonă vizibilă și verifică fotografia în format portret, pătrat și landscape.
Pe paginile responsive, imaginea trebuie să rămână clară și să nu împingă conținutul important prea jos. Compoziția corectă ajută atât designul, cât și experiența pe mobil.
Optimizează fișierele înainte de publicare
Dimensiunea și formatul influențează direct viteza. Folosește WebP sau AVIF când sunt potrivite, exportă imaginea la dimensiunea reală de afișare și evită să încarci un fișier mult mai mare decât zona în care va apărea.
- redimensionează imaginile înainte de upload
- alege WebP sau AVIF pentru fotografii
- păstrează JPG pentru cazurile în care este suficient
- folosește imagini lazy-loading sub primul ecran
- verifică rezultatul pe conexiune mobilă
Nu uita de alt text
Textul alternativ descrie imaginea pentru persoanele care folosesc tehnologii asistive și pentru situațiile în care imaginea nu se poate încărca. Scrie ce este relevant pentru conținutul paginii, nu o listă de cuvinte-cheie.
Imaginile pur decorative pot avea alt text gol, astfel încât cititorul de ecran să nu primească informație inutilă.
Leagă imaginile de conținut și SEO
Numele fișierului, alt textul, titlul paginii și textul din jurul imaginii trebuie să se susțină reciproc. O fotografie dintr-un proiect poate trimite către proiectul respectiv, iar o imagine dintr-un articol poate conduce către serviciul explicat.
Legăturile interne dintre articole și servicii îi ajută pe vizitatori să continue și oferă motoarelor de căutare un context mai clar.
Verifică înainte de publicare
Privește pagina pe desktop, telefon și tabletă. Verifică dacă imaginea se încarcă rapid, dacă subiectul rămâne vizibil și dacă alt textul descrie corect rolul ei.
O bibliotecă de imagini coerentă, optimizată și relevantă face site-ul mai clar fără să îi afecteze performanța.
