Nu încărca o fotografie de 5000 pixeli dacă zona de afișare are doar 700. Creează dimensiuni potrivite pentru banner, articol, produs și miniatură, păstrând originalul separat. Decupează în funcție de subiect și verifică zona de siguranță. Pentru fotografii de produs, păstrează produsul complet vizibil și evită tăierea accidentală.
Redimensionează înainte de încărcare
Nu încărca o fotografie de 5000 pixeli dacă zona de afișare are doar 700. Creează dimensiuni potrivite pentru banner, articol, produs și miniatură, păstrând originalul separat.
Decupează în funcție de subiect și verifică zona de siguranță. Pentru fotografii de produs, păstrează produsul complet vizibil și evită tăierea accidentală.
Alege formatul potrivit
WebP și AVIF pot reduce dimensiunea fotografiilor la o calitate bună. JPEG rămâne util pentru compatibilitate, PNG pentru transparență și capturi cu text, iar SVG pentru grafică vectorială.
Nu converti automat toate imaginile în același format. Verifică transparența, detaliile fine și felul în care se redă textul după compresie.
- Verifică setările înainte să confirmi modificările.
- Păstrează o copie de siguranță pentru datele importante.
- Testează rezultatul pe telefon și pe desktop, dacă este relevant.
Comprimă și livrează responsiv
Ajustează calitatea până când fișierul este suficient de mic fără artefacte vizibile. Folosește dimensiuni responsive astfel încât telefonul să nu descarce o imagine uriașă destinată desktopului.
Activează lazy loading pentru imaginile aflate sub primul ecran, dar nu amâna încărcarea imaginii principale care contribuie la LCP. Verifică și cache-ul după înlocuirea fișierelor.
Scrie ALT descriptiv
Textul alternativ descrie informația transmisă de imagine. Nu îl transforma într-o listă de cuvinte cheie și nu repeta titlul articolului dacă nu descrie fotografia.
Pentru elemente pur decorative, un ALT gol poate fi alegerea corectă. Folosește nume de fișiere clare și păstrează o bibliotecă media organizată.
Greșeli de evitat
Nu aplica toate setările sau modificările dintr-o singură încercare. Schimbă câte un lucru, verifică rezultatul și păstrează o variantă la care poți reveni. Înainte de operațiuni care pot șterge date sau afecta funcționarea, fă o copie de siguranță.
Concluzie
Un rezultat bun vine din pași clari, verificări și alegeri potrivite scopului. Aplică recomandările gradual și urmărește dacă schimbările rezolvă problema fără să afecteze alte funcții.
Resurse utile
Pentru alte idei și explicații practice, citește și articolele despre tehnologie și web. Pentru exemple de prezentare vizuală, poți explora stickerele decorative și magazinul online.
