Optimizacija slik za vašo WordPress spletno stran

Optimizacija slik za vašo WordPress spletno stran

3 min branja

Slike so močno orodje za pridobivanje pozornosti obiskovalcev spletnih stani, z njimi popestrimo daljše članke, pomagajo pa tudi pri širjenju vsebino po spletu. A žal, slike tudi močno povečujejo velikosti spletnih strani. 

Vsaka slika, ki jo naložimo na stran, mora biti prenešena s strežnika na napravo (PC, tablica, mobilec) obiskovalca spletne strani. Več in večje slike podaljšujejo čas nalaganja strani, kar odbija obiskovalce in slabo vpliva na uvrstitev v iskalnikih. 

Formati slik

Seveda obstaja veliko različnih formatov slik,  na spletu pa se najpogosteje pojavljajo v formatu JPEG in PNG. JPEG je boljši za fotografije, ker te vsebujejo veliko barv. Kompresija formata precej zmanjša velikost datoteke. PNG pa se najpogosteje uporablja za oblikovne slike, kot so logotipi, ikone in gumbi. Kompresija je brez izgube kvalitete, zato je kvaliteta boljša, a so datoteke posledično večje. Pojavlja se še GIF format, ki je primeren za slike slabše kvalitete in z malo barvami. 

Optimizacija slik pred nalaganjem v WordPress

WordPress uporablja zelo koristno tehnologijo predoglednih sličic / thumbnail, pri kateri se samodejno ustvarijo predogledne velikosti slik treh velikosti ob samem nalaganju. Te vrednosti se lahko nastavijo na nadzorni plošči pod Nastavitve / mediji. Naprednejše predloge prepišejo privzete vrednosti za optimalen prikaz, lahko pa jih spremenimo tudi sami. 

Pogosto se dogaja, da uporabniki nalagajo slike v širini 2000 pikslov ali več, a niso nikoli prikazane v polni velikosti, še posebno če uporabljamo Lightbox prikaz. WordPress torej res ustvari predlogledne sličice, jih pa pri tem ne stisne. Zato je zelo smiselno slike optimizirati pred nalaganjem na spletno stran.  

Večino programov za urejanje fotografij omogoča optimizacijo slik za uporabo na internetu. V Photoshop-u npr., je ta možnost imenovana “Save for Web and Devices”

save-for-web-devices

riot_preureditev_slik_za_splet_2

RIOT – Radical Image Optimization Tool 

Obstaja pa tudi nekaj enostavnih a zelo koristnih programov za optimizacijo fotografij za objavo na spletu, eden od njih je RIOT.

Zelo učinkovit program je na voljo povsem brezplačno, uporaba izjemno enostavna, učinkovitost je vidna takoj. Spletna stran programa: RIOT 

riot  RIOT   Radical Image Optimization Tool_1

 Optimizacija na spletno stran že naloženih slik

 WordPress spremljajo tudi številni vtičniki / plugins, ki omogočajo optimizacijo že naloženih slik. 

smush-itVsekakor je bolje slike optimizirati pred nalaganjem, a marsikdo pa jih optimizira že naložene – s tem lahko prihranimo na času. Tako lahko optimiziramo tudi slike, ki smo jih naložili neoptimizirane.

Eden najpopularnejših vtičnikov za WordPress je Yahoo-jev WP Smush.it, ki nam omogoča stiskanje ter izbris meta podatkov JPEG datotek (datum, čas, kamera…), konvertiranje GIF datotek v PNG …

Na voljo je še kar nekaj učinkovitih rešitev, ki jih najdemo med WordPress vtičniki, med drugim EWWW Image OptimizerCW Image Optimizer,Imsanity in Hammy

Zaključek

Optimizacije slik torej nikakor ne bi smeli zanemariti. Z optimizacijo naredimo stran učinkovitejšo, skrajšamo čas nalaganja, zmanjšamo prenos podatkov in naredimo spletno stran prijaznejšo. 

A pri optimizacijo moramo poiskati uravnoteženost, saj premočna optimizacija lahko pretirano vpliva na kvaliteto prikazanih slik. 

V kolikor pa želimo slike prikazati v boljši kvaliteti (fotografi …), pa lahko posežemo po odličnem vtičniku / plugin Lazy Load, ki omogoča prikaz slik šele, ko so te v vidnem polju brskalnika. S tem lahko bistveno zmanjšamo velikost prvotno naložene strani, saj se slike naložijo šele ob premikanju navzdol. 

0 odzivov

Povej mnenje

Bi se pridružili pogovoru?
Feel free to contribute!

Dodaj odgovor

This site uses Akismet to reduce spam. Learn how your comment data is processed.