ūüĎČ Nopeuttaa WordPressia - Kuvien tallentaminen Webiss√§ optimoiduksi

Viimeinen opas tehokas vierailijamarkkinointistrategiaan vuonna 2018

Säästätkö kuvia väärin? Useimmat aloittelijat eivät tiedä miten tallentaa kuvia oikein, mikä voi vaikuttaa valtavasti sivuston nopeuteen. Tässä artikkelissa näytämme, kuinka oikein tallennat verkossa optimoidut kuvat.

Jokainen bloggaajien asiantuntija kertoo, että kuvat auttavat lisäämään sitoutumista. Kuitenkin mitä he eivät kerro teille, että ei optimoida kuvia web voi hidastaa sivustosi. Strangeloopin mukaan yhden sekunnin viive voi maksaa 7% myynnistä, 11% vähemmän sivujen näyttökertoja ja 16% laskua asiakastyytyväisyydestä.

Videon opetusohjelma

Tilaa WPBeginner

Jos et pidä videota tai tarvitset lisätietoja, jatka lukemista.

Kuvien tallentaminen oikein?

Kun tallennat kuvia, sinun on otettava huomioon kaksi asiaa: kuvatiedostomuoto, ja puristus. Valitsemalla oikean yhdistelmän, voit pienentää kuvakokoa 5x.

Useimmille meistä vain kaksi kuvaa, jotka ovat tärkeitä, ovat JPEG ja PNG. Jos haluat pitää asiat yksinkertaisena, käytä JPEG-kuvia valokuvissa tai kuville, joissa on paljon värejä, ja käytä PNG-kuvia yksinkertaisempien kuvien tai läpinäkyvien kuvien kannalta.

Niille, jotka eivät tiedä eroa, PNG-kuvamoodi on pakkaamaton, mikä tarkoittaa sitä, että se on laadukkaampi kuva. Haittapuoli on, että tiedostokoko on paljon suurempi. Toisaalta JPEG on pakattu tiedostomuoto, joka heikentää hieman kuvan laatua, jotta saadaan huomattavasti pienempi tiedostokoko.

WPBeginnerissa suurin osa kuvista on JPEG-tiedostoja.

Seuraava asia on pakkaus, joka tarkoittaa työkalun käyttämistä web-optimoidun kuvan tallentamiseksi. Pakkaus voi tehdä suuren eron.

Katso alla oleva taulukko, jossa korostetaan muutamia yhdistelmiä, joita voisimme käyttää tässä artikkelissa käytettyyn Strangeloop-kuvaan.

Kuvan muotoKuvan koko
Photoshop Optimized JPEG High33 kt
TinyPNG optimoitu57 kt
JPEG Mini optimoitu70 kt
Photoshop Optimized JPEG Max93 kt
Ei-optimoidut JPEG-maks119 kt
Photoshop Optimized PNG135 kt
Ei-optimoitu PNG145 kt

Kuvanpakkaustyökalut bloggaajille

Nyt kun olet nähnyt eron jokaisesta pakkaustyypistä, alla on se, miten voit tallentaa kuvat optimoiduksi verkkoon ja nopeuttaa sivustosi.

Adobe Photoshop

Adobe Photoshop on huippuluokan ohjelmisto, joka sisältää ominaisuuden tallentaa web-optimoidut kuvat. Avaa vain kuva ja napsauta Tiedosto> Tallenna web ja laitteet -painiketta.

Tämä avaa tallennusnäytön. Oikealla voit asettaa eri kuvamuotoja. JPEG-muodossa näkyy erilaisia ‚Äč‚Äčlaatuvaihtoehtoja. Kun valitset vaihtoehdot, se näyttää myös tiedoston koon oikeassa alakulmassa.

Huomaa: Ymmärrämme, että Photoshop on melko kallis. GIMP on ilmainen vaihtoehto, jota käyttäjät voivat käyttää. Muut Adobe-tuotteet, kuten Fireworks, voivat tehdä työtä yhtä hyvin kuin wel.

TinyPNG

TinyPNG on ilmainen web-sovellus, joka käyttää älykäs häviöllistä pakkaustekniikkaa PNG-tiedostojen koon pienentämiseksi. Sinun tarvitsee vain mennä heidän verkkosivuilleen ja lähettää kuvia. He pakottavat kuvan ja antavat sinulle latauslinkin.

Kehittäjille heillä on myös API, joka muuntaa kuvat automaattisesti.

JPEG Mini

JPEGmini käyttää kompressointitekniikkaa, joka vähentää merkittävästi kuvien kokoa vaikuttamatta niiden havaintokykyyn. Voit käyttää Web-versiota ilmaiseksi tai ostaa ohjelman tietokoneellesi. Heillä on myös maksullinen API, jolla automatisoidaan palvelimen prosessi.

ImageOptim

ImageOptim on Mac-apuohjelma, jonka avulla voit pakata kuvia menettämättä minkäänlaista laatua löytämään parhaat pakkausparametrit ja poistaa tarpeettomat väriprofiilit.

Windowsin vaihtoehto tähän on Trimage.

Kuten näette, on olemassa useita työkaluja, joiden avulla voit optimoida kuvia verkossa. Kun käytit Photoshopin pakkausta, saimme parhaan tuloksen koolta, mutta laatu heikkeni. TinyPNG oli selkeä voittaja kaikenlaisten PNG: n tallentamiseen verkossa.

Jotkut ehdottavat, että voit käyttää TinyPNG: n tai JPEG Mini- ja Image Optimin yhdistelmää vielä parempien tulosten kanssa. Kuitenkin kaksi erillistä työkalua kuvien lähettämiseen voivat lisätä työmäärääsi hieman.

Lopulliset ajatukset kuvan optimoinnista

Jos et tallenna kuvia, jotka on optimoitu verkkoon, aloita nyt. Se voi vaikuttaa valtavasti sivustosi nopeuteen, ja käyttäjät kiittävät sitä. Varmista, että kuvan laatu saattaa laskea hieman, mutta useimmat käyttäjät eivät huomaa sitä.

Jos etsit laadukkaita kuvia, katso oppaamme siitä, miten löydät blogikirjoitustasi vapaasti ilmaisia ‚Äč‚Äčkuvia.

Viimeisenä mutta ei vähäisimpänä, CDN: n avulla voit palvella WordPress-sivustosi kuvia voi merkittävästi nopeuttaa sivustosi. Katso tätä infographia nähdäksesi, mikä on CDN ja käytä oppaamme CDN: n asettamisesta sivustollesi. Käytämme MaxCDN-sivustoamme.

Toivottavasti löydät tämän artikkelin hyödylliseksi.

Onko sinulla bloggaajia, jotka tallentavat kuvia väärin? Jaa tämä artikkeli heidän kanssaan, jotta he voivat nopeuttaa sivustoaan. He kiittävät sinua siitä.

Jos sinulla on kysyttävää, jätä kommentti alla. Älä myöskään unohda seurata meitä Twitterissä ja Google+: ssa

Like this post? Please share to your friends:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: