{"id":10163,"date":"2018-03-27T11:01:57","date_gmt":"2018-03-27T08:01:57","guid":{"rendered":"https:\/\/riin.eu\/video-tutorial-kuinka-pienentaa-kuvien-kokoa-verkkosivustolla\/"},"modified":"2026-02-22T04:23:23","modified_gmt":"2026-02-22T02:23:23","slug":"video-tutorial-kuinka-pienentaa-kuvien-kokoa-verkkosivustolla","status":"publish","type":"post","link":"https:\/\/riin.eu\/fi\/video-tutorial-kuinka-pienentaa-kuvien-kokoa-verkkosivustolla\/","title":{"rendered":"[Video-opas] kuinka pienent\u00e4\u00e4 kuvien kokoa verkkosivustolla"},"content":{"rendered":"

Kuva on verkkosivustosi t\u00e4rke\u00e4 osa, joka v\u00e4litt\u00e4\u00e4 tunteita ja havainnollistaa jaettua aihetta. Toinen t\u00e4rke\u00e4 osa verkkosivustoasi on kuitenkin nopeus<\/strong>, ja nopeus on suoraan yhteydess\u00e4 siihen, kuinka suuria kuvat verkkosivustollasi ovat. <\/p>\n

Laadin pienen oppaan siit\u00e4, miten kuvia pienennet\u00e4\u00e4n (optimoidaan) verkkosivustoa varten niin, ettei kuvan laatu muutu. K\u00e4yt\u00e4n samaa j\u00e4rjestelm\u00e4\u00e4 itsekin p\u00e4ivitt\u00e4in. <\/p>\n

Nyky\u00e4\u00e4n otetaan eritt\u00e4in suuria kuvia \u2013 matkapuhelimemme on asetettu ottamaan yli 4 Mt:n kokoisia kuvia, joiden koko on esimerkiksi 4031×2268 pikseli\u00e4. Verkkosivustolle t\u00e4llaisia kuvia ei kuitenkaan voi laittaa! EI VOI \u2013 muista t\u00e4m\u00e4, se on eritt\u00e4in t\u00e4rke\u00e4\u00e4! Muussa tapauksessa yksik\u00e4\u00e4n verkkosivuston k\u00e4vij\u00e4 ei odota niiden latautumista, ja menet\u00e4t yksinkertaisesti asiakkaita! Hubspotin artikkelin<\/a> mukaan 64 % mobiilik\u00e4ytt\u00e4jist\u00e4 odottaa, ett\u00e4 sivu latautuu nopeammin kuin 4 sekunnissa! Jos sivu ei ole avautunut siin\u00e4 ajassa, he poistuvat. 4 sekunnin latausaikaa ei saavuteta mitenk\u00e4\u00e4n, jos sivullasi on 4 Mt:n kuvia. <\/p>\n

Seuraavassa on ohje siit\u00e4, miten verkkosivustolle ladattavia kuvia on mahdollista pienent\u00e4\u00e4<\/p>\n

    \n
  1. Selvit\u00e4, mik\u00e4 on suurin koko, jonka verkkosivustosi ottaa vastaan. Voit tarkistaa t\u00e4m\u00e4n esimerkiksi WordPressin yll\u00e4pidosta: Asetukset \u2013 Media\n

    \"\"
    Kuinka suuren kuvan voin ladata verkkosivustolle<\/figcaption><\/figure><\/li>\n<\/ol>\n
      \n
    1. Minun riin.eu<\/a>-sivustollani suurimmat kuvat voivat olla kooltaan 1024×1024 px. Jos siis lataan kuvan, jonka koko on esimerkiksi 1500×750 px, se kuluttaa turhaan tilaa. Kuvan suurempi 1500 px:n sivu tulisi pienent\u00e4\u00e4 1024 px:n kokoon. <\/li>\n
    2. Kun kuvan kokoa on pienennetty, kuvat on optimoitava verkkoa varten. Sit\u00e4 varten on olemassa mainio ohjelma https:\/\/tinypng.com\/<\/a>
      \nLataat haluamasi kuvat heid\u00e4n sivustolleen, ja he tekev\u00e4t tarvittavat toimenpiteet, joiden tuloksena kuvat optimoidaan. Katso alla oleva video. <\/li>\n<\/ol>\n

      <\/span><\/span><\/p>\n

      Muista, \u00e4l\u00e4 koskaan lataa optimoimatonta kuvaa! Se tekee verkkosivustostasi yksinkertaisesti hitaan! <\/p>\n","protected":false},"excerpt":{"rendered":"

      Kuva on verkkosivustosi t\u00e4rke\u00e4 osa, joka v\u00e4litt\u00e4\u00e4 tunteita ja havainnollistaa jaettua aihetta. Toinen t\u00e4rke\u00e4 osa verkkosivustoasi on kuitenkin nopeus, ja nopeus on suoraan yhteydess\u00e4 siihen, kuinka suuria kuvat verkkosivustollasi ovat. Laadin pienen oppaan siit\u00e4, miten kuvia pienennet\u00e4\u00e4n (optimoidaan) verkkosivustoa varten niin, ettei kuvan laatu muutu. K\u00e4yt\u00e4n samaa j\u00e4rjestelm\u00e4\u00e4 itsekin p\u00e4ivitt\u00e4in. Nyky\u00e4\u00e4n otetaan eritt\u00e4in suuria kuvia […]<\/p>\n","protected":false},"author":1,"featured_media":10164,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[107,102],"tags":[],"class_list":["post-10163","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-et-fi","category-uncategorized-fi"],"astra-portfolio-type":null,"astra-site-call-to-action":null,"_links":{"self":[{"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/posts\/10163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/comments?post=10163"}],"version-history":[{"count":1,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/posts\/10163\/revisions"}],"predecessor-version":[{"id":11757,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/posts\/10163\/revisions\/11757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/media\/10164"}],"wp:attachment":[{"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/media?parent=10163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/categories?post=10163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riin.eu\/fi\/wp-json\/wp\/v2\/tags?post=10163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}