{"id":26843,"date":"2021-04-29T11:53:00","date_gmt":"2021-04-29T08:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26843"},"modified":"2021-10-17T05:29:13","modified_gmt":"2021-10-17T02:29:13","slug":"andra-storlek-pa-bild-i-php-med-tinypng","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/andra-storlek-pa-bild-i-php-med-tinypng\/","title":{"rendered":"\u00c4ndra storlek p\u00e5 bild i PHP med TinyPNG"},"content":{"rendered":"<p>Bildstorlek \u00e4r en mycket vanlig uppgift f\u00f6r programmerare. Varje programmeringsspr\u00e5k har sina egna bibliotek eller tekniker f\u00f6r att \u00e4ndra storlek p\u00e5 bilder. I den h\u00e4r artikeln studerar vi hur man \u00e4ndrar storlek p\u00e5 bild i PHP med <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TinyPNG<\/a>.<\/p>\n<p><strong>Obs!<\/strong> Eftersom namnet inneh\u00e5ller &#8217;PNG&#8217; i &#8217;TinyPNG&#8217; betyder det inte att de endast till\u00e5ter bilder i png-format. &#8217;TinyPNG&#8217; \u00e4r ett namn f\u00f6r deras varum\u00e4rke. De ger st\u00f6d f\u00f6r alla typer av bilder.<\/p>\n<h3>Varf\u00f6r ska man \u00e4ndra storlek p\u00e5 bilder?<\/h3>\n<p>N\u00e4r det g\u00e4ller en webbplats spelar storleken p\u00e5 en bild verkligen roll. Om du anv\u00e4nder bilder i stor storlek hindrar det webbplatsens belastning. L\u00e5ngsam webbplatshastighet p\u00e5verkar din s\u00f6krankning.<\/p>\n<p>Om din containerstorlek f\u00f6r en bild \u00e4r cirka 200 200 px. Att montera en bild av storlek 500 * 500 px i liten beh\u00e5llare (200 200 px) \u00e4r inte en bra id\u00e9. I ett s\u00e5dant fall b\u00f6r du \u00e4ndra storlek p\u00e5 bilden efter din lilla beh\u00e5llarstorlek. Om du g\u00f6r det minskar du inte bara filstorleken utan hj\u00e4lper dig ocks\u00e5 att ladda din sida snabbt.<\/p>\n<h3>Varf\u00f6r ska du anv\u00e4nda TinyPNG f\u00f6r att \u00e4ndra storlek p\u00e5 bilden?<\/h3>\n<p>Det finns ganska popul\u00e4ra bibliotek tillg\u00e4ngliga i PHP som fungerar bra n\u00e4r det g\u00e4ller storlek p\u00e5 bild.<\/p>\n<p>D\u00e5 kommer fr\u00e5gan varf\u00f6r ska TinyPNG anv\u00e4nda f\u00f6r att \u00e4ndra storlek p\u00e5 bilden?<\/p>\n<p>Det finns f\u00e5 anledningar till att anv\u00e4nda TinyPNG f\u00f6r att \u00e4ndra storlek p\u00e5 bilderna.<\/p>\n<ul>\n<li>TinyPNG <a href=\"https:\/\/themewp.inform.click\/sv\/tinypng-komprimera-bilder-med-php\/\" title=\"krympa bilder\">krympa bilder<\/a> f\u00f6r din webbplats. Som ett resultat kommer dina bilder att anv\u00e4nda mindre bandbredd och laddas snabbare.<\/li>\n<li>Du beh\u00f6ver inte installera n\u00e5got till\u00e4gg f\u00f6rutom TinyPNG PHP-biblioteket.<\/li>\n<\/ul>\n<p>\u00d6vertygad? L\u00e5t oss se steg f\u00f6r steg-guide hur man \u00e4ndrar storlek p\u00e5 bild i PHP med TinyPNG.<\/p>\n<h3>St\u00e4ll in milj\u00f6n f\u00f6r TinyPNG<\/h3>\n<p>Installationsprocessen f\u00f6r PHP-biblioteket som tillhandah\u00e5lls av TinyPNG \u00e4r ganska l\u00e4tt. \u00d6ppna kommandotolken i din projektkatalog och k\u00f6r kommandot nedan.<\/p>\n<pre><code>composer require tinify\/tinify<\/code><\/pre>\n<p>F\u00f6r att k\u00f6ra ovanst\u00e5ende kommando borde du ha installerat <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> p\u00e5 din dator.<\/p>\n<p>D\u00e4refter beh\u00f6ver du en API-nyckel som du kan f\u00e5 fr\u00e5n den h\u00e4r l\u00e4nken <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>Allt du beh\u00f6ver g\u00f6ra \u00e4r att bara ange ditt namn och e-postadress. Du kommer att f\u00e5 ett e-postmeddelande ang\u00e5ende API-nyckel.<\/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=\"\u00c4ndra storlek p\u00e5 bild i PHP med TinyPNG\" ><\/a><\/p>\n<p>I det h\u00e4r skedet har vi installerat biblioteket och du \u00e4r redo med din API-nyckel. Vi \u00e4r f\u00e4rdiga med inst\u00e4llningsmilj\u00f6n f\u00f6r TinyPNG.<\/p>\n<h3>\u00c4ndra storlek p\u00e5 bild i PHP med TinyPNG<\/h3>\n<p>F\u00f6r att \u00e4ndra storlek p\u00e5 bilden m\u00e5ste vi skriva en liten kod. \u00d6ppna din PHP-fil i din filredigerare. \u00c4ndra storlek p\u00e5 bildkoden \u00e4r som nedan.<\/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>Ovanst\u00e5ende kod tar en bild som heter &#8217;large.jpg&#8217;. Det h\u00e4r \u00e4r bilden som vi m\u00e5ste \u00e4ndra storlek p\u00e5. D\u00e5 ger det ett samtal till API Method &#8217;resize&#8217; med n\u00e5gra n\u00f6dv\u00e4ndiga parametrar som metod, bredd, h\u00f6jd. \u00c4ntligen fick vi storlek och komprimerad version av bilden som sparades som &#8217;thumbnail.jpg&#8217;.<\/p>\n<p>Normalt beh\u00e5ller vi miniatyrnamnet som &#8217;{filnamn} -miniatyr.extension&#8217;. I v\u00e5rt fall skulle det vara &#8217;large-thumbnail.jpg&#8217;. Namnkonventionen \u00e4r upp till dig. Du kan best\u00e4mma namnformat f\u00f6r din storlek p\u00e5 bilden.<\/p>\n<p>TinyPNG tillhandah\u00e5ller ytterligare 2 metoder bortsett fr\u00e5n &quot;fit&quot;. Dessa metoder \u00e4r &quot;skala&quot; och &quot;t\u00e4cka&quot;.<\/p>\n<p>H\u00e4r \u00e4r beskrivningen fr\u00e5n <a href=\"https:\/\/tinypng.com\/developers\/reference\/php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TinyPNGs webbplats<\/a> f\u00f6r alla <a href=\"https:\/\/tinypng.com\/developers\/reference\/php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tre<\/a> metoderna.<\/p>\n<ul>\n<li><strong>skala:<\/strong> Skalar ner bilden proportionellt. Du m\u00e5ste ange antingen ett m\u00e5l &quot;bredd&quot; eller ett m\u00e5l &quot;h\u00f6jd&quot;, men inte b\u00e5da. Den skalade bilden har exakt den angivna bredden eller h\u00f6jden.<\/li>\n<li><strong>fit:<\/strong> Skalar ner bilden proportionellt s\u00e5 att den passar inom de angivna dimensionerna. Du m\u00e5ste ange b\u00e5de en &#8217;bredd&#8217; och en &#8217;h\u00f6jd&#8217;. Den skalade bilden kommer inte att \u00f6verstiga n\u00e5gon av dessa dimensioner<\/li>\n<li><strong>omslag:<\/strong> Skalar bilden proportionellt och besk\u00e4r den vid behov s\u00e5 att resultatet f\u00e5r exakt de angivna dimensionerna. Du m\u00e5ste ange b\u00e5de en &#8217;bredd&#8217; och en &#8217;h\u00f6jd&#8217;. Vilka delar av bilden som besk\u00e4rs best\u00e4ms automatiskt. En intelligent algoritm best\u00e4mmer de viktigaste omr\u00e5dena och l\u00e4mnar dessa intakta.<\/li>\n<\/ul>\n<p>Vi har tagit ett exempel med metod &#8217;passform&#8217; och som n\u00e4mnts har vi passerat b\u00e5de &#8217;bredd&#8217; och &#8217;h\u00f6jd&#8217;. Du kan prova p\u00e5 andra metoder &#8217;skala&#8217; och &#8217;t\u00e4cka&#8217;.<\/p>\n<p>Vi hoppas att du f\u00f6rst\u00e5r hur du \u00e4ndrar storlek p\u00e5 bild i PHP med Tinypng. Du kanske ocks\u00e5 vill l\u00e4sa v\u00e5ra relaterade artiklar nedan.<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/tinypng-komprimera-bilder-med-php\/\" title=\"TinyPNG Komprimera bilder med PHP\">TinyPNG Komprimera bilder med PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-laddar-upp-och-komprimerar-bilder-i-laravel\/\" title=\"En guide f\u00f6r att ladda upp och komprimera bilder i Laravel\">En guide f\u00f6r att ladda upp och komprimera bilder i Laravel<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vill du \u00e4ndra storlek p\u00e5 en bild i PHP? I den h\u00e4r artikeln studerar vi hur man \u00e4ndrar storlek p\u00e5 bild i PHP med TinyPNG. TinyPNG ger oss b\u00e5de storlek och komprimerad 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":[279],"tags":[850],"class_list":["post-26843","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/26843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=26843"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/26843\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21673"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=26843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=26843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=26843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}