Kako pripravite slike za splet?

Kako lahko kar sami pripravite slike za spletno stran?

V sodobnem času je postala izdelava spletnih strani poenostavljena. Marsikateri del izdelave spletnih strani je tako poenostavljen in avtomatiziran, da pravzaprav uničuje kreativnost. Pogosto ljudje enostavno vzamejo nek template in to je to. Kaj pa graditev prepoznavnosti (in branding)?

Kadarkoli se kdo loti oblikovanja, osveževanja ali posodabljanja spletnih strani, dodaja nove podstrani in objave, so pred njim stara vprašanja: kaj pa slike?

  1. Kakšne slike uporabiti?
  2. Kje lahko dobite slike?
  3. Kako pripraviti slike za na splet?
  4. Dodatna kompresija slik …

1. Kakšne slike uporabiti?

Takšne slike, ki so povezane z vašo vsebino, objavljeno konkretno na tej podstrani (itak). Slike, ki ste jih pobrali z interneta lahko sicer dobro zgledajo, marsikdo pa bi lahko dvomil v vaše reference, če nimate kaj drugega za pokazati. Včasih je kakšna takša slika lahko čisto super za popestritev oblikovanja spletne strani. To pa je tudi vse.

Prodajate svoje izdelke. Te prikažite!

Še bolje, kot slika izdelka, je slika, ki prikazuje prednosti oz. kaj bo kupec pridobil s tem, ko uporablja vaš izdelek. To je manj pogosto, vendar precej bolje. Temu rečemo, da je bila priprava slike marketinško podprta.

Kako pripravimo slike za splet?
Če je le mogoče: na slikah prikažimo SVOJE izdelke.

2. Kje lahko dobite slike?

To naj bodo vaši izdelki, referenčni projekti, potrdila, certifikati, logotipi, itd. Sicer je na intenetu kar nekaj virov, ki omogočajo brezplačno uporabo slik – v search preprosto vtipkajte:
“free pictures” ali
“royalty free pictures” ali
ime nečesa v angleščini in pojdite na zavihek Slike (Images).
Kot rečeno, raje bodite zmerni pri uporabi takšnih slik. Tu in tam kakšna. Če jih je preveč izgubite verodostojnost.

Nekaj idej:
https://www.pexels.com/
https://unsplash.com/
https://pixabay.com/
https://www.freeimages.com/

Kadar želite uporabiti sliko, ki ste jo našli na internetu, je ta že z objavo avtorsko zaščitena. Nikar je ne uporabite brez soglasja lastnika. Google ima med orodji iskanja tudi slike, ki so označene za ponovno uporabo itd. Z malo brskanja lahko najdete slike, ki so v prosti uporabi. Saj ni dosti verjetno, da vas bo kontaktiral g. Huan iz ‘Zulukafrije’ in zahteval odstranitev njegove slike ali celo odškodnino za njeno uporabo (ne poznam nobenega primera), gotovo pa želite mirno spati, imeti čisto vest in raje uporabite original, ki je zrasel na vašem zeljniku. Konec koncev prodajate vaše izdelke in storitve, ne pa pač, kar nekaj.

Kako pripravimo slike za splet?
Nekatere slike so v prosti uporabi (to lahko preverite), vendar vseeno to še ne pomeni, da jih smete uporabljati.

Pozor!
Slike z interneta so lahko že bile optimizirane (ali komprimirane) in je njihova kvaliteta lahko celo nižja (ali prenizka) za objavo na vaši spletni strani. Enostavno se jim raje izognite. Če zastopate neko podjetje, je taka slika lahko že polno optimizirana za splet. To lahko preverite z enim izmed orodij spodaj.

3. Kako pripraviti slike za na splet?

Najprej: Ohranite original (naredite si kopijo). Sliko, ki bo uporabljena na spletu pomanjšajte na dejansko velikost, kot bo na spletni strani. Če ste slikali sami, vaš fotoaparat (ali telefon), naredi zelo lepo in natančno sliko. V vsakem primerju je veliko prevelika in ima veliko preveč detajlov za na spletno stran. Verjetno je velika nekaj Mb (megabite). Potrebujete le nekaj Kb ali nekaj 10 Kb (kilobite). Po domače prebližno 50-100x manj.
Ločljivost: 72 dpi (ali ‘enkranska’ ločljivost). Še enkrat: ne objavljajte slik brez, da bi jih pomanjšali na pravo velikost. Vaš CMS tega navadno ne zna dobro narediti (čeprav mogoče reklamira, da zna). Kako velika slika bo na ekranu (ki ima ločljivost recimo Full HD ali 1920 x 1080)? Koliko px (pixel) bo velika? Obrežite, pomanjšajte, izpostavite pomembno, itd.  Za prikaz na telefonu, bo itak še pomanjšana (to bo avtomatsko).
Barvna globina: Normalno color, 8 bit. V nekaterih primerih je lahko celo Indexed Color ali Gray Scale. Kadar gre za barvne prelive, je dobro ohraniti večjo barvno globino, čeprav je uporaba le za na internet. Nastavitev Indexed Color (samo 256 barv) je včasih lahko primerna za logotipe. Sodobni internet je dovolj hiter in take, dobro komprimirane fotografije ali logotipi so čisto v redu, zato lahko na Indexed Color kar pozabite. Včasih Gray Scale pride prav.
JPG ali PNG: JPG komprimira bolje, PNG pa omogoča delno prosojnost.

Če boste uporabljali PhotoShop, sliko izvozite File | Save for Web (Ctrl-Alt-Shift-S) in izberete tip | Preset (JPG, PNG, GIF – če gre za animacijo). Stopnjo komprimiranja, bravne nastavitve, velikost, kar pač tip datoteke omogoča.
Tako pripravljena slika je že precej prilagojena spletu, ni pa še povsem. Lahko jo še dodatno komprimirate – to vam priporočamo.

 

Kako pripravimo slike za splet?
Kako pripravimo slike za splet?
Primer nastavitev slike v photoShop-u. Le-ta bo prosojna (Tip PNG).

4. Dodatna kompresija slik

Slike preimenujte – ime naj pove, kaj slika je, recimo (izmišljeno ime):
Slika-67.jpg preimenujte v Oljni-radiator-Gorenje-XR-2000.jpg
Že v imenu uporabimo ključne besede (ali keywords).
Bolj verjetno namreč je, da bo Google to sliko prikazal, ko bo nekdo iskal: oljni radiator gorenje in lahko obišče vašo sletni stran …

Slike nato dodatno komprimirajte z kakšnim izmed online orodij (teh je malo morje). Nekaj za pokušino:

  1. http://TinyPNG.com
  2. http://iloveIMG.com
  3. http://compressJPG.com
  4. http://compressor.io
  5. http://shortpixel.com

 

Brezplačno (online) optimirajte slike za splet z orodjem: TinyPNG.com

Zelo priljubljen kompresor slik. Panda, itak … 😉

Kako pripravimo slike za splet?
TinyPNG je zelo priljubljen kompresor (stiskalnik) slik.

Brezplačno (online) optimirajte slike za splet z orodjem: iloveIMG.com

iLoveIMG nudi tudi druga orodja, če recimo nimate PhotoShopa-a lahko spremenite velikost (RESIZE IMAGE), obrežete slike (CROP IMAGE), jih pretvorite v JPG (CONVERT TO JPG), obdelate (PHOTO EDITOR), itd…

Kako pripravimo slike za splet?
iLoveIMG nudi veopcij, še posebej so primerne za vse, ki nimajo programov za editiranje slik (a la photoShop, Gimp ipd.).

Brezplačno (online) optimirajte slike za splet z orodjem: compressJPG.com

Kako pripravimo slike za splet?
CompressJPG nudi tudi pretvorbo v druge formate, če to potrebujemo.

Brezplačno (online) optimirajte slike za splet z orodjem: compressor.io

Vsebuje vertikalni drsnik in primerjavo “PREJ – POTEM” (ORIGINAL – COMPRESSOR). Odlično!

Kako pripravimo slike za splet?
Odlično je, če lahko vidimo, kakšno spremembo v kvaliteti slike bo naredil program. Včasih potrebujemo detajle.

Brezplačno (online) optimirajte slike za splet z orodjem: shortpixel.com

Vsebuje vertikalni drsnik in primerjavo “PREJ – POTEM” (ORIGINAL – SHORTPIXEL). Odlično! poleg tega vsebuje plugin za WordPress! Slike lahko komprimirate kar v vašem CMS orodju. D’best!!!

Kako pripravimo slike za splet?
Po našem mnenju eden najboljši (če ne najboljši) je shortpixel.

Zaključek

Obstaja še malo mrje online kompresorjev. Katerega koli ste vajeni ali ga uporabljate – samo, da ga uporabljate!

In šele nato (ko je vse to gotovo), slike naložite na vapšo spletno stran.
Zamenjajte vse obstoječe slike s spletne strani, ki niso bile optimizirane in komprimirane.
Hitrost vaše spletne strani se bo (občutno) zmanjšala. Spet ste za en korak bližje prvi strani googla.

Najhitreje:

Radi imamo telefon:
Veliko lahko vprašaš
(in še več izveš), lažje se odločiš,
dobiš takojšnjo pomoč. 
Nič ne stane in nihče te ne gnjavi.

Lahko vprašajte kar tu:

Zanima nas ...

Ali pošljete email:

Summary
Kako pripravite slike za splet?
Article Name
Kako pripravite slike za splet?
Description
Kratka in izčrpna BREZPLAČNA navodila s primeri, kako pripravite slike za splet. Slike za vaše spletne strani obvezno pripravite in prilagodite sodobnim standardom - preprosto!
Roman Mohar
Publisher
MASARU d.o.o.
Publisher Logo
Close Menu