Najbolja veličina slika za WordPress sajt

Veličina slika za WordPress sajt je ključ za brzo učitavanje sajta i njegovih web stranica. Ovaj vodič će Vam pomoći da odredite koja veličina slika je najbolja za primenu na Vašem WordPress sajtu.

Najbolja veličina slika za Wordpress sajt

Veličina slika za WordPress sajt zavisi od njihove namene i uticaja veličine svake slike na brzinu učitavanja web stranice.

Koji je najbolji format slike za WP veb lokaciju?

VebP je format slike koji obezbeđuje brze performanse i kompresiju bez gubitaka. Smanjuje veličinu fajla slike za čak 30% u poređenju sa JPEG i PNG. Nažalost, VebP nije univerzalno podržan od strane svih pretraživača.

Razlika između veličine slike i rezolucije

Veličina slike se odnosi na dimenzije slike, koje se obično mere njenom širinom i visinom u pikselima. Rezolucija slike se odnosi na količinu detalja koju slika sadrži u pikselima po inču (PPI). Veća rezolucija znači više detalja i oštriju sliku, bez obzira na njenu veličinu.

Veličine slikovne datoteke (fajla) meri se u kilobajtima (KB), odnosno megabajtima (MB).
Veličinu datoteke slika možete smanjiti korišćenjem alata za kompresiju kojom se uklanjaju nepotrebni detalji sa slike bez gubitka kvaliteta slike.

Važno je znati da veličina slike direktno utiče na performanse sajta, korisničko iskustvo i optimizaciju sajta za pretraživače (SEO). WordPress pomaže korisnicima da se zaštite od upotrebe velikih slika tako što automatski kreira skalirane verzije prilikom njihovog otpremanja.

SRCset atribut je funkcija koja omogućava pretraživaču da izabere najprikladniju veličinu slike za prikaz u zavisnosti od veličine ekrana uređaja i gustine piksela.

Na primer, ako pregledate sa mobilnog telefona, pretraživač će izabrati manju verziju slike, jer se ona brže učitava! Pogledajte naš članak: Kako optimizovati slike za web.

Automatsko kreiranje veličine slika u WordPress-u

• Sličica: 150 x 150 px
• Srednja: 300 x 300 px (varira u zavisnosti od podešavanja)
• Velika: 1024 x 1024 px (varira u zavisnosti od podešavanja)
• Puna veličina: Originalne dimenzije

Ove podrazumevane veličine slika možete podešavati na kontrolnoj tabli WordPress-a u sekciji Podešavanja → Mediji. Veličina fajla svake slike treba da bude što manja i ne veća od 200 kb.

Pravilne dimenzije slika za web sajt na WordPress-u:

• Slike za blog: 1200 x 630 piksela
• Istaknute slike za post: 1200 x 800 piksela
• Slike zaglavlja: 1600 x 900 piksela ili 1920 x 1080 piksela
• Pozadinske slike: 1920 x 1080 piksela
• Slike preko celog ekrana treba da imaju minimalnu širinu od 2500 piksela.
• Slajderi i baneri: 1200 x 600 piksela ili 1920 x 800 piksela
• Slike proizvoda (WooCommerce): 800 x 800 piksela ili 1000 x 1000 piksela
• Slika logotipa: 200 x 100 piksela ili 250 x 100 piksela

Pažnja: Osim ako nemate poseban razlog za to, nikako ne otpremajte na server slike veličine više MB, ili široke 5000 i više piksela!

Zapamtite: Odabir prave veličine slike je ključan za optimizaciju performansi Vaše veb stranice, jer osigurava da slika izgleda dobro na svim uređajima, a da ne opterećuje resurse.

Faktori za izbor slika za WordPress sajt

1.     Dimenzije slike

Dimenzije slika direktno utiču na to kako će se slike pojavljivati na veb stranici i kojom brzinom će se web stranica učitavati.

U izuzetnim slučajevima možete koristiti sliku veličine do 1 MB radi boljeg vizuelnog kvaliteta, ali samo nakon njene kompresije. Za ručnu kompresiju možete koristite online alate kao što su TiniPNG ili JPEG-Optimizer.

Ako je otvaranje web stranice sa slikama sporo, smanjite ih još koliko god je to moguće. Vreme učitavanja web stranice možete testirati pomoću Google PageSpeed Insights ili Gtmetrix-a.

1.     Format datoteke

Različiti formati datoteka (fajlova) slika služe različitim svrhama. Izbor pogrešnog formata može poremetiti ravnotežu između kvaliteta slika i performanse web stranice.

JPEG (ili JPG) format je najbolji za fotografije i slike sa mnogo boja. Ovaj format slike je odličan za kompresiju veličine fajla slike, ali uz izvestan gubitak njenog kvaliteta.

PNG je idealan format za logotipe, ikone i transparentne slike. PNG obezbeđuje kompresiju slika bez gubitka njihovog kvaliteta, ali po cenu nešto slabije kompresije.

2.     Aspect Ratio

Odnos širine i visine slike obezbeđuje da se one pravilno prikazuju na različitim uređajima i veličinama ekrana. Loš Aspect Ratio dovodi do izobličavanja i lošeg poravnanja slika.

Preporuke:

• Za slike u fiksnom rasporedu (slajderi ili baneri), pratite preporučeni odnos širine i visine iz dokumentacije Vaše teme ili dodatka (npr. odnos 16:9 za banere, itd).
• Za galerije ili mrežne prikaze slika, uvek izaberite jednu proporciju (npr. 4:3 za pravougaone ili 1:1 za kvadratne sličice). Ujednačite sve slike na određeni odnos.

Kako da pomoću slika poboljšate radne performanse Vašeg sajta?

1. Pre otpremanja slika, uskladite njihove dimenzije i veličinu sa njihovom namerom, izgledom i prikazom na sajtu i različitim ekranima.
2. Ne postavljajte na sajt slike koje WordPress mora automatski da menja, jer time nepotrebno trošite prostor i propusni opseg servera.
3. Ako ste već otpremili preveliku sliku, obavezno je naknadno kompresujte i smanjite veličinu.

Kompresujte slike:

Otpremite svoje slike na TiniPNG i ovaj alat će obaviti kompresiju umesto Vas. Alternativno, možete koristiti i robusniji dodatak za optimizaciju slike kao što je Imagify.

Kada instalirate, aktivirate i podesite Imagify, ovaj dodatak će automatski komprimovati sve slike koje otpremite na Vašu veb lokaciju.

Napomena: Iako nema potrebe da prilagođavate ograničenje u Wordpress-u, to ipak može biti korisno da uradite kako biste sprečili nesmotreno otpremanje nepotrebno velikih slika.

Koristite lenjo učitavanje

Koristite Lazy Loading funkciju koje odlaže učitavanje slika na veb stranici sve dok ne budu potrebne. Slike se prikazuju postepeno kada korisnik pomera stranicu na dole (skroluje).

Najbolja veličina slika za WordPress sajt – Zaključak

Idealna veličina slike zavisi od konteksta u kome će se koristiti, njenog kvaliteta i namene, pa do snage i brzine odziva Vašeg servera.

Optimizacija slika, posebno njihovih veličina, je ključna za SEO, jer obezbeđuje brzo učitavanje i privlačan izgled stranica vašeg brenda.

Pametnim korišćenjem prigodnih alata, dodataka i opcija prilagođavanja, možete znatno poboljšati performanse svoje veb lokacije. To će snažno privlačiti nove posetioce i uvećavati Vašu popularnost i profit!