{"id":27013,"date":"2021-05-01T19:05:00","date_gmt":"2021-05-01T16:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27013"},"modified":"2021-10-17T05:24:09","modified_gmt":"2021-10-17T02:24:09","slug":"hur-man-anvander-wp_get_image_editor-metod-for-att-andra-storlek-pa-dina-bilder-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-anvander-wp_get_image_editor-metod-for-att-andra-storlek-pa-dina-bilder-i-wordpress\/","title":{"rendered":"Hur man anv\u00e4nder wp_get_image_editor Metod f\u00f6r att \u00e4ndra storlek p\u00e5 dina bilder i WordPress"},"content":{"rendered":"

I b\u00f6rjan av min karri\u00e4r anv\u00e4nde jag externa bibliotek f\u00f6r att \u00e4ndra storlek p\u00e5 bilderna i WordPress. Jag visste inte om inbyggd WordPress f\u00f6rutsatt att funktionen wp_get_image_editor \u00e4ndra storlek<\/strong>. Att anv\u00e4nda externt bibliotek f\u00f6r att \u00e4ndra storlek p\u00e5 bilder var en slags komplex uppgift. Tack till WordPress f\u00f6r att tillhandah\u00e5lla metoden wp_get_image_editor som g\u00f6r utvecklarlivet mycket enkelt.<\/p>\n

Varf\u00f6r m\u00e5ste vi \u00e4ndra storlek p\u00e5 bilden<\/h3>\n

Att \u00e4ndra storlek p\u00e5 bilder \u00e4r en mycket viktig faktor n\u00e4r det g\u00e4ller webbplatsens prestanda, webbplatsens hastighet. Om du laddar upp bilden med dimensionen 1000px 500px och det lediga utrymmet f\u00f6r att visa bilden p\u00e5 plats \u00e4r 300px 120px, b\u00f6r vi \u00e4ndra storlek p\u00e5 originalbilden till \u00f6nskad dimension. P\u00e5 s\u00e5 s\u00e4tt kan du p\u00e5skynda din webbplats.<\/p>\n

F\u00f6r att g\u00f6ra att sidan laddas snabbare b\u00f6r du \u00e4ndra storlek och komprimera webbplatsbilder. Du kan l\u00e4sa v\u00e5ra artiklar om optimering av bilder S\u00e5 h\u00e4r optimerar du bild vid uppladdning i PHP<\/a> och TinyPNG Komprimera bilder med PHP<\/a>.<\/p>\n

Anv\u00e4ndning av metoden wp_get_image_editor()<\/h3>\n

Anv\u00e4ndningen av wp_get_image_editor<\/a> \u00e4r v\u00e4ldigt enkelt och okomplicerat. Du m\u00e5ste passera den absoluta v\u00e4gen f\u00f6r en bild som du vill \u00e4ndra storlek p\u00e5. Nedan \u00e4r exempelkoden som du kan h\u00e4nvisa till enligt dina behov. I mitt fall \u00e4ndrar jag storleken p\u00e5 bilden ’site-logo.png’ som finns i min temakatalog under mappen ’bilder’. Jag namnge min nya storleksbild till ’new-logo.png’.<\/p>\n

$img_path = get_stylesheet_directory(). '\/images\/';\n$img_name = 'site-logo.png';\n$image = wp_get_image_editor( $img_path. $img_name );\nif (! is_wp_error( $image)) {\n\u00a0\u00a0\u00a0\u00a0$image->resize( 200, 50, true );\n\u00a0\u00a0\u00a0\u00a0$image->save( $img_path. 'new-logo.png' );\n}<\/code><\/pre>\n
Jag har skickat bredden och h\u00f6jden till 200 pixlar respektive 50 pixlar. L\u00e4gg m\u00e4rke till den tredje parametern som jag st\u00e4ller in till true. Det betyder att bilden kommer att besk\u00e4ras h\u00e5rt till de passerade dimensionerna. Om denna parameter \u00e4r falsk kommer storleken p\u00e5 bilden att \u00e4ndras proportionellt.<\/p>\n
Jag hoppas att du f\u00f6rst\u00e5r hur du anv\u00e4nder wp_get_image_editor f\u00f6r att \u00e4ndra storlek p\u00e5 dina bilder i WordPress. F\u00f6r eventuella fr\u00e5gor eller f\u00f6rslag l\u00e4mna en kommentar nedan.<\/p>\n
Inspelningsk\u00e4lla:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
WprdPress tillhandah\u00f6ll en metod som heter wp_get_image_editor f\u00f6r att \u00e4ndra storlek p\u00e5 bilderna. Du beh\u00f6ver inte anv\u00e4nda n\u00e5got externt bibliotek f\u00f6r att \u00e4ndra storlek p\u00e5 bilder.<\/p>\n","protected":false},"author":1,"featured_media":21761,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[418,614],"tags":[850],"class_list":["post-27013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27013","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=27013"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27013\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21761"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=27013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=27013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=27013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}