/ IT-ohjeet/ Ohjeet kuvat/

Ohjeet kuvat

| CSV-käyttö 🡒


Ohjeet kuvien käyttämiseen

command

  • Crop
  • Fit
  • Fill
  • Resize

options

Huom: Katso kuvat_webp ohje, suositellaan sitä Markdownin oman sijaan.

imgwebp shortcode - suositeltava tapa

1{{< imgwebp src="/img/building.png" alt="building" >}}
building

KR sääntöjä kuville

  • banner kuvat ovat koossa 1100x300
  • AINA png, jos on tekstiä lisätty kuviin, koska jpg suttaa tekstin
  • jpg vain puhtaissa kuvissa. Jos on tekstiä, piirroksia, karttoja ... aina PNG
  • banner kuvien nimentä mielellään kr.XXXX.banner.png/jpg
  • kuvat lähdekansio assets/img/ = datassa /img/kuva

Markdown oma "native", ei suositella

1{{[![](/img/kr.logo.Motonet.450.320.png)](https://motonet.fi/)}}

-

Voi myös kokoa säätää:

1{{[![](/img/kr.logo.Motonet.450.320.png?width=225&height=160)](https://motonet.fi/)}}

-

1{{< img src="/img/building.png" alt="building" >}}
building
building

Shortcode imgh - ei suositella

imgh

building

imgh-nobrog

building

img

building
building

regexp haulla vain osa kuvista

1{{< lista pattern=".*sm.*.png" gallery_dir="img" >}}

img/2023_sm_karjalainen.png

img/2023_sm_karjalainen_banneri.png

img/2023_sm_kuvapankki.png

img/logo.pohja.sm2023.150dpi.png

img/logo.pohja.sm2023.300dpi.png

img/logo.pohja.sm2023.50.dpi.png

img/logo.pohja.sm2023.600dpi.png

img/logo.pohja.sm2023.75dpi.png

img/logo.pohja.sm2023.matala.100dpi.png

img/logo.sm2023.1.128.png

img/logo.sm2023.1.png

img/logo.sm2023.128.png

img/logo.sm2023.harjoituskartta.1.28.png

img/logo.sm2023.harjoituskartta.png

img/sm2023.aluekartta.png

img/sm2023lahto.png

Kaikki kuvat

png

1{{< lista pattern=".*.png" gallery_dir="img" >}}

img/2023_kisakeskus.png

img/2023_sm_karjalainen.png

img/2023_sm_karjalainen_banneri.png

img/2023_sm_kuvapankki.png

img/2024.kevat.tornivaara.png

img/2025_harjoituskieltoalue.png

img/JoensuunUrheiluakatemia_250_104.png

img/Kaivospuu-lbox-450x320-FFFFFF.png

img/Kaivospuu_104_100.png

img/Kaivospuu_52_50.png

img/KuntosuunnistajanVakuutus_160X100.png

img/MKL_fin_vaaka_vari-musta_rgb-lbox-450x320-FFFFFF.png

img/Metsanhoitoyhdistys_PK_256_50.png

img/Metsanhoitoyhdistys_PK_512_100.png

img/Motonet_219_50.png

img/Motonet_250_57.png

img/OP_Pohjois-Karjala_266_50.png

img/OP_Pohjois-Karjala_531_100.png

img/PKS_183_100.png

img/PKS_92_50.png

img/Pihlajalinna_logo_170_100.png

img/Pihlajalinna_logo_85_50.png

img/StoraEnso_44_50.png

img/StoraEnso_87_100.png

img/Trimtex_130_50.png

img/Trimtex_260_100.png

img/UrheilukaupunkiJoensuu_pysty_vaaleansininen_RGB-lbox-450x320-FFFFFF.png

img/abloy_190_50.png

img/abloy_381_100.png

img/building.png

img/dollar.png

img/jane-doe.png

img/js_urheiluakatemia_120_50.png

img/js_urheiluakatemia_240_100.png

img/junnut1.slider.png

img/kartta.lehmivaara.1.png

img/kartta.tunturimaki.1.png

img/koli_144_100.png

img/koli_72_50.png

img/kompassitapahtumat_logo_2022_Sivu_1-1024x888.png

img/kr.huippu.1.slider.png

img/kr.ketunlenkki.1.slider.png

img/kr.kumppanit.slider.png

img/kr.kuntorastit.2.slider.png

img/kr.kuntosuunnistus.1.slider.png

img/kr.logo.Abloy.450.320.png

img/kr.logo.Kaivospuu.450.320.png

img/kr.logo.Koli.450.320.png

img/kr.logo.Lumonite.450.320.png

img/kr.logo.MMforest.450.320.png

img/kr.logo.Metsanhoitoyhdistys.450.320.png

img/kr.logo.Motonet.450.320.png

img/kr.logo.Op.450.320.png

img/kr.logo.PKO.450.320.png

img/kr.logo.PKS.450.320.png

img/kr.logo.Pihlajalinna.450.320.png

img/kr.logo.Scanpole.450.320.png

img/kr.logo.Sekera_450x320.png

img/kr.logo.StoraEnso.450.320.png

img/kr.logo.Trimtex.450.320.png

img/kr.logo.Urheiluakatemia.450.320.png

img/kr.logo.Visitjoensuu.450.320.png

img/kr.logo.jnsurhkaupunki.450.320.png

img/kr.miehet.1.slider.png

img/kr.naiset.1.slider.png

img/kr.nuoret.1.slider.png

img/kr_2022.1000_754.png

img/kr_2022.500_377.png

img/krkartat.png

img/krlogo.png

img/krlogo_64_73.png

img/krlogo_75dpi_127_128_tr.png

img/krlogo_tr.png

img/kumppanit_1000_300.png

img/kumppanit_500_150.png

img/kuntokarttaohje.png

img/kuntokarttaohje_500x296.png

img/kuntosuunnistus.3.slider.png

img/logo.lapset.9.128.png

img/logo.lapset.9.png

img/logo.pohja.sm2023.150dpi.png

img/logo.pohja.sm2023.300dpi.png

img/logo.pohja.sm2023.50.dpi.png

img/logo.pohja.sm2023.600dpi.png

img/logo.pohja.sm2023.75dpi.png

img/logo.pohja.sm2023.matala.100dpi.png

img/logo.sm2023.1.128.png

img/logo.sm2023.1.png

img/logo.sm2023.128.png

img/logo.sm2023.harjoituskartta.1.28.png

img/logo.sm2023.harjoituskartta.png

img/lumonite_533_100.png

img/lumonite_logo_black-1024x192.png

img/mm-forest_156_50.png

img/mm-forest_313_100.png

img/op-lbox-450x320-FFFFFF.png

img/op_logo_105_100.png

img/op_logo_52_50.png

img/p_pysakointi.png

img/pko_175_100.png

img/pko_88_50.png

img/scanpole-logo_192_50.png

img/scanpole-logo_383_100.png

img/sm2023.aluekartta.png

img/sm2023lahto.png

img/tuote.harjoituskartta.png

img/visitjns_100_50.png

img/visitjns_200_100.png

img/visitjoensuu_logo_fi_vaaka_sininen-599_100.png

img/visitjoensuu_logo_pysty_4v-lbox-450x320-FFFFFF.png

img/yhdistelma_2004_1022_matala.slider.png

img/yhdistelma_2004_1022_matala_800_240.png

jpg

1{{< lista pattern=".*.jpg" gallery_dir="img" >}}

img/Abloy-lbox-450x320-FFFFFF.jpg

img/Banneri_kunto3-1-1024x341.slider.jpg

img/S_PKO-lbox-450x320-FFFFFF.jpg

img/junnut.2023.slider.jpg

img/kartta.tahkovaara.2.jpg

img/ketunlenkki.1.slider.jpg

img/kuva.edustus.6.jpg

img/kuva.kunto.1.jpg

img/kuva.lapset.1.jpg

img/kuva.lapset.2.jpg

img/kuva.lapset.3.jpg

img/kuva.lapset.4.jpg

img/kuva.lapset.5.jpg

img/kuva.lapset.6.jpg

img/kuva.maasto.1.jpg

img/kuva.nuoret.1.jpg

img/kuva.valmennus.1.jpg

img/leimausrastilla.slider.jpg

img/logo.kunto.1.128.jpg

img/logo.kunto.1.jpg

img/logo.lapset.1.128.jpg

img/logo.lapset.1.jpg

img/logo.lapset.2.128.jpg

img/logo.lapset.2.jpg

img/motonet_320x450px_2-lbox-450x320-FFFFFF.jpg

img/naiset.1.slider.jpg

img/pks_320x450px_7-lbox-450x320-FFFFFF.jpg

img/scanpole-logo-lbox-450x320-FFFFFF.jpg

img/sm2023.slider.jpg


1{{< imgproc "/img/logo.pohja.sm2023.300dpi.png" Resize "220x" >}}
1{{< image-gallery callery_dir="/img/*.png" >}}
| CSV-käyttö 🡒