{"id":30722,"date":"2023-04-25T05:37:42","date_gmt":"2023-04-25T03:37:42","guid":{"rendered":"\/tutoriales\/?p=30722"},"modified":"2025-02-09T11:26:27","modified_gmt":"2025-02-09T10:26:27","slug":"tamanos-de-imagenes-en-wordpress","status":"publish","type":"post","link":"\/co\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","title":{"rendered":"Tama\u00f1o de im\u00e1genes en WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Gestionar im&aacute;genes en WordPress puede ser todo un desaf&iacute;o. Si no prestas suficiente atenci&oacute;n a los requisitos, puedes obtener un sitio web desordenado en cuanto a la apariencia o incluso podr&iacute;a afectar al tiempo de carga.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por lo tanto, es necesario que aprendas acerca de los tama&ntilde;os de imagen por defecto de WordPress y c&oacute;mo cambiarlos. En este tutorial te vamos a explicar c&oacute;mo se procesan las im&aacute;genes en WordPress, sus tama&ntilde;os ideales, cambiar sus tama&ntilde;os por defecto y mucho m&aacute;s.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-como-procesa-wordpress-las-imagenes\">C&oacute;mo procesa WordPress las im&aacute;genes<\/h2><p class=\"wp-block-paragraph\">Una vez que subas una imagen a tu biblioteca de medios, WordPress generar&aacute; autom&aacute;ticamente im&aacute;genes adicionales con 3 tama&ntilde;os predeterminados y las almacenar&aacute; por separado. Por lo tanto, ver&aacute;s 4 opciones de imagen cuando est&eacute;s subiendo una imagen.&nbsp;<\/p><p class=\"wp-block-paragraph\">Estas son las opciones: miniatura, medio, grande y tama&ntilde;o completo. Las tres primeras opciones se denominan tama&ntilde;os de im&aacute;genes por defecto de WordPress, mientras que la opci&oacute;n de tama&ntilde;o completo es el tama&ntilde;o original que subes.<\/p><p class=\"wp-block-paragraph\">WordPress crea estas opciones ya que el uso de diferentes ubicaciones para colocar las im&aacute;genes requerir&aacute; una resoluci&oacute;n de imagen diferente. Por ejemplo, la resoluci&oacute;n de la imagen en miniatura puede ser diferente de la resoluci&oacute;n de la imagen utilizada en el slider.&nbsp;&nbsp;<\/p><p class=\"wp-block-paragraph\">Por lo tanto, no es necesario editar y redimensionar las im&aacute;genes manualmente si deseas utilizar las mismas im&aacute;genes en diferentes lugares con diferentes resoluciones. S&oacute;lo necesitas una imagen y WordPress har&aacute; el resto.<\/p><h2 class=\"wp-block-heading\" id=\"h-tamanos-predeterminados-de-las-imagenes-en-wordpress\">Tama&ntilde;os predeterminados de las im&aacute;genes en WordPress<\/h2><p class=\"wp-block-paragraph\">Por defecto, WordPress viene con cuatro tama&ntilde;os de imagen pre-instalados. Estas son las medidas:<\/p><ul class=\"wp-block-list\">\n<li>Miniatura: <strong>150px*150px cuadrado<\/strong><\/li>\n\n\n\n<li>Tama&ntilde;o medio: <strong>300px*300px de ancho y alto como m&aacute;ximo<\/strong><\/li>\n\n\n\n<li>Tama&ntilde;o grande: <strong>1024px*1024px de ancho y alto como m&aacute;ximo<\/strong><\/li>\n\n\n\n<li>Tama&ntilde;o completo: <strong> completo\/original de la imagen subida<\/strong><\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-cambiar-el-tamano-predeterminado-de-las-imagenes-de-wordpress\">C&oacute;mo cambiar el tama&ntilde;o predeterminado de las im&aacute;genes de WordPress<\/h2><p class=\"wp-block-paragraph\">Aunque WordPress ya ofrece 4 tama&ntilde;os por defecto, si decides que estas opciones no se ajustan a tus necesidades, existen alternativas para conseguir el mejor tama&ntilde;o de las im&aacute;genes de tu sitio web. Tal vez, necesites miniaturas m&aacute;s peque&ntilde;as o <a href=\"\/co\/tutoriales\/imagenes-destacadas-wordpress\/\">im&aacute;genes destacadas<\/a> m&aacute;s anchas.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por lo tanto, es necesario cambiar el tama&ntilde;o de la imagen por defecto en WordPress. Para ello, sigue los siguientes pasos:<\/p><ol class=\"wp-block-list\">\n<li>Ve a tu panel de administraci&oacute;n de WordPress<\/li>\n\n\n\n<li>Sit&uacute;a el cursor sobre <strong>Ajustes -&gt; Medios<\/strong><\/li>\n\n\n\n<li>En la ventana Ajustes de medios, puedes configurar los p&iacute;xeles que desees para cada tama&ntilde;o<\/li>\n\n\n\n<li>Pulsa el bot&oacute;n <strong>Guardar cambios <\/strong>para guardar la configuraci&oacute;n.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1232\" height=\"844\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-92.png\/w=1024,h=1024,fit=scale-down\" alt=\"Secci&oacute;n Ajustes de medios en WordPress\" class=\"wp-image-30723\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-92.png\/w=1232,fit=scale-down 1232w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-92.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-92.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-92.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-92.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1232px) 100vw, 1232px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-como-anadir-un-tamano-de-imagen-personalizada-en-wordpress\">C&oacute;mo a&ntilde;adir un tama&ntilde;o de imagen personalizada en WordPress<\/h2><p class=\"wp-block-paragraph\">Por defecto tienes los 3 aspectos de im&aacute;genes antes mencionados. Digamos que tienes una imagen de tama&ntilde;o miniatura para tu miniatura, una imagen de tama&ntilde;o medio para la imagen de tus post y una imagen de tama&ntilde;o grande para tu imagen destacada.&nbsp;<\/p><p class=\"wp-block-paragraph\">Sin embargo, te das cuenta de que necesitas m&aacute;s tama&ntilde;os de imagen por defecto para tu banner emergente y para los <a href=\"\/co\/tutoriales\/que-es-widget-wordpress\/\">widgets<\/a>.&nbsp;<\/p><p class=\"wp-block-paragraph\">&iquest;Se puede a&ntilde;adir tama&ntilde;os de imagen personalizados en WordPress? S&iacute;, s&iacute; es posible. A continuaci&oacute;n el paso a paso.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-1-anadir-tamano-de-imagen-personalizada-de-wordpress-editando-el-archivo-function-php\">Paso 1: a&ntilde;adir tama&ntilde;o de imagen personalizada de WordPress editando el archivo function.php&nbsp;<\/h3><p class=\"wp-block-paragraph\">En realidad, algunos temas te dan opciones de tama&ntilde;o adicionales. No obstante, si no las encuentras, vamos a a&ntilde;adir nuestros propios tama&ntilde;os de imagen personalizados.<\/p><p class=\"wp-block-paragraph\"><div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                <strong>&iexcl;Importante!<\/strong> Vamos a trabajar con c&oacute;digo. As&iacute; que, aseg&uacute;rate de <a href=\"\/co\/tutoriales\/una-copia-seguridad-sitio-wordpress\/\">hacer una copia de seguridad<\/a> y <a href=\"\/co\/tutoriales\/utilizar-child-theme\/\">crear un tema hijo de WordPress<\/a> antes de modificar cualquier detalle.\n            <\/p><\/div><\/p><ol class=\"wp-block-list\">\n<li>Ve a tu panel de administraci&oacute;n<\/li>\n\n\n\n<li>Sit&uacute;e el cursor sobre <strong>Apariencia -&gt; Editor<\/strong><\/li>\n\n\n\n<li>Edita el archivo <strong>functions.php<\/strong><\/li>\n\n\n\n<li>Copia el siguiente script y pegalo en el archivo:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">add_theme_support( 'pop-up-banner' );<\/pre><ol class=\"wp-block-list\" start=\"5\">\n<li>Pulsa el bot&oacute;n <strong>Actualizar archivo<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">El script anterior activar&aacute; la funci&oacute;n <strong>add_image_size()<\/strong>. Si esta funci&oacute;n ya est&aacute; activa, puedes a&ntilde;adir nuevas im&aacute;genes de WordPress como las siguientes:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">add_image_size( 'pop-up banner size', 1000, 590 );\nadd_image_size( 'widget size', 220, 180 );<\/pre><p class=\"wp-block-paragraph\">En estos ejemplos, debes dar a los tama&ntilde;os adicionales los nombres &ldquo;pop-up banner size&rdquo; y &ldquo;widget size&rdquo;. Los dos n&uacute;meros que siguen al nombre del tama&ntilde;o representan la anchura y la altura.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-94.png\/w=1024,h=1024,fit=scale-down\" alt=\"Archivo functions.php del tema Astra en WordPress\" class=\"wp-image-30725\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-94.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-94.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-94.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-94.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-paso-2-mostrar-los-tamanos-personalizados-en-tu-tema\">Paso 2: mostrar los tama&ntilde;os personalizados en tu tema<\/h3><p class=\"wp-block-paragraph\">Has a&ntilde;adido correctamente los nuevos tama&ntilde;os de imagen personalizados. Sin embargo, no se han visualizado en tu tema de WordPress. Ahora, tienes que permitir los nuevos tama&ntilde;os en tu tema.<\/p><p class=\"wp-block-paragraph\">En primer lugar, haz una copia de seguridad de tu sitio web antes de realizar cualquier cambio. Luego, accede a tu archivo de tema dentro del loop de post y ed&iacute;talo. A continuaci&oacute;n, pega este c&oacute;digo:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php the_post_thumbnail( 'your-specified-image-size' ); ?&gt;<\/pre><p class=\"wp-block-paragraph\">Debes cambiar &lsquo;your-specified-image-size` con el nombre que estableciste en el paso anterior. Por ejemplo, puedes cambiarlo por &lsquo;pop-up-banner size&rsquo;. Despu&eacute;s de seguir estos pasos, podr&aacute;s encontrar opciones de tama&ntilde;o de banner emergente cuando subas im&aacute;genes a tu biblioteca de multimedia.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/co\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-actualizar-el-tamano-de-imagenes-anteriores\">Actualizar el tama&ntilde;o de im&aacute;genes anteriores<\/h2><p class=\"wp-block-paragraph\">Hemos establecido un nuevo tama&ntilde;o de imagen personalizado en WordPress. Ahora, este cambio no se ver&aacute; reflejado en tus im&aacute;genes antiguas. Por lo tanto, es necesario volver a generar tus tama&ntilde;os de im&aacute;genes personalizados anteriores.<\/p><p class=\"wp-block-paragraph\">Por suerte, no necesitas hacerlo uno a uno manualmente. Existe un plugin llamado <a href=\"https:\/\/es.wordpress.org\/plugins\/regenerate-thumbnails\/\" target=\"_blank\" rel=\"noreferrer noopener\">Regenerate Thumbnails<\/a> que te ayudar&aacute; a actualizar el tama&ntilde;o de tu imagen anterior. Sigue los siguientes pasos para hacerlo:<\/p><ol class=\"wp-block-list\">\n<li>Ve a tu panel de administraci&oacute;n<\/li>\n\n\n\n<li>Haz clic en <strong>Plugins -&gt; A&ntilde;adir nuevo<\/strong><\/li>\n\n\n\n<li>Escribe <strong>Regenerate Thumbnails <\/strong>en la barra de b&uacute;squeda.<\/li>\n\n\n\n<li>Instala y activa el plugin<\/li>\n\n\n\n<li>Ahora, dir&iacute;gete a <strong>Herramientas-&gt; Regenerar las miniaturas<\/strong><\/li>\n\n\n\n<li>Haz clic en el bot&oacute;n <strong>Regenerar miniaturas para todos los X adjuntos<\/strong><\/li>\n\n\n\n<li>Ahora, todas las im&aacute;genes cargadas anteriormente se regenerar&aacute;n con la nueva configuraci&oacute;n de imagen.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1643\" height=\"676\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-93.png\/w=1024,h=1024,fit=scale-down\" alt=\"Funci&oacute;n Regenerar las miniaturas en WordPress\" class=\"wp-image-30724\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-93.png\/w=1643,fit=scale-down 1643w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-93.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-93.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-93.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2023\/04\/image-93.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1643px) 100vw, 1643px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p class=\"wp-block-paragraph\">El tama&ntilde;o de las im&aacute;genes en WordPress parece algo trivial, pero en realidad, puede darte un dolor de cabeza. A veces te encontrar&aacute;s con que los archivos de im&aacute;genes que subes no cumplen con el tama&ntilde;o que quieres.<\/p><p class=\"wp-block-paragraph\">Para solucionar esto, puedes probar dos m&eacute;todos: cambiar los tama&ntilde;os de imagen predeterminados de WordPress o a&ntilde;adir tama&ntilde;os de imagen personalizados.&nbsp;<\/p><p class=\"wp-block-paragraph\">Antes de configurar el nuevo tama&ntilde;o, recuerda que subir im&aacute;genes grandes con una resoluci&oacute;n alta no es una buena idea. Las im&aacute;genes de gran tama&ntilde;o ocupar&aacute;n mucho espacio y ralentizar&aacute;n el tiempo de carga de tu sitio web.&nbsp;<\/p><p class=\"wp-block-paragraph\">Esperamos que este art&iacute;culo te ayude elegir las im&aacute;genes ideales, en el lugar adecuado y con los tama&ntilde;os de las im&aacute;genes adecuados. &iexcl;Buena suerte!&nbsp;<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Aprende m&aacute;s sobre WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/co\/tutoriales\/que-es-base-datos-wordpress\/\">Gu&iacute;a: base de datos de WordPress <br><\/a><a href=\"\/co\/tutoriales\/cumplir-rgpd-wordpress\/\">Gu&iacute;a: WordPress RGPD<br><\/a><a href=\"\/co\/tutoriales\/campos-personalizados-wordpress\/\">C&oacute;mo a&ntilde;adir campos personalizados en WordPress <br><\/a><a href=\"\/co\/tutoriales\/crear-un-shortcode-en-wordpress\/\">C&oacute;mo crear un atajo en WordPress <br><\/a><a href=\"\/co\/tutoriales\/como-optimizar-imagenes-wordpress\/\">C&oacute;mo optimizar Im&aacute;genes en WordPress <br><\/a><a href=\"\/co\/tutoriales\/mejorar-velocidad-wordpress\/\">C&oacute;mo acelerar un sitio de WordPress<\/a><\/p>\n                    <\/div>\n        <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gestionar im&aacute;genes en WordPress puede ser todo un desaf&iacute;o. Si no prestas suficiente atenci&oacute;n a los requisitos, puedes obtener un sitio web desordenado en cuanto a la apariencia o incluso podr&iacute;a afectar al tiempo de carga.&nbsp; Por lo tanto, es necesario que aprendas acerca de los tama&ntilde;os de imagen por defecto de WordPress y c&oacute;mo [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/tamanos-de-imagenes-en-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":353,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Tama\u00f1o de im\u00e1genes en WordPress: tutorial completo","rank_math_description":"Descubre la importancia del tama\u00f1o de im\u00e1genes en WordPress. Adem\u00e1s, aprende c\u00f3mo se procesan las im\u00e1genes y a cambiar sus tama\u00f1os.","rank_math_focus_keyword":"tama\u00f1o imagenes wordpress","footnotes":""},"categories":[4747,14347],"tags":[],"class_list":["post-30722","post","type-post","status-publish","format-standard","hentry","category-wordpress","category-avanzado"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-images-sizes\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/tamanho-imagens-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"pl-PL","link":"https:\/\/www.hostinger.com\/pl\/tutoriale\/rozmiary-obrazow-w-wordpress\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/tamanho-imagens-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/30722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=30722"}],"version-history":[{"count":11,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/30722\/revisions"}],"predecessor-version":[{"id":34498,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/30722\/revisions\/34498"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=30722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=30722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=30722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}