{"id":23414,"date":"2021-04-29T11:36:00","date_gmt":"2021-04-29T08:36:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23414"},"modified":"2021-10-17T21:33:07","modified_gmt":"2021-10-17T18:33:07","slug":"muuta-kuvan-kokoa-php-ssa-tinypng-n-avulla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/muuta-kuvan-kokoa-php-ssa-tinypng-n-avulla\/","title":{"rendered":"Muuta kuvan kokoa PHP: ss\u00e4 TinyPNG: n avulla"},"content":{"rendered":"<p>Kuvan koon muuttaminen on hyvin yleinen teht\u00e4v\u00e4 ohjelmoijille. Jokaisella ohjelmointikielell\u00e4 on omat kirjastot tai tekniikat kuvien koon muuttamiseksi. T\u00e4ss\u00e4 artikkelissa tutkitaan, kuinka kuvan kokoa <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muutetaan<\/a> PHP: ss\u00e4 <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TinyPNG: n avulla<\/a>.<\/p>\n<p><strong>Huomaa:<\/strong> Koska nimi sis\u00e4lt\u00e4\u00e4 &#8217;PNG&#8217; TinyPNG: ss\u00e4, se ei tarkoita, ett\u00e4 ne sallivat vain PNG-muotoiset kuvat. TinyPNG on heid\u00e4n tuotemerkkins\u00e4 nimi. Ne tarjoavat tukea kaikenlaisille kuville.<\/p>\n<h3>Miksi kuvien kokoa tulisi muuttaa?<\/h3>\n<p>Kun kyseess\u00e4 on verkkosivusto, kuvan koko on todella t\u00e4rke\u00e4. Jos k\u00e4yt\u00e4t suurikokoisia kuvia, se haittaa sivustosi lataamista. Hidas sivuston nopeus vaikuttaa hakutuloksiin.<\/p>\n<p>Jos kuvan s\u00e4ili\u00f6koko on noin 200200 kuvapistett\u00e4. Sitten kuvan kokoinen koko 500 * 500 px pieneen astiaan (200200 px) ei ole hyv\u00e4 idea. T\u00e4ll\u00f6in sinun tulee muuttaa kuvan kokoa pienen s\u00e4ili\u00f6koon mukaan. Pienent\u00e4\u00e4 tiedostokokoa ja auttaa my\u00f6s lataamaan sivusi nopeasti.<\/p>\n<h3>Miksi kuvan kokoa tulisi k\u00e4ytt\u00e4\u00e4 TinyPNG: ll\u00e4?<\/h3>\n<p>PHP: ss\u00e4 on melko suosittuja kirjastoja, jotka toimivat hyvin kuvien koon muuttamisen kannalta.<\/p>\n<p>Sitten tulee kysymys, miksi pit\u00e4isi k\u00e4ytt\u00e4\u00e4 TinyPNG: t\u00e4 kuvan koon muuttamiseen?<\/p>\n<p>TinyPNG: n k\u00e4ytt\u00e4miseen kuvien koon muuttamiseen on muutama syy.<\/p>\n<ul>\n<li>TinyPNG <a href=\"https:\/\/themewp.inform.click\/fi\/tinypng-pakkaa-kuvat-php-lla\/\" title=\"kutistaa kuvia\">kutistaa kuvia<\/a> verkkosivustollesi. T\u00e4m\u00e4n seurauksena kuvasi k\u00e4ytt\u00e4v\u00e4t v\u00e4hemm\u00e4n kaistanleveytt\u00e4 ja latautuvat nopeammin.<\/li>\n<li>Sinun ei tarvitse asentaa mit\u00e4\u00e4n laajennusta TinyPNG PHP -kirjaston lis\u00e4ksi.<\/li>\n<\/ul>\n<p>Vakuuttunut? Katsotaanpa vaiheittaiset ohjeet kuvan koon muuttamiseen PHP: ss\u00e4 TinyPNG: n avulla.<\/p>\n<h3>M\u00e4\u00e4rit\u00e4 ymp\u00e4rist\u00f6 TinyPNG: lle<\/h3>\n<p>TinyPNG: n tarjoama PHP-kirjaston asennus on melko helppoa. Avaa komentokehote projektihakemistossa ja suorita alla oleva komento.<\/p>\n<pre><code>composer require tinify\/tinify<\/code><\/pre>\n<p>Yll\u00e4 olevan komennon suorittamiseksi sinun on asennettava <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> tietokoneellesi.<\/p>\n<p>Seuraavaksi tarvitset API-avaimen, jonka saat t\u00e4lt\u00e4 linkilt\u00e4 <a href=\"https:\/\/tinypng.com\/developers\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><a href=\"https:\/\/tinypng.com\/developers\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tinypng.com\/developers<\/a>.<\/p>\n<p>Sinun tarvitsee vain kirjoittaa nimesi ja s\u00e4hk\u00f6postiosoitteesi. Saat s\u00e4hk\u00f6postiviestin API-avaimesta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20851-6082325aa7de5.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\/04\/post-20851-6082325aa7de5.png\" alt=\"Muuta kuvan kokoa PHP: ss\u00e4 TinyPNG: n avulla\" ><\/a><\/p>\n<p>T\u00e4ss\u00e4 vaiheessa olemme asentaneet kirjaston ja olet valmis API-avaimellasi. Olemme saaneet valmiiksi asetusymp\u00e4rist\u00f6n TinyPNG: lle.<\/p>\n<h3>Muuta kuvan kokoa PHP: ss\u00e4 TinyPNG: n avulla<\/h3>\n<p>Kuvan koon muuttamiseksi meid\u00e4n on kirjoitettava pieni osa koodia. Avaa PHP-tiedosto tiedostojen muokkausohjelmassa. Kuvakoodin koon muuttaminen on kuten alla.<\/p>\n<pre><code>require_once(\"vendor\/autoload.php\");\n\u00a0\nTinifysetKey(\"YOUR_API_KEY\");\n\u00a0\n$source = TinifyfromFile(\"large.jpg\"); \/\/image to be resize\n$resized = $source-&gt;resize(array(\n\u00a0\u00a0\u00a0\u00a0\"method\" =&gt; \"fit\",\n\u00a0\u00a0\u00a0\u00a0\"width\" =&gt; 150,\n\u00a0\u00a0\u00a0\u00a0\"height\" =&gt; 100\n));\n$resized-&gt;toFile(\"thumbnail.jpg\"); \/\/resized image<\/code><\/pre>\n<p>Koodin yl\u00e4puolella otetaan kuva nimelt\u00e4 &#8217;large.jpg&#8217;. T\u00e4m\u00e4n kuvan kokoa on muutettava. Sitten se kutsuu API-menetelm\u00e4\u00e4 &quot;koon muuttamiseksi&quot; joillakin vaadituilla parametreilla, kuten menetelm\u00e4, leveys, korkeus. Viimeinkin saimme kuvan koon ja pakatun version, joka tallennettiin nimell\u00e4 &#8217;thumbnail.jpg&#8217;.<\/p>\n<p>Normaalisti pid\u00e4mme pikkukuvan nime\u00e4 nimell\u00e4 {{tiedostonimi} -kuvake.extension &quot;. Meid\u00e4n tapauksessamme se olisi &#8217;large-thumbnail.jpg&#8217;. Nimetystapa on sinun teht\u00e4v\u00e4si. Voit p\u00e4\u00e4tt\u00e4\u00e4 koonmuotoisen kuvan nimen muodon.<\/p>\n<p>TinyPNG tarjoaa 2 muuta menetelm\u00e4\u00e4 paitsi &#8217;fit&#8217;. N\u00e4m\u00e4 menetelm\u00e4t ovat &#8217;mittakaava&#8217; ja &#8217;peite&#8217;.<\/p>\n<p>T\u00e4ss\u00e4 on kuvaus kaikista kolmesta menetelm\u00e4st\u00e4 <a href=\"https:\/\/tinypng.com\/developers\/reference\/php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TinyPNG-verkkosivustolta<\/a>.<\/p>\n<ul>\n<li><strong>skaala:<\/strong> Skaalaa kuvaa alasp\u00e4in suhteessa. Sinun on annettava joko tavoite &#8217;leveys&#8217; tai tavoite &#8217;korkeus&#8217;, mutta ei molempia. Skaalatulla kuvalla on t\u00e4sm\u00e4lleen annettu leveys tai korkeus.<\/li>\n<li><strong>sovita:<\/strong> Skaalaa kuvaa alasp\u00e4in suhteellisesti niin, ett\u00e4 se sopii annettuihin mittoihin. Sinun on annettava sek\u00e4 leveys ett\u00e4 korkeus. Skaalattu kuva ei ylit\u00e4 kumpaakaan n\u00e4ist\u00e4 mitoista<\/li>\n<li><strong>kansi:<\/strong> Skaalaa kuvaa suhteellisesti ja rajaa sit\u00e4 tarvittaessa niin, ett\u00e4 tulos on tarkalleen annettujen mittojen mukainen. Sinun on annettava sek\u00e4 leveys ett\u00e4 korkeus. Mitk\u00e4 kuvan osat rajataan pois, m\u00e4\u00e4ritet\u00e4\u00e4n automaattisesti. \u00c4lyk\u00e4s algoritmi m\u00e4\u00e4ritt\u00e4\u00e4 t\u00e4rkeimm\u00e4t alueet ja j\u00e4tt\u00e4\u00e4 ne ennalleen.<\/li>\n<\/ul>\n<p>Olemme ottaneet esimerkin menetelm\u00e4ll\u00e4 &#8217;sovitus&#8217; ja kuten edell\u00e4 mainittiin, olemme ohittaneet sek\u00e4 leveyden ett\u00e4 korkeuden. Voit kokeilla toista menetelm\u00e4\u00e4 &#8217;skaalata&#8217; ja &#8217;peitt\u00e4\u00e4&#8217;.<\/p>\n<p>Toivomme, ett\u00e4 ymm\u00e4rr\u00e4t kuinka muuttaa kuvan kokoa PHP: ss\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 Tinypng-ohjelmaa. Voit my\u00f6s lukea aiheeseen liittyvi\u00e4 artikkeleitamme alla.<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/tinypng-pakkaa-kuvat-php-lla\/\" title=\"TinyPNG Pakkaa kuvat PHP: ll\u00e4\">TinyPNG Pakkaa kuvat PHP: ll\u00e4<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-ladata-ja-pakata-kuvia-laravelissa\/\" title=\"Opas kuvien lataamiseen ja pakkaamiseen Laravelissa\">Opas kuvien lataamiseen ja pakkaamiseen Laravelissa<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Haluatko muuttaa kuvan kokoa PHP: ss\u00e4? T\u00e4ss\u00e4 artikkelissa tutkitaan, miten kuvan kokoa muutetaan PHP: ss\u00e4 TinyPNG: n avulla. TinyPNG tarjoaa meille sek\u00e4 kokokoon ett\u00e4 pakatun version<\/p>\n","protected":false},"author":1,"featured_media":21673,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[275],"tags":[843],"class_list":["post-23414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23414","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=23414"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23414\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21673"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=23414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=23414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=23414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}