Trebate komprimirati slike ili želite promijeniti veličinu slika na WordPressu? U ovom vodiču ćemo vam pokazati kako komprimirati i promijeniti veličinu slika ili WordPress-a

Imati dobre, pristojne slike može biti nezgodno kada je u pitanju poboljšanje performansi WordPress web stranice. Toliko da smo imali nekoliko pretplatnika, koji su nas uvijek pitali kako pravilno komprimirati i promijeniti veličinu slika.

Ovo je važan aspekt u optimizaciji vaše web stranice kroz koji svi moramo proći. Ako nas dugo pratite, vjerojatno ste čuli za Hummingbird dodatak od WPMUDEV.

Ovo je dodatak koji vam može omogućiti da smanjite veličinu slike od 75%, što je značajno.

Dakle, u ovom tutorialu ću objasniti kako da ručno promijenite veličinu slika na nadzornoj ploči i u vašoj WordPress temi.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress temu et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.

Zašto trebate promijeniti veličinu i komprimirati slike?

Ovo je prijedlog koji nudi Hummingbird-a. Ovaj prijedlog znači da koristite sliku prenesenu na svoj WordPress blog gdje je veličina veća od one koja se koristi u vašoj temi.

To se često događa kada dođe do greške s WordPress temom koju koristite i veće slike ne budu automatski obrezane do očekivanih dimenzija. Umjesto toga, njima se prilagođava veličina.

Idite dalje otkrivanjem Zašto morate početi optimizirati svoj WordPress blog po slikama

To znači da kada posjetitelj u svoj pretraživač učita stranicu s prevelikom slikom, učita se izvorna veličina slike, a zatim joj se promijeni veličina kako bi odgovarala dimenzijama navedenim u vašoj WordPress temi.

Ovaj dodatni, nagli korak promjene veličine većih slika zahtijeva dodatne zahtjeve i resurse od poslužitelja za učitavanje na stranicu.

Otkrijte i naše 10 WordPress plugin za generiranje prometa na svoj blog

Rezultat je slabija brzina stranice, niži rezultat Hummingbird-a, otuda i preporuka za komprimiranje i promjenu veličine slike.

komprimirati slike - kompresija slike humminbird

bien que WP Smush Pro može automatski razriješiti preporuku za sažimanje slike, to nije slučaj s prijedlogom " komprimirajte i promijenite veličinu". Za potonje morate ručno izvršiti promjenu i postoji nekoliko načina da to učinite:

  • Uredite datoteku funkcija vaše WordPress teme i datoteke predloška
  • Obrežite sliku na veličinu koja se očekuje u multimedijalna biblioteka
  • Prilagodite multimedijske postavke

Ispod ćete pronaći više detalja o tome kako promijeniti veličinu slika ovim metodama.

Spremanje veličina slike vaše WordPress teme

Da biste riješili ovaj problem u svojoj temi, morate osigurati da su slike ispravno spremljene. Za više informacija o tome kako to učiniti pročitajte našu Vodič za promjenu veličine slike za vašu temu.

Ako radije ne dodirujete nijedan kod, možete obavijestiti autora svoje WordPress teme i zatražiti da izvrši potrebne promjene za vas. Nakon što je zakrpa završena, možete ažurirati svoju WordPress temu da biste dodali promjene na svoju web lokaciju.

Nadogradnja slika u WordPressu

Iako biste mogli pričekati da vaš program za WordPress riješi ovaj problem, u nastavku nudimo druge metode ručnog mijenjanja veličine slika koje možete isprobati.

Sažmi slike u biblioteci medija

Da biste ručno obrezali sliku, idite na " Mediji> Biblioteka I odaberite klikom na sliku koju želite obrezati. Zatim kliknite na dugme Uredi sliku za otvaranje interfejsa za uređivanje.

komprimirati i promijeniti veličinu slika

Obrežite sliku po potrebi koristeći odgovarajuće opcije s desne strane. Imajte na umu da ako smanjite sliku prema širini koja vam je potrebna, visina može biti kraća ili duža od veličine koju je postavila vaša WordPress tema, ovisno o dimenzijama izvorne slike.

Takođe možete koristiti jedan od 6 WordPress dodataka za uređivanje slika koje ćete otkriti pregledavanjem ove veze 

Ako odlučite povećati svoju sliku, ona ostaje u odgovarajućem omjeru s originalnom slikom. S druge strane, ako se odlučite za obrezivanje vaše slike, možda se ne mora raditi o proporcionalnom uređivanju na osnovu dimenzija koje ste odabrali.

Možete ili promijeniti veličinu slike tako da upišete željenu širinu i visinu, a zatim kliknete " resize Ili ako želite da obrežete sliku, to možete učiniti klikom i povlačenjem miša preko slike i odabirom željenog područja. Zatim otpustite klik miša da biste otkrili svoj odabir.

komprimirati i promijeniti veličinu slika

Nakon što učinite, ne zaboravite da kliknete na " rekord". Postavke možete primijeniti i na bilo koju veličinu.

Primijenite veličinu na slike

Ova opcija za promjenu veličine slika dostupna je i iz biblioteke medija.

Modifikacija slike u biblioteci medija

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Bpchat

Bpchat je a WordPress ekstenzija sa BuddyPress-a koji postavlja sistem za ćaskanje na vašem WordPress blogu ili web stranici.

Wordpress buddypress korisnici dodatak za chat

Jednom kada se ovaj dodatak instalira na bilo koji blog, forum, zajednicu, direktorij, web lokaciju e-trgovine ili društvenu web stranicu BuddyPress, svi povezani korisnici mogu automatski razgovarati odmah.

Ce WordPress dodatak takođe implementira jednostavan način za ćaskanje na mreži, što je pomalo slično onome što Facebook nudi.

download | Demo | web hosting

2. Kliknite na WhatsApp Chat

Le WordPress dodatak Click to WhatsApp Chat olakšava korisnicima WordPress-a da se povežu s vlasnikom web stranice ili korisničkom podrškom koristeći njihov WhatsApp račun.  Kliknite na WhatsApp chat za WordPress

Samo klik na WhatsApp račun i bit će usmjeren direktno na mobilni WhatsApp račun sa zadanom porukom. A ako se klijent nalazi na radnoj površini ili laptopu, bit će preusmjeren na WhatsApp Web.

Otkrijte i naše 10 WordPress plugins za sakrivanje premium sadržaja na vašem blogu

Ovaj dodatak zahtijeva WhatsApp broj i vrijeme i dan, o kojima će vlasnik web stranice ili tim za podršku razgovarati. Gumb za chat možete dodati na stranicu s detaljima proizvoda WooCommerce, što je direktno povezano sa ovim proizvodom.

download | Demo | web hosting

3. WooCommerce dodatne opcije proizvoda

WooCommerce Extra Product Options je a WordPress ekstenzija što će vam omogućiti da kreirate dodatne opcije na proizvodima, zahvaljujući podršci uslovne logike. Također ćete imati mogućnost kreiranja obrazaca, pretvaranja padajućih menija atributa u radio dugmad i još mnogo toga.

Woocommerce dodatne opcije proizvoda

Među njegovim karakteristikama naći ćemo između ostalih: strpodrška za više tipova polja, ccijene prema odabranim poljima, vizualni konstruktor polja obrazaca, podrška kratkodlaka, mogućnostaktivirati svoje mogućnosti za određene uloge,spoj između povećanja fiksnih ili procentualnih cijena, tjuvoz / izvoz u drugim oblicima, strmogućnost sakrivanja ili prikazivanja cijena, podršku zauslovna logika na poljima i sekcijama u konstruktoru obrascanespojivost sa nekoliko dodataka i ekstenzija za e-trgovinu, a ddetaljnu dokumentaciju i više ...

download | Demo | web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.

zaključak

To je to! To je sve za ovaj tutorial, nadam se da ćete moći urediti, promijeniti veličinu i komprimirati svoje slike. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.

...