Koska puolet tiedoista, jotka k\u00e4vij\u00f6iden on ladattava, kun he katsovat sivustoasi, tulevat kuvista, kaikilla t\u00e4\u00e4ll\u00e4 tekem\u00e4ll\u00e4si optimoinnilla voi olla valtava vaikutus sivustosi tehokkuuteen.<\/p>\n
Itse asiassa, jos kuviasi ei ole optimoitu ollenkaan, voit v\u00e4hent\u00e4\u00e4 kuviesi painoa 50\u201380 %<\/strong> t\u00e4m\u00e4n oppaan avulla.<\/p>\n Mit\u00e4 tulee kuvan optimointiin, on olemassa kolme yksinkertaista tekniikkaa.<\/p>\n Ensimm\u00e4inen ja tehokkain tapa optimoida kuvia on pakata ne.<\/p>\n Napsauta t\u00e4t\u00e4 kokeillaksesi ShortPixeli\u00e4 itse<\/a><\/p>\n Kuvan pakkaus on ensisijainen tapa optimoida grafiikkaa. Jos noudatit WP Rocketin optimointiopasta,<\/a> tunnet siell\u00e4 esitellyn minimointikonseptin. Kuvan pakkaus ei ole niin erilainen.<\/p>\n Kun pakkaat kuvaa, algoritmi periaatteessa kirjoittaa uudelleen kuvan koodin pienent\u00e4\u00e4kseen tiedostokokoa. On olemassa kaksi p\u00e4\u00e4tyyppi\u00e4 pakkausta.<\/p>\n H\u00e4vi\u00f6t\u00f6n pakkaus optimoi kuvat s\u00e4ilytt\u00e4en samalla t\u00e4sm\u00e4lleen saman pikseli-pikselin n\u00e4yt\u00f6n. Ei ole mit\u00e4\u00e4n syyt\u00e4 ohittaa h\u00e4vi\u00f6t\u00f6nt\u00e4 pakkausta, koska se pienent\u00e4\u00e4 tiedostokokoa, mutta sill\u00e4 ei kirjaimellisesti ole visuaalista eroa.<\/p>\n Suosittelisin kuitenkin k\u00e4ytt\u00e4m\u00e4\u00e4n h\u00e4vi\u00f6llist\u00e4 pakkausta sen sijaan.<\/p>\n H\u00e4vi\u00f6inen pakkaus tarjoaa paljon paremman optimoinnin, mutta pienen laadun heikkenemisen kustannuksella. Laadun heikkeneminen on kuitenkin niin v\u00e4h\u00e4ist\u00e4, ett\u00e4 se on usein huomaamaton.<\/p>\n H\u00e4vi\u00f6t\u00f6n pakkaus on t\u00e4rke\u00e4\u00e4 l\u00e4\u00e4ketieteellisess\u00e4 kuvantamisessa ja teknisiss\u00e4 piirustuksissa, mutta verkkosivuilla n\u00e4ytetyiss\u00e4 kuvissa h\u00e4vi\u00f6llinen t\u00e4ytt\u00e4\u00e4 helposti laatustandardimme.<\/p>\n Aion suositella ShortPixel-<\/a> laajennusta kuvan optimointiin, jota k\u00e4yt\u00e4n t\u00e4\u00e4ll\u00e4 Compete Themesissa<\/a>. Se sis\u00e4lt\u00e4\u00e4 h\u00e4vi\u00f6llisen ja h\u00e4vi\u00f6tt\u00f6m\u00e4n pakkauksen sek\u00e4 "kiilt\u00e4v\u00e4n" pakkauksen, joka on tavallaan v\u00e4livaihtoehto.<\/p>\n ShortPixel pakkaa kuvat automaattisesti, kun lataat ne sivustollesi, mik\u00e4 voi olla todella k\u00e4tev\u00e4\u00e4. Olen melko k\u00e4rsim\u00e4t\u00f6n editoidessani, joten mieluummin poistan t\u00e4m\u00e4n vaihtoehdon k\u00e4yt\u00f6st\u00e4 ja optimoin kuvat Media-valikosta my\u00f6hemmin.<\/p>\n Automaattinen pakkaus latauksen yhteydess\u00e4 voidaan kytke\u00e4 pois p\u00e4\u00e4lt\u00e4<\/p>\n Voit k\u00e4ytt\u00e4\u00e4 TinyPNG:n<\/a> kaltaista ty\u00f6kalua<\/a> kuvien pakkaamiseen, mutta mielest\u00e4ni on helpompi ladata kuvat sivustolleni kuten aina ja sitten optimoida ne ShortPixelill\u00e4.<\/p>\n T\u00e4ss\u00e4 ShortPixel<\/a> todella loistaa.<\/p>\n Jos k\u00e4yt\u00e4t TinyPNG:n kaltaista ty\u00f6kalua kuviesi optimointiin, optimoit vain sivustollesi lataamasi uudet kuvat. Ent\u00e4 kaikki kuvat, jotka olet jo ladannut? Miten optimoit ne?<\/p>\n ShortPixeliss\u00e4 on mahtava joukkooptimointivaihtoehto, joka k\u00e4y l\u00e4pi kaikki kuvasi kerralla.<\/p>\n Yll\u00e4 oleva kuva on melko itsest\u00e4\u00e4n selv\u00e4, lukuun ottamatta "pienemm\u00e4t pikkukuvat" -osaa. Miksi pienempi\u00e4 pikkukuvia on 4x niin monta ja mit\u00e4 ne edes ovat?<\/p>\n Et ehk\u00e4 tied\u00e4 t\u00e4t\u00e4, mutta aina kun lataat kuvan WordPressiin, se luo automaattisesti kolme lis\u00e4kokoa (jos kuva on tarpeeksi suuri):<\/p>\n Voit tarkastella ja muokata n\u00e4iden kuvakokojen mittoja Asetukset > Media -valikosta.<\/p>\n T\u00e4ss\u00e4 on kysymys\u2026<\/p>\n Oletetaan, ett\u00e4 pakkaat kuvan ja lataat sen sitten sivustollesi. "T\u00e4ysi" versio on t\u00e4ysin optimoitu, mutta kolme lis\u00e4kokoa eiv\u00e4t. Jos lis\u00e4\u00e4t kuvan "keskikokoisen" version viestiin, kuva on pakkaamaton. ShortPixel optimoi lataamasi alkuper\u00e4iset kuvat ja kaikki WordPressin luomat lis\u00e4koot.<\/p>\n Pelk\u00e4st\u00e4\u00e4n pakkaaminen parantaa suorituskyky\u00e4, mutta on olemassa kaksi muuta yksinkertaista tapaa optimoida sivustosi kuvia entisest\u00e4\u00e4n.<\/p>\n Oletetaan, ett\u00e4 lataat sivustollesi kuvan, jonka koko on 5 000 x 2 500 pikseli\u00e4. Lis\u00e4\u00e4t sen sitten viestiin, jossa se n\u00e4kyy 800 x 400 pikseli\u00e4. Huolimatta siit\u00e4, ett\u00e4 kuva on vain 800 pikseli\u00e4 leve\u00e4 vierailijan n\u00e4yt\u00f6ll\u00e4, heid\u00e4n on silti ladattava 5 000 pikselin versio.<\/p>\n Sanomattakin on selv\u00e4\u00e4, ett\u00e4 5 000 pikseli\u00e4 leve\u00e4 kuva on massiivinen, ja sen lataaminen kest\u00e4\u00e4 todenn\u00e4k\u00f6isesti kauemmin kuin kaikkien muiden sivustosi tiedostojen yhteens\u00e4.<\/p>\n On kaksi tapaa v\u00e4ltt\u00e4\u00e4 t\u00e4m\u00e4.<\/p>\n Yleisen\u00e4 nyrkkis\u00e4\u00e4nt\u00f6n\u00e4 on, ett\u00e4 \u00e4l\u00e4 lataa kuvia, jotka ovat suurempia kuin 2 000 pikseli\u00e4. K\u00e4yt\u00e4tp\u00e4 Windowsia tai Macia, sinulla on yksinkertainen kuvank\u00e4sittelyohjelma, jonka avulla voit nopeasti muuttaa liian suurien kuvien kokoa ennen niiden lataamista.<\/p>\n Toinen vinkki on v\u00e4ltt\u00e4\u00e4 "t\u00e4ysi" versio, kun lis\u00e4\u00e4t ylisuuria kuvia viestiin. Valitse sen sijaan suuri koko, joka on oletuksena 1024 kuvapistett\u00e4.<\/p>\n Kuvien kokoa on helppo muuttaa ennen niiden lataamista, mutta ent\u00e4 ne, jotka ovat jo sivustossasi?<\/p>\n ShortPixeliss\u00e4<\/a> on asetus, jonka avulla voit asettaa kuvillesi<\/a> suurimman leveyden ja korkeuden.<\/p>\n Voit m\u00e4\u00e4ritt\u00e4\u00e4 t\u00e4m\u00e4n asetuksen niin, ett\u00e4 kuvia ei koskaan rajata, kun niiden kokoa muutetaan. Kun olet ottanut t\u00e4m\u00e4n asetuksen k\u00e4ytt\u00f6\u00f6n, voit suorittaa joukkooptimointity\u00f6kalun, jolloin ShortPixel muuttaa kohtaamiensa liian suurten kuvien kokoa. Se muuttaa my\u00f6s uusien kuvien kokoa, kun lataat niit\u00e4.<\/p>\n Jos olet k\u00e4ytt\u00e4nyt paljon suuria kuvia, t\u00e4m\u00e4 saattaa olla hy\u00f6dyllisin askel sivustollesi. On vain yksi optimointitekniikka lis\u00e4\u00e4, ja se on viel\u00e4 helpoin.<\/p>\n Kuvatiedostot voivat sis\u00e4lt\u00e4\u00e4 EXIF-tiedoksi kutsuttua lis\u00e4tietoa, joka ei n\u00e4y itse kuvassa. EXIF voi olla melko hy\u00f6dyllinen ja sis\u00e4lt\u00e4\u00e4 tietoja, kuten kameran valmistajan, valokuvan p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4n ja kellonajan sek\u00e4 jopa GPS-koordinaatit.<\/p>\n Sinun ei tarvitse liitt\u00e4\u00e4 n\u00e4it\u00e4 tietoja sivustollesi julkaisemiisi kuviin. Puhumattakaan, on luultavasti parasta tietosuojasyist\u00e4, ett\u00e4 valokuvasi eiv\u00e4t sis\u00e4ll\u00e4 GPS-koordinaatteja!<\/p>\n J\u00e4lleen kerran, ShortPixel<\/a> hoitaa t\u00e4m\u00e4n helposti puolestamme. Oletusarvoisesti k\u00e4yt\u00f6ss\u00e4 on asetus, joka poistaa EXIF-tiedot kaikista kuvista optimointiprosessin aikana.<\/p>\n Keskim\u00e4\u00e4rin t\u00e4m\u00e4 johtaa 8,5 %:n lis\u00e4v\u00e4hennykseen tiedostokokoa.<\/p>\n Jos et ole optimoinut kuviasi ollenkaan, t\u00e4st\u00e4 tulee mahtava p\u00e4iv\u00e4 sivustollesi!<\/p>\n Kaikki puhuvat is\u00e4nn\u00f6innist\u00e4 ja tiedostojen optimoinnista, mutta jostain syyst\u00e4 kuvien optimointi j\u00e4\u00e4 usein huomiotta. Se on hullua, koska on valtavia voittoja.<\/p>\n K\u00e4yt\u00e4n ShortPixeli\u00e4 hoitamaan kaikki t\u00e4ss\u00e4 oppaassa kuvatut kuvan optimointik\u00e4yt\u00e4nn\u00f6t ja suosittelen sit\u00e4 kaikille muille, jotka v\u00e4litt\u00e4v\u00e4t WordPress-sivustonsa toiminnasta.<\/p>\n Napsauta t\u00e4t\u00e4 kokeillaksesi ShortPixeli\u00e4 nyt<\/a><\/p>\n Nyt kun olet matkalla superoptimoituun mediakirjastoon, sinun kannattaa harkita WP Enginen kaltaista premium-is\u00e4nt\u00e4\u00e4,<\/a> joka lataa kuvat entist\u00e4 nopeammin. Ja sinun tulee katsoa WP Rocket -oppaasta<\/a> erityisesti osa laiskasta lataamisesta<\/a> lis\u00e4kuvan optimointia varten.<\/p>\nKolme tapaa optimoida kuvia<\/h2>\n
1 Pakkaa kuvat<\/h3>\n
H\u00e4vi\u00f6t\u00f6n pakkaus<\/h4>\n
H\u00e4vi\u00f6llinen pakkaus<\/h4>\n
Kuinka pakata kuviasi<\/h4>\n
![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3240ca972.png\")
<\/a><\/p>\n![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32428aed6.png\")
<\/a><\/p>\nEnt\u00e4 kuvat, jotka olet jo ladannut?<\/h4>\n
![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32446974a.png\")
<\/a><\/p>\nOptimoi kaikki kuvakoot<\/h4>\n
\n
![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32466e04b.png\")
<\/a><\/p>\n2 Muuta kuvien kokoa<\/h3>\n
Lataa pienempi\u00e4 kuvia<\/h4>\n
![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3248c6bb4.png\")
<\/a><\/p>\nMuuta mediakirjastossasi olevien kuvien kokoa<\/h4>\n
![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324ac8d3b.png\")
<\/a><\/p>\n3 Poista EXIF-tiedot<\/h3>\n
![\"Kuvien](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324cc2416.png\")
<\/a><\/p>\nPienemm\u00e4t kuvat = nopeammat sivustot<\/h2>\n