{"id":26928,"date":"2021-05-01T18:57:00","date_gmt":"2021-05-01T15:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26928"},"modified":"2021-10-17T17:44:20","modified_gmt":"2021-10-17T14:44:20","slug":"como-utilizar-el-metodo-wp_get_image_editor-para-cambiar-el-tamano-de-sus-imagenes-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-utilizar-el-metodo-wp_get_image_editor-para-cambiar-el-tamano-de-sus-imagenes-en-wordpress\/","title":{"rendered":"C\u00f3mo utilizar el m\u00e9todo wp_get_image_editor para cambiar el tama\u00f1o de sus im\u00e1genes en WordPress"},"content":{"rendered":"<p>En los primeros d\u00edas de mi carrera, usaba bibliotecas externas para cambiar el tama\u00f1o de las im\u00e1genes en WordPress. No sab\u00eda sobre la funci\u00f3n <strong>incorporada<\/strong> proporcionada por WordPress <strong>wp_get_image_editor resize<\/strong>. El uso de una biblioteca externa para cambiar el tama\u00f1o de las im\u00e1genes fue una tarea compleja. Gracias a WordPress por proporcionar el m\u00e9todo wp_get_image_editor que facilita mucho la vida de un desarrollador.<\/p>\n<h3>Por qu\u00e9 necesitamos cambiar el tama\u00f1o de la imagen<\/h3>\n<p>El cambio de tama\u00f1o de las im\u00e1genes es un factor muy importante en t\u00e9rminos de rendimiento del sitio, velocidad del sitio. Si est\u00e1 cargando la imagen con la dimensi\u00f3n de 1000px 500px y el espacio disponible para mostrar esta imagen en el sitio es de 300px 120px, entonces debemos cambiar el tama\u00f1o de la imagen original a la dimensi\u00f3n deseada. De esta manera, puede acelerar su sitio.<\/p>\n<p>Para que su p\u00e1gina se cargue m\u00e1s r\u00e1pido, debe cambiar el tama\u00f1o y comprimir las im\u00e1genes del sitio. Puede leer nuestros art\u00edculos sobre la optimizaci\u00f3n de im\u00e1genes <a href=\"https:\/\/themewp.inform.click\/es\/como-optimizar-la-imagen-al-cargarla-en-php\/\" title=\"C\u00f3mo optimizar la imagen al\" >C\u00f3mo optimizar la imagen al<\/a> <a href=\"https:\/\/themewp.inform.click\/es\/tinypng-comprimir-imagenes-usando-php\/\" title=\"cargarla\" >cargarla<\/a> <a href=\"https:\/\/themewp.inform.click\/es\/como-optimizar-la-imagen-al-cargarla-en-php\/\" title=\"en PHP\" >en PHP<\/a> y <a href=\"https:\/\/themewp.inform.click\/es\/tinypng-comprimir-imagenes-usando-php\/\" title=\"TinyPNG Comprimir im\u00e1genes usando PHP\" >TinyPNG Comprimir im\u00e1genes usando PHP<\/a>.<\/p>\n<h3>Uso del m\u00e9todo wp_get_image_editor()<\/h3>\n<p>El uso de <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_get_image_editor\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_get_image_editor<\/a> es muy f\u00e1cil y directo. Debe pasar la ruta absoluta de una imagen que desea cambiar de tama\u00f1o. A continuaci\u00f3n se muestra el c\u00f3digo de muestra que puede consultar seg\u00fan sus necesidades. En mi caso, estoy cambiando el tama\u00f1o de la imagen &#8216;site-logo.png&#8217; que se encuentra en mi directorio de temas en la carpeta &#8216;im\u00e1genes&#8217;. Pongo el nombre de mi nueva imagen de cambio de tama\u00f1o a &#8216;new-logo.png&#8217;.<\/p>\n<pre><code>$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-&gt;resize( 200, 50, true );\n\u00a0\u00a0\u00a0\u00a0$image-&gt;save( $img_path. 'new-logo.png' );\n}<\/code><\/pre>\n<p>Pas\u00e9 el ancho y el alto a 200px y 50px respectivamente. Observe el tercer par\u00e1metro que configur\u00e9 como verdadero. Significa que la imagen se recortar\u00e1 a las dimensiones pasadas. Si este par\u00e1metro es falso, la imagen cambiar\u00e1 de tama\u00f1o proporcionalmente.<\/p>\n<p>Espero que comprenda c\u00f3mo usar wp_get_image_editor para cambiar el tama\u00f1o de sus im\u00e1genes en WordPress. Para cualquier pregunta o sugerencia, deje un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WprdPress proporcion\u00f3 un m\u00e9todo llamado wp_get_image_editor para cambiar el tama\u00f1o de las im\u00e1genes. No es necesario utilizar ninguna biblioteca externa para cambiar el tama\u00f1o de las im\u00e1genes.<\/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":[410,606],"tags":[849],"class_list":["post-26928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverso","category-uncategorized-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/26928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=26928"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/26928\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21761"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=26928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=26928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=26928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}