{"id":368752,"date":"2023-01-11T13:07:00","date_gmt":"2023-01-11T10:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368752"},"modified":"2023-05-07T15:55:03","modified_gmt":"2023-05-07T12:55:03","slug":"wordpress-kuvakoot-kaikki-mita-sinun-tarvitsee-tietaa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/wordpress-kuvakoot-kaikki-mita-sinun-tarvitsee-tietaa\/","title":{"rendered":"WordPress-kuvakoot: kaikki mit\u00e4 sinun tarvitsee tiet\u00e4\u00e4"},"content":{"rendered":"\n<p>Web-sivustollasi k\u00e4ytt\u00e4m\u00e4si kuvat <strong>tekev\u00e4t sis\u00e4ll\u00f6st\u00e4si usein houkuttelevampaa ja niill\u00e4 on usein mahdollisuus antaa t\u00e4ysin erilainen n\u00e4k\u00f6kulma aiheeseen,<\/strong> johon ne viittaavat. Mutta ne ovat paljon enemm\u00e4n kuin tapa pit\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n huomio &#8211; niill\u00e4 on eritt\u00e4in t\u00e4rke\u00e4 rooli verkkosivustosi hakukoneoptimoinnissa, SERP-sijoituksissa ja lopulta ne voivat vaikuttaa muuntoprosentteihisi.<\/p>\n<p>Jotta voit nauttia kaikista kuvien tarjoamista eduista, sinun on yleens\u00e4 <a href=\"https:\/\/themewp.inform.click\/fi\/optimoi-kuvat-wordpressissa-lisataksesi-verkkosivuston-nopeutta\/\" title=\"varmistettava, ett\u00e4 niiden koko on riitt\u00e4v\u00e4\">varmistettava, ett\u00e4 niiden koko on riitt\u00e4v\u00e4<\/a>. T\u00e4ss\u00e4 artikkelissa opit kaiken, mit\u00e4 sinun tulee tiet\u00e4\u00e4 WordPress-kuvakoosta ja sen vaikutuksista verkkosivustoosi.<\/p>\n<h2>WordPress-kuvan oletuskoot selitetty<\/h2>\n<p>Kun lataat kuvan WP-mediakirjastoosi, <strong>WordPress luo automaattisesti kyseisest\u00e4 kuvasta kolme lis\u00e4versiota ja tallentaa ne erikseen<\/strong>. N\u00e4et nelj\u00e4 kuvavaihtoehtoa \u2013 <strong>pikkukuva, keskikokoinen, suuri ja t\u00e4ysikokoinen vaihtoehto<\/strong>. Kolme ensimm\u00e4ist\u00e4 vaihtoehtoa ovat oletusarvoisia WordPress-kuvakokoja ja t\u00e4ysikokoinen vaihtoehto on itse asiassa lataamasi kuva alkuper\u00e4isess\u00e4 koossa.<\/p>\n<p>Syy siihen, miksi WordPress luo n\u00e4m\u00e4 vaihtoehdot, on se, ett\u00e4 kuvan <strong>optimaalinen koko riippuu sen sijainnista verkkosivustollasi<\/strong>. Esimerkiksi liukus\u00e4\u00e4timen kuvan tarkkuus voi olla erilainen kuin pikkukuvassa k\u00e4ytetty kuvan resoluutio. Koska eri koot luodaan automaattisesti, sinun ei tarvitse s\u00e4\u00e4t\u00e4\u00e4 kuvan kokoa manuaalisesti, jos haluat k\u00e4ytt\u00e4\u00e4 samaa kuvaa eri paikoissa sivustollasi.<\/p>\n<p>4 erilaista kuvakokoa pikselein\u00e4:<\/p>\n<ul>\n<li>150 x 150 pikseli\u00e4 &#8211; Pikkukuvan koko<\/li>\n<li>enint\u00e4\u00e4n 300 x 300 pikseli\u00e4 \u2013 Keskikokoinen<\/li>\n<li>enint\u00e4\u00e4n 1024 x 1024 pikseli\u00e4 \u2013 Suuri koko<\/li>\n<li>T\u00e4ysi koko \u2013 kuvan alkuper\u00e4inen koko<\/li>\n<\/ul>\n<h2>Ent\u00e4 jos mik\u00e4\u00e4n oletuskuvakooista ei sovi tarpeisiisi?<\/h2>\n<p>Kuten WordPressiss\u00e4 yleens\u00e4, ratkaisu on yksinkertainen. T\u00e4ss\u00e4 on mit\u00e4 sinun on teht\u00e4v\u00e4 ladataksesi mukautettuja kuvakokoja.<\/p>\n<p>Siirry ensin <strong>WP-hallintapaneeliin<\/strong>. Napsauta toiseksi <strong>Asetukset &gt; Media<\/strong>. S\u00e4\u00e4d\u00e4 sitten kuvan oletusasetukset Media-asetuksissa ja napsauta Tallenna, kun olet valmis.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" alt=\"WordPress-kuvakoot: kaikki mit\u00e4 sinun tarvitsee tiet\u00e4\u00e4\"><\/a><\/p>\n<p>Jos jostain syyst\u00e4 pid\u00e4t hy\u00f6dyllisen\u00e4 tiet\u00e4\u00e4 tarkalleen, milloin l\u00e4hetit jokaisen kuvan, voit valita J\u00e4rjest\u00e4 lataukseni kuukausi- ja vuosiperusteisiin kansioihin -ruudun, joka tulee n\u00e4kyviin kaikkien muiden vaihtoehtojen j\u00e4lkeen, ja kaikki lataamasi kuvat j\u00e4rjestet\u00e4\u00e4n. kronologisesti.<\/p>\n<h2>Mik\u00e4 on paras kuvakoko, joka takaa optimaalisen suorituskyvyn?<\/h2>\n<p>Ei varmastikaan ole olemassa universaalia kuvakokoa, joka kattaisi kaikki tarpeet, mutta on olemassa s\u00e4\u00e4nt\u00f6j\u00e4, jotka varmistavat, ett\u00e4 kuvat n\u00e4ytt\u00e4v\u00e4t hyvilt\u00e4 erikokoisilla n\u00e4yt\u00f6ill\u00e4. N\u00e4m\u00e4 ovat siis <strong>ihanteelliset koot riippuen kuvan sijainnista verkkosivustollasi<\/strong> :<\/p>\n<ul>\n<li>1200 x 630 pikseli\u00e4 \u2013 blogikirjoituksen kuvan koko<\/li>\n<li>1048 x 250 pikseli\u00e4 \u2013 bannerin koko<\/li>\n<li>1200 x 900 pikseli\u00e4 \u2013 vaaka<\/li>\n<li>900 x 1200 pikseli\u00e4 \u2013 pystykuva<\/li>\n<li>1920 x 1080 pikseli\u00e4 \u2013 WordPress-taustakuvan koko<\/li>\n<li>200 x 100 pikseli\u00e4 \u2013 logokuvan koko<\/li>\n<li>150 x 150 pikseli\u00e4 \u2013 pikkukuvan koko<\/li>\n<\/ul>\n<h2>Miksi sinun pit\u00e4isi optimoida kuvatiedostojen koot?<\/h2>\n<p>Kuten jo hyvin tied\u00e4t, sivustosi nopeus ja suorituskyky ovat laadukkaan k\u00e4ytt\u00f6kokemuksen ytimess\u00e4. Kaikki, mik\u00e4 vaarantaa nopeuden ja suorituskyvyn ennemmin tai my\u00f6hemmin, vaikuttaa sivustosi menestykseen useilla eri puolilla. <strong>Jokainen suuri tiedostokokoinen kuva vaikuttaa sivustosi nopeuteen, ei positiivisella tavalla<\/strong>. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 sinun on oltava ehdottoman k\u00e4yt\u00e4nn\u00f6llinen \u2013 kuvien ei ole j\u00e4rkev\u00e4\u00e4 olla suurempia kuin niiden on oltava. <strong>Paitsi suuria valokuvia \u2013 WordPress-kuvakoot eiv\u00e4t saa olla suurempia kuin 150 kt<\/strong>. Mutta niit\u00e4 ei my\u00f6sk\u00e4\u00e4n tarvitse tehd\u00e4 pienempi\u00e4 kuin niiden on oltava, muista, ett\u00e4 liiallinen r\u00e4\u00e4t\u00e4l\u00f6inti voi vaikuttaa valokuvan laatuun.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" alt=\"WordPress-kuvakoot: kaikki mit\u00e4 sinun tarvitsee tiet\u00e4\u00e4\"><\/a><\/p>\n<h2>Miksi kuvan pakkaaminen on t\u00e4rke\u00e4\u00e4<\/h2>\n<p>Kuvien pakkaaminen on helppo tapa parantaa verkkosivustosi suorituskyky\u00e4 nopeasti, ja se ei vaadi sinulta erityisi\u00e4 taitoja tai tietoja. <strong>Kuvien pakkaus parantaa sivustosi suorituskyky\u00e4 vaikuttamatta kuviesi laatuun mill\u00e4\u00e4n tavalla<\/strong>.<\/p>\n<p>On olemassa useita <strong>online-pakkausty\u00f6kaluja, jotka tekev\u00e4t kuvien pakkaamisesta uskomattoman helppoa<\/strong>. On eritt\u00e4in suositeltavaa pakata jokainen verkkosivustollesi lataamasi kuva.<\/p>\n<h2>Responsiiviset WordPress-kuvat<\/h2>\n<p>WordPress tunnistaa automaattisesti lataamasi kuvan koon ja luokittelee sen pieneksi, keskikokoiseksi tai suureksi. Ja kuten aiemmin kuvasimme, WordPress muuttaa my\u00f6s kuvan kokoa automaattisesti ja tarjoaa sinulle kolme oletuskuvakokoa sivustosi eri sijainneille. Mit\u00e4 tulee reagointikykyyn, prosessi on my\u00f6s automatisoitu. WordPress <strong>tarjoaa my\u00f6s responsiivisen kuvan yhteensopivuuden, jonka avulla verkkoselaimet voivat valita oletusarvoisesti optimaalisen koon kuvan k\u00e4ytt\u00e4j\u00e4n laitteesta riippuen<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" alt=\"WordPress-kuvakoot: kaikki mit\u00e4 sinun tarvitsee tiet\u00e4\u00e4\"><\/a><\/p>\n<h2>Ladattavat kuvatiedostotyypit<\/h2>\n<p>Voit ladata WordPressiin viisi erityyppist\u00e4 kuvatiedostoa:<\/p>\n<ul>\n<li>.jpg<\/li>\n<li>.jpeg<\/li>\n<li>.png<\/li>\n<li>.gif<\/li>\n<li>.ico<\/li>\n<\/ul>\n<p>Kun lataat mink\u00e4 tahansa n\u00e4ist\u00e4 kuvatyypeist\u00e4, tiedostot voidaan lis\u00e4t\u00e4 suoraan WP-tekstialueille Lis\u00e4\u00e4 media -painikkeella. Jotkut muut suositut tiedostot, kuten .svg-, .bmp- tai .tiff-tiedostot. niit\u00e4 ei tueta virallisesti.<\/p>\n<p>Jos yrit\u00e4t ladata tiedostotyyppi\u00e4, jota ei tueta, saat ilmoituksen &quot;Anteeksi, t\u00e4m\u00e4 tiedostotyyppi ei ole sallittu turvallisuussyist\u00e4.&quot;<\/p>\n<h2>Kuinka valita oikea kuvamuoto<\/h2>\n<p>Yleens\u00e4 <strong>JPEG on paras valinta valokuville ja PNG on ensimm\u00e4inen valinta grafiikalle<\/strong>. Kuvaamme lyhyesti kolmen yleisimmin k\u00e4ytetyn tiedostotyypin p\u00e4\u00e4ominaisuudet:<\/p>\n<p><strong>JPEG<\/strong> \u2013 lyhenne sanoista Joint photographic experts group, joka tarjoaa tuen 16 miljoonalle v\u00e4rille. Se on my\u00f6s pienin valokuvien tiedostokoko ja varmistaa siksi, ett\u00e4 kuva latautuu nopeasti ja n\u00e4ytt\u00e4\u00e4 el\u00e4v\u00e4mm\u00e4lt\u00e4.<\/p>\n<p><strong>PNG<\/strong> \u2013 tulee sanoista Portable Network Graphic ja on oletusvalinta grafiikalle, logoille ja vastaaville verkkosivustoelementeille. Se ei tarjoa niin monta v\u00e4ritukea, mutta mahdollistaa kuvan l\u00e4pin\u00e4kyvyyden.<\/p>\n<p><strong>GIF<\/strong> \u2013 tulee sanoista Graphics Interchange Format ja sen erottuva piirre on, ett\u00e4 se sallii animaatiot. Se tukee my\u00f6s 256 v\u00e4ri\u00e4 ja l\u00e4pin\u00e4kyvyytt\u00e4.<\/p>\n<p><strong>SVG<\/strong> \u2013 enimm\u00e4kseen k\u00e4ytetty kuvakkeille, faviconeille ja logoille. Se on eritt\u00e4in kevyt ja joustava ja siksi ihanteellinen pienille verkkosivustoelementeille.<\/p>\n<h2>Image SEO \u2013 voitko tehd\u00e4 sen itse<\/h2>\n<p>Oikean muodon valitseminen kuvillesi on t\u00e4rke\u00e4 n\u00e4k\u00f6kohta kuvan hakukoneoptimoinnissa, jonka voit varmasti kattaa itse. <strong>PNG:t\u00e4 suositellaan kuville, jotka vaativat korkeaa laatua ja suurempia tiedostokokoja, JPG on ihanteellinen pienille kuville, koska se k\u00e4ytt\u00e4\u00e4 sek\u00e4 h\u00e4vi\u00f6llist\u00e4 ett\u00e4 h\u00e4vi\u00f6t\u00f6nt\u00e4 optimointia ja voidaan pakata pienempiin kokoihin, kun taas GIF perustuu h\u00e4vi\u00f6tt\u00f6m\u00e4\u00e4n pakkaamiseen ja on paras vaihtoehto animoiduille kuville.<\/strong>.<\/p>\n<p>Toinen asia, jonka voit tehd\u00e4, on k\u00e4ytt\u00e4\u00e4 kuvillesi tarkkoja ja kuvaavia <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-nopeasti-wordpress-kuvan-kuvateksti\/\" title=\"otsikkotunnisteita,\">otsikkotunnisteita,<\/a> koska ne auttavat hakukoneita ymm\u00e4rt\u00e4m\u00e4\u00e4n, mist\u00e4 kuvassasi on kyse.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/FJ5PKEjfwZU\" frameborder=\"0\"><\/iframe><\/div>\n<p>Yksi k\u00e4yt\u00e4nn\u00f6llisimmist\u00e4 tavoista varmistaa kuvan optimointi on k\u00e4ytt\u00e4\u00e4 joitain parhaista WordPress-kuvanoptimointilaajennuksista, joiden avulla voit s\u00e4\u00e4t\u00e4\u00e4 kaikkia kuvanlaatuun liittyvi\u00e4 n\u00e4k\u00f6kohtia ja varmistaa verkkosivuston optimaalisen suorituskyvyn.<\/p>\n<h2>Hy\u00f6dyllisi\u00e4 vinkkej\u00e4 WordPress-kuvien hallintaan<\/h2>\n<p>Olet ehk\u00e4 huomannut, ett\u00e4 <a href=\"https:\/\/themewp.inform.click\/fi\/wordpress-suositeltu-kuva-mika-se-on-ja-kuinka-se-lisataan\/\" title=\"esill\u00e4 olevien kuvien korvaaminen WordPressiss\u00e4\">esill\u00e4 olevien kuvien korvaaminen WordPressiss\u00e4<\/a> tai miss\u00e4 tahansa muussa ei ole yksinkertainen ja suoraviivainen toimenpide. WordPress edellytt\u00e4\u00e4, ett\u00e4 teet muutoksen jokaiselle sivulle, joka sis\u00e4lt\u00e4\u00e4 kuvan, ja se voi vied\u00e4 huomattavan osan ajasta. Koska t\u00e4llaiset teht\u00e4v\u00e4t on yleens\u00e4 teht\u00e4v\u00e4 nopeasti, suosittelemme <a href=\"https:\/\/themewp.inform.click\/fi\/kuvien-korvaaminen-wordpressissa-enable-media-replace-laajennuksella\/\" title=\"kuvien korvaamiseen tarkoitettua laajennusta WordPressiss\u00e4\">kuvien korvaamiseen tarkoitettua laajennusta WordPressiss\u00e4<\/a> nopeimpana ja helpoimpana tapana suorittaa t\u00e4llainen teht\u00e4v\u00e4 vaarantamatta verkkosivustosi suorituskyky\u00e4.<\/p>\n<p>Kuvat ovat yksi yleisimmist\u00e4 syist\u00e4 verkkosivuston hitaalle latausnopeudelle. Paras ratkaisu on muuttaa kuvien kokoa aina kun se on tarpeen tai pienent\u00e4\u00e4 niiden tiedostokokoa pakkaamalla ne. On olemassa monia ty\u00f6kaluja, kuten <a href=\"https:\/\/ewww.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">EWWW Image Optimiser<\/a>, joiden avulla voit pakata kuvia helposti tai voit <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-muuttaa-kuvan-kokoa-photoshopissa-helposti\/\" title=\"muuttaa kuvien kokoa Photoshopissa\">muuttaa kuvien kokoa Photoshopissa<\/a>.<\/p>\n<p>Sinun on usein kiillotettava kuvat ennen lataamista. WordPressiss\u00e4 voit tehd\u00e4 monia asioita <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-muokata-kuvia-wordpressissa-nopeasti\/\" title=\"muokataksesi kuvia itse\">muokataksesi kuvia itse<\/a>.<\/p>\n<p>Paras tapa varmistaa kuvanlaatu, jos et itse ole ammattivalokuvaaja, on hy\u00f6dynt\u00e4\u00e4 <a href=\"https:\/\/themewp.inform.click\/fi\/parhaat-ilmaiset-ja-premium-valokuvasivustot\/\" title=\"ilmaisia \u200b\u200bja ensiluokkaisia \u200b\u200bvalokuvavarastosivustoja\">ilmaisia \u200b\u200bja ensiluokkaisia \u200b\u200bvalokuvavarastosivustoja<\/a>.<\/p>\n<p>Ei todellakaan ole liikaa tekosyit\u00e4 sille, ett\u00e4 verkkosivustollasi ei ole laadukkaita kuvia. Nyt kun tied\u00e4t kaikki tekniset olennaiset WordPress-kuvakoot, on paljon helpompi varmistaa verkkosivuston optimaalinen suorituskyky ja nopeus. Jos sinulla on kysytt\u00e4v\u00e4\u00e4 t\u00e4st\u00e4 aiheesta, ota meihin yhteytt\u00e4 kommenttiosiossa.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opi kaikki mit\u00e4 sinun tarvitsee tiet\u00e4\u00e4 WordPress-kuvakoosta ja sen vaikutuksista verkkosivustoosi yhdest\u00e4 paikasta.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-368752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/368752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=368752"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/368752\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=368752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=368752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=368752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}