Optimoi Elementor-kuvat, jotta sivu lataa nopeammin

Käännös: 
Latautuuko etusivusi kuva niin hitaasti, että aika pysähtyy? Ja saako hidas mediakirjasto sinut epäilemään olemassaoloa?

Voi hyvinkin olla, että käyttämäsi kuva on liian suuri Internettiin. 

Korjataan asian saman tien avaamalla uusi välilehti, ja kirjoitetaan hakuun photopea.com.

Saat parhaat tulokset, jos sinulla on alkuperäinen kuva jossain koneellasi, joten etsi oikea kansio ja raahaa kuva pudotuslaatikkoon. 

Kuvien optimointi Photopeassa

Nyt, valitse Image, Image Size, ja kirjoita 1920 ja klikkaa laatikossa, jotta korkeus muuttuu automaattisesti. 

Miksi 1920? Koska se on yleisin ruudun resoluution kaikkialla.

Seuraavaksi voidaan zoomata, valitse File, Export, Export As, WEBP. 

70% laadulla tiedoston koko on 347 kilobittiä, joka tekee siitä 60% pienemmän kuin WordPressin skaalattu kuva.

WEBP on parempi pakkauksessa kuin JPG, ja kuten näet, tiedoston koko on suurempi. 

Joten pidetään se WEBP, ja valitse SAVE.

 

Kuvien optimointi Elementorissa

photopea export as webpOllaan takaisin Elementorissa, poista alkuperäinen, ja täppää plussasta avataksesi mediakirjasto, ja Upload Files,  ja Select Files. Etsi kuva latauskansiostasi ja odota kunnes se latautuu. Hieman nopeammin tällä kertaa.

Anna kuvalla ALT title ja klikkaa Select. Nyt meillä on sama kuva juuri muuttumattomana laadultaan, joka latautuu puolta nopeammin. 

WordPress ei tallentanut ALT-tekstiä, joten kirjoitetaan se uudestaan, klikataan taustaa ja odotetaan että nähdään Saved-teksti yläpuolella.

 

Updatesta tallennetaan muutokset.

Jotta nähdään miten nopeasti uusi kuva latautuu, mennään ylämenuun, klikkaa hiiren oikealla View Page painikkeen päällä kopioidaksesi URL, paina sitten CTRL + SHIFT + N näppäimistölläsi avataksesi yksityisen välilehden ja liitä URL. 

Nyt kuva latautuu NIIN PALJON nopeammin, joka tekee kaikista iloisia!

Build your own website!

Website course €49,00

Get the newsletter to join the AI revolution in Marketing and Design:

80% OFF

with promo code

				
					WEBCOURSE80
				
			

Copy the code now and use it on the checkout to get your web builder course only for €9 instead of €49. 

AI-Powered
Web Design
Free Toolkit

⚡ Join SCRIIV newsletter to get 6 best tools to leverage your output.