{"id":1083,"date":"2024-04-22T19:20:06","date_gmt":"2024-04-22T19:20:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1083"},"modified":"2024-11-11T12:11:04","modified_gmt":"2024-11-11T12:11:04","password":"","slug":"como-cambiar-el-tamano-de-la-imagen","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-change-image-size\/","title":{"rendered":"Change Image Size"},"content":{"rendered":"<p>Cambiar el tama\u00f1o de la imagen en WordPress se refiere a modificar las dimensiones de una imagen. Despu\u00e9s de subir una imagen, crea autom\u00e1ticamente varios tama\u00f1os de la imagen para servirlos para diferentes prop\u00f3sitos en su sitio.<\/p>\n\n\n\n<p>Pero estos tama\u00f1os predeterminados pueden no satisfacer sus necesidades personales. Por eso, a la hora de elegir el dise\u00f1o de la p\u00e1gina y el contenido de la entrada del blog, es posible que quieras cambiar el tama\u00f1o de las im\u00e1genes para que reflejen el dise\u00f1o que deseas.<\/p>\n\n\n\n<p>Vamos a explorar varios m\u00e9todos de c\u00f3mo cambiar el tama\u00f1o de la imagen en WordPress en este art\u00edculo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00e9todo uno: C\u00f3mo cambiar el tama\u00f1o de la imagen usando el editor de Gutenberg<\/h2>\n\n\n\n<p>Mientras crea contenido de publicaciones y p\u00e1ginas con el editor Gutenberg, puede personalizar el tama\u00f1o de la imagen. Aqu\u00ed te explicamos c\u00f3mo hacerlo:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Seleccionar la imagen<\/h3>\n\n\n\n<p>Seleccione la imagen en el editor que desea redimensionar. <\/p>\n\n\n\n<p>Ir a la <strong>Ficha Configuraci\u00f3n<\/strong> del bloque de im\u00e1genes de la barra lateral derecha. Ver\u00e1 el icono <strong>Anchura<\/strong> y <strong>Cajas de altura<\/strong> en la pesta\u00f1a.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp\" alt=\"C\u00f3mo cambiar el tama\u00f1o de las im\u00e1genes en WordPress con el editor Gutenberg\" class=\"wp-image-1084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 02: Colocar valores para redimensionar la imagen<\/h3>\n\n\n\n<p><strong>Coloque los valores deseados<\/strong> en el <strong>Anchura<\/strong> y <strong>Cajas de altura<\/strong>. Ver\u00e1s que el tama\u00f1o de la imagen cambia en consecuencia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp\" alt=\"\" class=\"wp-image-1085\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Actualizaci\u00f3n<\/strong> la entrada\/p\u00e1gina para guardar los cambios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Segundo m\u00e9todo: C\u00f3mo cambiar el tama\u00f1o de la imagen desde la biblioteca multimedia<\/h2>\n\n\n\n<p>Todos los archivos multimedia que subes a WordPress se almacenan en la biblioteca multimedia. Tambi\u00e9n puedes cambiar el tama\u00f1o de las im\u00e1genes individualmente desde all\u00ed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Ir a la biblioteca multimedia de WordPress<\/h3>\n\n\n\n<p>Ir a la <strong>Mediateca<\/strong> y elija la imagen que desea redimensionar.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp\" alt=\"C\u00f3mo cambiar el tama\u00f1o de una imagen desde la biblioteca multimedia\" class=\"wp-image-1086\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>La imagen seleccionada se abrir\u00e1 en una nueva ventana. Pulse el bot\u00f3n <strong>Bot\u00f3n Editar imagen<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp\" alt=\"Editar imagen en la biblioteca multimedia de WordPress\" class=\"wp-image-1087\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 02: Recortar la imagen<\/h3>\n\n\n\n<p>Haga clic en el bot\u00f3n <strong>Bot\u00f3n de recorte<\/strong>. Puede seleccionar manualmente el \u00e1rea de la imagen que desea recortar. Pulse el bot\u00f3n <strong>Bot\u00f3n Aplicar recorte<\/strong> finalmente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp\" alt=\"Recortar la imagen\" class=\"wp-image-1088\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Guardar los cambios<\/strong> al final.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00e9todo Tres: Configurar los medios para diferentes tama\u00f1os de imagen<\/h2>\n\n\n\n<p>Una vez que hayas establecido tus tama\u00f1os de imagen preferidos, cualquier imagen que subas a WordPress se optimizar\u00e1 autom\u00e1ticamente a esos tama\u00f1os. Ya no tendr\u00e1s que redimensionarlas individualmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Ir a Media Settings<\/h3>\n\n\n\n<p>Ir a <strong>Configuraci\u00f3n &gt; Medios<\/strong> desde el panel de control de WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp\" alt=\"Ir a Ajustes multimedia en WordPress\" class=\"wp-image-1089\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Coloca los valores que desees seg\u00fan el tipo de imagen en sus respectivas casillas de anchura y altura. Pulse el bot\u00f3n <strong>Guardar cambios<\/strong> al final.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp\" alt=\"Configuraci\u00f3n de medios para distintos tama\u00f1os de imagen\" class=\"wp-image-1090\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>As\u00ed, puede cambiar el tama\u00f1o de las im\u00e1genes de varias maneras en su sitio web WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Ser capaz de cambiar el tama\u00f1o de la imagen es una habilidad importante para cualquier usuario de WordPress. Tanto si eres dise\u00f1ador web como creador de contenidos, debes saberlo para mejorar la calidad de tu dise\u00f1o y creaci\u00f3n de contenidos.<\/p>\n\n\n\n<p>Pero recuerda comprimir todas las im\u00e1genes y establecer una relaci\u00f3n de aspecto antes de subirlas. Ayudar\u00e1 a preservar la integridad visual de tus im\u00e1genes y a mantener tu sitio r\u00e1pido y ligero.<\/p>","protected":false},"excerpt":{"rendered":"<p>Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site. But these default sizes may not meet your personal needs. So when curating page design and blog post content, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[53,52],"class_list":["post-1083","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-change-image-size","doc_tag-image-size"],"year_month":"2026-04","word_count":436,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/es\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Change Image Size","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/change-image-size\/"},{"term_name":"Image Size","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/image-size\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1083\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1083\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=1083"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}