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 što se tiče poboljšanja izvedbe web stranice WordPress. 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 već dugo pratite, vjerojatno ste čuli za Hummingbird dodatak od WPMUDEV.

Ovo je dodatak pomoću kojeg možete smanjiti veličinu slike od 75%, što je značajno.

Dakle, u ovom tutorialu ću objasniti kako ručno promijeniti 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 svoj blog 

Onda se vratimo zašto smo ovdje.

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

Ovo je prijedlog koji nudi Hummingbird. 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 pogreš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 preglednik 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 čep za generiranje prometa na svoj blog

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

komprimirati slike - humminbird kompresija slike

Iako 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 se to učini:

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

Ispod ćete pronaći više pojedinosti 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 biti sigurni 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 uvede potrebne promjene umjesto vas. Nakon što je zakrpa završena, možete ažurirati svoju WordPress temu da biste dodali promjene na svoje web mjesto.

Nadogradnja slika u WordPressu

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

Sažmi slike u biblioteci medija

Da biste ručno obrezali sliku, idite na " Mediji> Knjižnica »I odaberite klikom na sliku koju želite obrezati. Zatim kliknite na gumb Uredi sliku za otvaranje sučelja za uređivanje.

komprimirati i mijenjati veličinu slika

Obrežite sliku prema 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đer možete koristiti jedan od 6 WordPress dodataka za uređivanje slika koje ćete otkriti konzultirajući ovu poveznicu 

Ako odlučite povećati sliku, ona ostaje u odgovarajućem omjeru s izvornom slikom. S druge strane, ako odlučite obrezati svoju sliku, ne mora se nužno raditi na proporcionalnom uređivanju na temelju odabranih dimenzija.

Možete promijeniti veličinu slike tako da upišete željenu širinu i visinu, a zatim kliknete " veličinu Ili ako više želite obrezati 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 mijenjati veličinu slika

Nakon što učinite, ne zaboravite kliknuti " Prijaviti”. Možete primijeniti i postavke bilo koje veličine.

Primijeni 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 dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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

1. Bpchat

Bpchat je a WordPress proširenje iz BuddyPressa koji postavlja sustav za chat na vašem WordPress blogu ili web stranici.

Wordpress buddypress korisnici chat dodatak

Jednom kada je ovaj dodatak instaliran na bilo kojem blogu, forumu, zajednici, direktoriju, web mjestu e-trgovine ili web mjestu društvenih mreža BuddyPress, svi povezani korisnici mogu automatski razgovarati odmah.

Ce WordPress plugin također implementira jednostavan način za online chat, donekle sličan onome što nudi Facebook.

Preuzmite | demo | Web hosting

2. Kliknite na WhatsApp Chat

Le WordPress plugin Click to WhatsApp Chat korisnicima WordPressa olakšava povezivanje s vlasnikom web stranice ili korisničkom podrškom koristeći njihov WhatsApp račun.  Kliknite WhatsApp chat za WordPress

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

Otkrijte i naše 10 WordPress dodataka za skrivanje premija 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 pojedinostima o proizvodu WooCommerce, što je izravno povezano s ovim proizvodom.

Preuzmite | demo | Web hosting

3. Opcije dodatne opreme WooCommerce

WooCommerce Extra Product Options je a WordPress proširenje koji će vam omogućiti stvaranje dodatnih opcija na proizvodima, zahvaljujući podršci uvjetne logike. Također ćete imati mogućnost stvaranja obrazaca, pretvaranja padajućih izbornika atributa u radio gumbe i više.

Woocommerce dodatne mogućnosti proizvoda

Među njezinim značajkama naći ćemo između ostalih: strpodrška za više tipova polja, ccijene prema odabranim poljima, vizualni konstruktor polja obrazaca, podrška kratkim kodovima, mogućnostaktivirati svoje mogućnosti za određene uloge,spoj između povećanja fiksnih ili postotnih cijena, tjuvoz / izvoz u drugim oblicima, strmogućnost sakrivanja ili prikaza cijena, podrška zauvjetna logika na poljima i odjeljcima u konstruktoru obrascanespojivost sa nekoliko dodataka i proširenja za e-trgovinu, a ddetaljnu dokumentaciju i više ...

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

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đer ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

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

...