WP-palvelun Blogi

Kirjoituksia suomalaisilta WordPress-asiantuntijoilta.

Kuvien automaattinen optimointi uudistunut

WP-palvelun komentorivin syövereistä jokunen asiakas on jo vuosia sitten voinut löytää komennon wp-optimize-images, mutta sen toiminta ei ole ollut täydellistä, joten emme ole mainostaneet sitä. Nyt toiminto on kuitenkin uudistettu ja uusi versio on helppo käyttää ja varmatoiminen.

Uudistuneen komentorivityökalun lisäksi kuvien automaattisen optimoinnin voi käynnistää myös graafisesti WP-adminin kautta, joten käyttö ei vaadi SSH-etäyhteyden osaamista.

Kaikilla asiakkailla, joilla on käytössä Seravo pluginin uusin kehitysversio, on mahdollisuus Työkalut-valikon alta kytkeä automaattinen kuvien optimointi päälle. Optimointi tekee kaksi asiaa:

  • Pakkaa ja optimoi sivuston jpg ja png -tiedostot. Visuaalisesti kuvatiedostot eivät muutu, mutta tiedostokoko voi pienentyä 10–50%. Vastaava tekevät mm. TinyPNG ja Compressor.io, joten Seravon toimintoa käyttävien ei tarvitse enää käyttää erillisiä kuvaoptimointipalveluja.
  • Pienentää ylisuurten kuvien resoluutiota. Normaalilla verkkosivustolla ei ole mieltä julkaista suoraan digikamerasta otettua täysresoluution kuvaa, koska se kuluttaa turhaan levytilaa palvelimella ja sivun latautumista vierailijoille, jos sivun näkemiseksi pitää odottaa esim. 20 MB kokoisen kuvan latautumista.

Kuvaoptimointi ei ole automaattisesti kaikilla asiakkailla käytössä, vaan asiakkaan pitää itse aktivoida se. Samalla voi itse asettaa rajan, joka oletuksena on 4000×4000 pikseliä. Jos kuva on ylisuuri, pienennetään sitä siten, että sen pidempi reuna on enintään suurin sallittu koko. Esimerkiksi 8000×6000 pikselin kuva pienennetään kokoon 4000×3000 pikseliä.

Kuvien automaattisen optimoinnin käyttöönotto

Jos yllä oleva valikko ei näy sivustollasi, asenna Seravo-lisäosan uusin kehitysversio ajamalla komentorivillä wp-seravo-plugin-update --dev. HUOM! Kehitysversiossa saattaa olla vikoja. Otamme mielellämme vastaan vikailmotuksia Seravo-lisäosan Github-sivustolle.

Pienemmät kuvatiedostot, nopeammin latautuvat verkkosivut

Mitä pienempi tiedostokoko kuvalla on, sitä nopeammalta sivun latautuminen näyttää vierailijalle. Erityisesti mobiililaitteilla verkkoyhteydet voivat olla hitaita, ja ison kuvatiedoston latautuminen kestää kauan. Automaattisella kuvien pakkaamisella ja pienentämisellä Seravo palvelee asiakkaitaan poistamalla yhden murheen, jotta asiakkaille WordPressin käyttö on entistä huolettomampaa.

Asiakkaan vastuulle jää toki edelleen suunnitella sivustonsa siten, että kuvatiedostoja ei ole tarpeettoman paljon. Asiansa osaava digitoimisto osaa suunnitella sivuston, joka on graafisesti näyttävä, mutta ei sisällä tarpeettoman paljon kuvia, ja kuvat on valittu siten, että niiden sisältö pakkautuu tehokkaasti ja tuottaa pienen tiedostokoon.

Lisätietoja WordPress-asiantuntijoille

Pakkausta ei tehdä reaaliajassa, vaan silloin kun Seravon palvelimilla on vapaata prosessorikapasiteettiä, eli yleensä öisin. Kuvien pakkauslaskenta ei hidasta sivustojen toimintaa. Aina kun optimointi tapahtuu, tallentuu se lokiin /data/log/wp-optimize-images.log.

Kuvaoptimoinnin voi myös käynnistää itse komentoriviltä:

$ wp-optimize-images 
No path given as argument. Using default path.
Scanning for image files in /data/wordpress/htdocs/wp-content/uploads/
Found 4690 images in total and 0 new images.

Optimized 0 images!

Vakioasetuksilla optimointi tehdään vain WordPressin mediatiedostoille (uploads-kansiossa oleville kuville). Jos haluaa tehdä optimoinnin myös muissa kansioissa oleville kuvilla, voi komentorivillä antaa kohdekansion parametrinä, jolloin kaikki kohdekansiossa ja sen alakansioissa olevat kuvat optimoidaan.

$ wp-optimize-images kuvat/
Scanning for image files in kuvat/
Found 1 images in total and 1 new images.

---> Optimizing kuvat/pupunkorvat.jpg ...
kuvat/pupunkorvat.jpg 374x604 24bit P Exif JFIF [OK] 57644 --> 57644 bytes (0.00%), skipped.
Optimized 1 images!

Seravon asiakkaana olet mukana tukemassa avoimen lähdekoodin kehitystä

Pakkaus tehdään avoimen lähdekoodin ohjelmistoilla jpegoptim (suomalaisen Timo Kokkosen kehittämä) ja optipng, jotka Seravon tekemien mittausten mukaan ovat omassa luokassaan parhaita.

Kuvien pienennys tehdään GraphicsMagick-ohjelmistolla, joka on ImageMagick-ohjelmiston paranneltu versio. Alun perin GraphicMagickissa kuvien pienennys ei ollut tehtävissä juuri siten kuin me Seravossa halusimme, joten koodasimme GraphicMagickiin paikkauksen (eng. patch), jonka hyväksyttiin projektiin ja on sittemmin saatavissa kaikissa GraphicsMagickin versioissa kaikille. Tämä on vain yksi esimerkki siitä, miten Seravo osallistuu avoimen lähdekoodin kehitykseen. Seravon asiakkaana voi olla varma, että omalta osalta tukee avoimen lähdekoodin kehittymistä.


Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *