{"id":237631,"date":"2022-04-13T18:37:00","date_gmt":"2022-04-13T15:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237631"},"modified":"2022-05-16T10:02:08","modified_gmt":"2022-05-16T07:02:08","slug":"kuidas-optimeerida-pilte-wordpressi-paremaks-toimimiseks","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/kuidas-optimeerida-pilte-wordpressi-paremaks-toimimiseks\/","title":{"rendered":"Kuidas optimeerida pilte WordPressi paremaks toimimiseks"},"content":{"rendered":"<p>M\u00e4ngime m\u00e4ngu\u2026<\/p>\n<p>K\u00f5ik teie saidil olevad failid annavad oma panuse lehe \u00fcldisesse massi (kb\/mb). Kui suur osa teie lehe kaalust p\u00e4rineb teie arvates piltidelt?<\/p>\n<p>k\u00fcmme%?<\/p>\n<p>kaksk\u00fcmmend%?<\/p>\n<p>HTTP-arhiivi andmetel <a href=\"https:\/\/httparchive.org\/reports\/page-weight#bytesImg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">moodustavad pildid 50%<\/a> keskmise saidi lehe massist (umbes 800 kb).<\/p>\n<p>Kuna pooled andmetest, mida k\u00fclastajad peavad teie saidi vaatamiseks alla laadima, p\u00e4rinevad piltidelt, v\u00f5ib siin tehtav optimeerimine teie saidi toimivust tohutult m\u00f5jutada.<\/p>\n<p>Tegelikult, kui teie pilte pole \u00fcldse optimeeritud, saate seda juhendit j\u00e4rgides <strong>oma pildi kaalu 50\u201380% v\u00e4hendada<\/strong>.<\/p>\n<h2>Kolm v\u00f5imalust piltide optimeerimiseks<\/h2>\n<p>Mis puutub pildi optimeerimisse, siis on kolm lihtsat tehnikat.<\/p>\n<p>Esimene ja k\u00f5ige t\u00f5husam viis piltide optimeerimiseks on nende tihendamine.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixeli ise proovimiseks kl\u00f5psake siin<\/a><\/p>\n<h3>1 Tihendage oma pildid<\/h3>\n<p>Piltide tihendamine on graafika optimeerimise peamine vahend. Kui j\u00e4rgisite <a href=\"https:\/\/themewp.inform.click\/et\/kuidas-optimeerida-oma-wordpressi-saiti-wp-rocketiga\/\" title=\"WP Rocketi optimeerimisjuhendit,\">WP Rocketi optimeerimisjuhendit,<\/a> olete seal tutvustatud minimeerimiskontseptsiooniga tuttav. Pildi pakkimine pole nii erinev.<\/p>\n<p>Pildi tihendamisel kirjutab algoritm p\u00f5him\u00f5tteliselt pildil oleva koodi \u00fcmber, et v\u00e4hendada faili kogumahtu. Kokkusurumisel on kaks peamist t\u00fc\u00fcpi.<\/p>\n<h4>Kadudeta kompressioon<\/h4>\n<p>Kadudeta tihendus optimeerib teie pilte, s\u00e4ilitades samal ajal t\u00e4pselt sama piksel-pikslite kuva. Pole p\u00f5hjust kadudeta pakkimist vahele j\u00e4tta, kuna see v\u00e4hendab faili suurust, kuid ei muuda s\u00f5na otseses m\u00f5ttes visuaalselt.<\/p>\n<p>Sellegipoolest soovitasin teil selle asemel kasutada kadudeta pakkimist.<\/p>\n<h4>Kadunud kompressioon<\/h4>\n<p>Kadudega tihendamine pakub palju suuremat optimeerimist, kuid kvaliteedi m\u00f5ningase halvenemise arvelt. Kuid see kvaliteedikaotus on nii v\u00e4ike, et see on sageli m\u00e4rkamatu.<\/p>\n<p>Kadudeta pakkimine on meditsiinilise pildistamise ja tehniliste jooniste jaoks oluline, kuid veebisaidil kuvatavate piltide puhul vastab kadudeta lihtsalt meie kvaliteedistandarditele.<\/p>\n<h4>Kuidas pilte tihendada<\/h4>\n<p>Soovitan pildi optimeerimiseks pistikprogrammi <a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel,<\/a> mida ma siin <a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Compete Themesis<\/a> kasutan. See sisaldab kadudeta ja kadudeta pakkimist pluss l\u00e4ikivat pakkimist, mis on omamoodi vahepealne valik.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3240ca972.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3240ca972.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<p>ShortPixel tihendab pilte automaatselt, kui laadite need saidile \u00fcles, mis v\u00f5ib olla v\u00e4ga mugav. Olen toimetamise ajal \u00fcsna k\u00e4rsitu, seega eelistan selle valiku v\u00e4lja l\u00fclitada ja pilte hiljem men\u00fc\u00fcst Media optimeerida.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32428aed6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32428aed6.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<p>Automaatse tihendamise \u00fcleslaadimisel saab v\u00e4lja l\u00fclitada<\/p>\n<p>Saate oma piltide tihendamiseks kasutada sellist t\u00f6\u00f6riista nagu <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TinyPNG<\/a>, kuid minu arvates on lihtsam pilte oma saidile \u00fcles laadida nagu alati ja seej\u00e4rel neid ShortPixeli abil optimeerida.<\/p>\n<h4>Kuidas on lood piltidega, mille olete juba \u00fcles laadinud?<\/h4>\n<p>Siin paistab <a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-2\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel<\/a> t\u00f5esti <a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-2\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">silma<\/a>.<\/p>\n<p>Kui kasutate piltide optimeerimiseks sellist t\u00f6\u00f6riista nagu TinyPNG, optimeerite ainult uusi pilte, mille oma saidile \u00fcles laadite. Kuidas on lood k\u00f5igi piltidega, mille olete juba \u00fcles laadinud? Kuidas te neid optimeerite?<\/p>\n<p>ShortPixelil on suurep\u00e4rane hulgioptimeerimise valik, mis jookseb l\u00e4bi k\u00f5igi teie piltide korraga.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32446974a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32446974a.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<p>\u00dclaltoodud pilt on \u00fcsna iseenesestm\u00f5istetav, v\u00e4lja arvatud &quot;v\u00e4iksemate pisipiltide&quot; osa. Miks on v\u00e4iksemaid pisipilte neli korda rohkem ja mis need \u00fcldse on?<\/p>\n<h4>Optimeerige k\u00f5ik pildi suurused<\/h4>\n<p>Te ei pruugi seda teada, kuid kui laadite pildi WordPressi \u00fcles, loob see automaatselt kolm lisasuurust (kui pilt on piisavalt suur):<\/p>\n<ul>\n<li>Pisipilt<\/li>\n<li>Keskmine<\/li>\n<li>Suur<\/li>\n<\/ul>\n<p>Nende pildisuuruste m\u00f5\u00f5tmeid saate vaadata ja muuta men\u00fc\u00fcs Seaded &gt; Meedium.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32466e04b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32466e04b.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<p>Siin on probleem\u2026<\/p>\n<p>Oletame, et tihendate pildi ja laadite selle seej\u00e4rel oma saidile \u00fcles. &quot;T\u00e4isversioon&quot; on t\u00e4ielikult optimeeritud, kuid kolm lisasuurust mitte. Kui sisestate postitusse pildi keskmise versiooni, on see pilt tihendamata. ShortPixel optimeerib teie \u00fcles laaditud originaalpildid ja k\u00f5ik WordPressi loodud lisasuurused.<\/p>\n<p>Ainu\u00fcksi tihendamine suurendab j\u00f5udlust suurep\u00e4raselt, kuid on veel kaks lihtsat viisi, kuidas oma saidil pilte veelgi optimeerida.<\/p>\n<h3>2 Muutke piltide suurust<\/h3>\n<p>Oletame, et laadite oma saidile \u00fcles pildi, mille suurus on 5000 x 2500 pikslit. Seej\u00e4rel sisestate selle postitusse, kus see kuvatakse eraldusv\u00f5imega 800 x 400 pikslit. Vaatamata sellele, et pilt on k\u00fclastaja ekraanil vaid 800 piksli lai, tuleb neil siiski alla laadida 5000 piksliga versioon.<\/p>\n<p>\u00dctlematagi selge, et pilt, mille laius on 5000 pikslit, on suur ja selle laadimine v\u00f5tab t\u00f5en\u00e4oliselt kauem aega kui k\u00f5igi teiste teie saidi failide kokku.<\/p>\n<p>Selle v\u00e4ltimiseks on kaks v\u00f5imalust.<\/p>\n<h4>Laadige \u00fcles v\u00e4iksemad pildid<\/h4>\n<p>\u00dcldine rusikareegel on, et \u00e4rge laadige \u00fcles pilte, mille laius on \u00fcle 2000 piksli. Olenemata sellest, kas kasutate Windowsi v\u00f5i Maci, on teil lihtne pildiredaktor, mille abil saate enne \u00fcleslaadimist kiiresti muuta liiga suurte piltide suurust.<\/p>\n<p>Teine n\u00e4pun\u00e4ide on v\u00e4ltida &quot;t\u00e4isversiooni&quot;, kui sisestate postitusse liiga suure pildi. Valige selle asemel suurus \u201eSuur&quot;, mis on vaikimisi 1024 pikslit.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3248c6bb4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3248c6bb4.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<h4>Muutke oma meediumiteegi piltide suurust<\/h4>\n<p>Piltide suurust on lihtne enne nende \u00fcleslaadimist muuta, aga kuidas on lood juba teie saidil olevate piltidega?<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-3\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixelil<\/a> on s\u00e4te, mis v\u00f5imaldab m\u00e4\u00e4rata piltidele maksimaalse laiuse ja k\u00f5rguse.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324ac8d3b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324ac8d3b.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<p>Saate m\u00e4\u00e4rata selle valiku nii, et pilte ei k\u00e4rbita kunagi nende suuruse muutmisel. Kui olete selle s\u00e4tte sisse l\u00fclitanud, saate k\u00e4ivitada hulgioptimeerija ja ShortPixel muudab k\u00f5igi liiga suurte piltide suurust. Samuti muudab see uute piltide suurust nende \u00fcleslaadimisel.<\/p>\n<p>Kui olete kasutanud palju suuri pilte, v\u00f5ib see olla teie saidi jaoks k\u00f5ige kasulikum samm. On veel vaid \u00fcks optimeerimistehnika ja see on seni k\u00f5ige lihtsam.<\/p>\n<h3>3 Eemaldage EXIF-andmed<\/h3>\n<p>Pildifailid v\u00f5ivad sisaldada lisaandmeid, mida pildil endal ei kuvata, mida nimetatakse EXIF-andmeteks. EXIF v\u00f5ib olla \u00fcsna kasulik ja sisaldab teavet, nagu kaamera tootja, foto tegemise kuup\u00e4ev ja kellaaeg ning isegi GPS-koordinaadid.<\/p>\n<p>Te ei pea neid andmeid lisama oma saidile postitatavatele piltidele. R\u00e4\u00e4kimata sellest, privaatsuskaalutlustel on ilmselt parim, kui teie fotod ei sisalda GPS-koordinaate!<\/p>\n<p>Taaskord saab <a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-4\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel<\/a> sellega meie jaoks h\u00f5lpsalt <a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-4\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hakkama<\/a>. Vaikimisi on sisse l\u00fclitatud s\u00e4te, mis eemaldab optimeerimisprotsessi k\u00e4igus k\u00f5ikidelt piltidelt EXIF-andmed.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324cc2416.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324cc2416.png\" alt=\"Kuidas optimeerida pilte WordPressi paremaks toimimiseks\"><\/a><\/p>\n<p>Keskmiselt v\u00e4hendab see faili suurust veel 8,5%.<\/p>\n<h2>V\u00e4iksemad pildid = kiiremad saidid<\/h2>\n<p>Kui te pole oma pilte \u00fcldse optimeerinud, on see teie saidi jaoks suurep\u00e4rane p\u00e4ev!<\/p>\n<p>K\u00f5ik r\u00e4\u00e4givad hostimisest ja failide optimeerimisest, kuid millegip\u00e4rast j\u00e4etakse piltide optimeerimine sageli t\u00e4helepanuta. See on hull, sest sellest on v\u00f5imalik saada tohutut kasu.<\/p>\n<p>Kasutan ShortPixeli k\u00f5igi selles juhendis kirjeldatud pildi optimeerimise tavade k\u00e4sitlemiseks ja soovitan seda k\u00f5igile teistele, kes hoolivad oma WordPressi saidi toimivusest.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/shortpixel-guide-cta2\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixeli proovimiseks kl\u00f5psake siin<\/a><\/p>\n<p>N\u00fc\u00fcd, kui olete teel \u00fclioptimiseeritud meediumiteeki, v\u00f5iksite kaaluda <a href=\"https:\/\/www.competethemes.com\/blog\/wp-engine-review\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">esmaklassilist hosti nagu WP Engine,<\/a> et need pildid veelgi kiiremini laadida. Ja pildi edasiseks optimeerimiseks peaksite vaatama <a href=\"https:\/\/themewp.inform.click\/et\/kuidas-optimeerida-oma-wordpressi-saiti-wp-rocketiga\/\" title=\"WP Rocketi juhendit,\">WP Rocketi juhendit,<\/a> eriti osa <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">laiska laadimise<\/a> kohta.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>J\u00e4rgige neid kolme sammu, et oma WordPressi saidi j\u00f5udlust oluliselt parandada. Piltide optimeerimine on lihtne ja v\u00f5ib teie saiti t\u00e4na oluliselt kiirendada.<\/p>\n","protected":false},"author":1,"featured_media":176814,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[582],"tags":[842],"class_list":["post-237631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressi-kiirendamine","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/237631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=237631"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/237631\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/176814"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=237631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=237631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=237631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}