{"id":28153,"date":"2021-05-18T16:04:00","date_gmt":"2021-05-18T13:04:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28153"},"modified":"2021-10-17T04:50:32","modified_gmt":"2021-10-17T01:50:32","slug":"bildoptimering-med-hjalp-av-artisansweb-image-optimizer-package","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/bildoptimering-med-hjalp-av-artisansweb-image-optimizer-package\/","title":{"rendered":"Bildoptimering med hj\u00e4lp av artisansweb \/ image-optimizer Package"},"content":{"rendered":"<p>Det har g\u00e5tt fyra \u00e5r nu jag driver den h\u00e4r bloggen. Tillsammans med den h\u00e4r bloggen driver jag ocks\u00e5 en <a href=\"https:\/\/www.youtube.com\/channel\/UCosi8Kv8-EPLt5TBJLlsWJA\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">YouTube-kanal<\/a> d\u00e4r jag delar videor som visar hur jag implementerar mina artiklar.<\/p>\n<p>Jag tror p\u00e5 \u00f6ppen k\u00e4llkod. P\u00e5 min webbplats driver jag inget betalt medlemskap, s\u00e4ljer inte e-b\u00f6cker eller kurser. Jag gillar att h\u00e5lla resurserna fria. Med detta i \u00e5tanke skapade jag mitt f\u00f6rsta GitHub-paket <a href=\"https:\/\/github.com\/artisansweb\/image-optimizer\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">artisansweb \/ image-optimizer<\/a> som g\u00f6r uppgiften att optimera bilder f\u00f6r din webbplats.<\/p>\n<p>Jag har skrivit n\u00e5gra artiklar om bildoptimering tidigare. Hittills var TinyPNG min favorit och det \u00e4r det fortfarande. Men begr\u00e4nsningen med TinyPNG \u00e4r att de m\u00f6jligg\u00f6r optimering av 500 gratis bilder per m\u00e5nad. \u00d6ver 500 bilder debiteras per bild.<\/p>\n<p>F\u00e5 av tidigare artiklar om bildoptimering:<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/ladda-upp-och-komprimera-flera-bilder-i-php\/\" title=\"Ladda upp och komprimera flera bilder i PHP\">Ladda upp och komprimera flera bilder i PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-optimerar-bilden-vid-uppladdning-i-php\/\" title=\"Hur man optimerar bilden vid uppladdning i PHP\">Hur man optimerar bilden vid uppladdning i PHP<\/a><\/li>\n<\/ul>\n<p>Det finns ocks\u00e5 andra paket, men de kr\u00e4ver att vi installerar programvara som JpegOptim, Optipng, etc. p\u00e5 v\u00e5r maskin. Det \u00e4r inte heller en genomf\u00f6rbar l\u00f6sning.<\/p>\n<p>Under det senaste \u00e5ret arbetade jag med en kunds projekt som har tusentals bilder som beh\u00f6vs f\u00f6r att komprimera. Vi letade efter \u00f6ppen k\u00e4llkod och effektiv service som kan g\u00f6ra v\u00e5rt jobb. D\u00e5 l\u00e4rde vi oss om <a href=\"http:\/\/resmush.it\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">reSmush.it<\/a> som \u00e4r helt gratis tj\u00e4nst f\u00f6r att optimera bilder.<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/komprimera-bilder-for-webbplatsen-med-resmush-it-i-php\/\" title=\"Komprimera bilder f\u00f6r webbplatsen med reSmush.it i PHP\">Komprimera bilder f\u00f6r webbplatsen med reSmush.it i PHP<\/a><\/li>\n<\/ul>\n<p>\u00c4ven om jag skrev en artikel p\u00e5 reSmush.it k\u00e4nner jag att jag kan skapa ett <a href=\"https:\/\/github.com\/artisansweb\/image-optimizer\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub-paket<\/a> ur det och det gjorde jag. Om du l\u00e4ser min artikel p\u00e5 reSmush.it, hittar du att den m\u00e5ste l\u00e4gga till cirka 25-30 rader kod. Men om du v\u00e4ljer paketet kan det g\u00f6ras i 5-6 rader.<\/p>\n<p>Med det sagt, l\u00e5t oss diskutera hur man installerar och anv\u00e4nder <code>artisansweb\/image-optimizer<\/code>paketet.<\/p>\n<h3>Bildoptimering med PHP<\/h3>\n<p>F\u00f6rst m\u00e5ste du installera paketet med Composer genom att k\u00f6ra kommandot:<\/p>\n<pre><code>composer require artisansweb\/image-optimizer<\/code><\/pre>\n<p>Vid paketinstallation kan du optimera bilden med hj\u00e4lp av koden nedan.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nuse ArtisansWebOptimizer;\n\u00a0\n$img = new Optimizer();\n\u00a0\n$source = 'SOURCE_PATH_OF_IMAGE';\n$img-&gt;optimize($source);<\/code><\/pre>\n<p>H\u00e4r m\u00e5ste du skicka hela katalogv\u00e4gen f\u00f6r k\u00e4llbilden och din k\u00e4llbild optimeras automatiskt. Ibland m\u00e5ste du beh\u00e5lla originalbilden och lagra den optimerade versionen i en annan katalog. I s\u00e5 fall kan du anv\u00e4nda en andra parameter f\u00f6r destinationen.<\/p>\n<pre><code>&lt;?php\n$source = 'SOURCE_PATH_OF_IMAGE';\n$destination = 'DESTINATION_PATH_OF_IMAGE';\n$img-&gt;optimize($source, $destination);<\/code><\/pre>\n<p>Med hj\u00e4lp av ovanst\u00e5ende kod kan du optimera dina bilder som finns d\u00e4r i din katalog. Jag skulle dock rekommendera att du optimerar bilden vid uppladdningen s\u00e5 att du inte beh\u00f6ver utf\u00f6ra optimeringsuppgifter separat.<\/p>\n<p>Anv\u00e4ndaren kan optimera bilden vid uppladdningen enligt f\u00f6ljande.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nuse ArtisansWebOptimizer;\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0$img = new Optimizer();\n\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['file']['tmp_name'], 'images\/'.$_FILES['file']['name']);\n\u00a0\u00a0\u00a0\u00a0$img-&gt;optimize('images\/'.$_FILES['file']['name']);\n}\n?&gt;\n\u00a0\n&lt;form method=\"post\" enctype=\"multipart\/form-data\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;input type=\"file\" name=\"file\" \/&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;input type=\"submit\" name=\"submit\" value=\"Submit\" \/&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>\u00c4ven om reSmush.it hittills komprimerade miljarder bilder kan det vara m\u00f6jligt att deras tj\u00e4nst \u00e4r nere av n\u00e5gon anledning. Jag hanterade detta scenario i paketet. Av n\u00e5gon anledning, om paketet inte f\u00e5r en optimerad version fr\u00e5n reSmush.it, anv\u00e4nder den som ett reservf\u00e4lt PHP: s ursprungliga metoder som imagecreatefromjpeg, imagecreatefrompng, imagecreatefromgif, imagejpeg f\u00f6r optimering.<\/p>\n<p>Det finns flera nya funktioner p\u00e5g\u00e5r som jag kommer att l\u00e4gga till i paketet och sl\u00e4ppa det snart.<\/p>\n<p>Jag kommer att vara glad om du anv\u00e4nder paketet och l\u00e5t mig veta hur det fungerar i kommentarsektionen nedan. V\u00e4nligen dela din feedback s\u00e5 att vi tillsammans kan f\u00f6rb\u00e4ttra detta paket som kommer att hj\u00e4lpa samh\u00e4llet.<\/p>\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>I den h\u00e4r artikeln visar jag hur man utf\u00f6r en bildoptimeringsuppgift i PHP med hj\u00e4lp av GitHub-paketet artisansweb \/ image-optimizer. Med detta paket beh\u00f6ver du inte<\/p>\n","protected":false},"author":1,"featured_media":20571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[279],"tags":[850],"class_list":["post-28153","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\/28153","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=28153"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/28153\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/20571"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=28153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=28153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=28153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}