{"id":100397,"date":"2021-07-16T20:52:35","date_gmt":"2021-07-16T15:22:35","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=100397"},"modified":"2023-05-04T17:25:12","modified_gmt":"2023-05-04T11:55:12","slug":"recommended-size-for-featured-image","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/recommended-size-for-featured-image\/","title":{"rendered":"Tama\u00f1o recomendado para subir im\u00e1genes destacadas"},"content":{"rendered":"<p>Tener una gran imagen destacada es una necesidad, no s\u00f3lo para su p\u00e1gina de inicio, sino tambi\u00e9n para cada p\u00e1gina y post. Adem\u00e1s, si tienes una tienda online, todos tus productos deben tener im\u00e1genes (destacadas) atractivas para que se vendan bien. Por lo tanto, el uso de un tama\u00f1o adecuado de imagen destacada es muy beneficioso.<\/p>\n\n\n\n<p>Este documento te ayudar\u00e1 a evitar las im\u00e1genes borrosas y cortadas. Aprenda a conseguir que sus im\u00e1genes tengan siempre el tama\u00f1o perfecto. Adem\u00e1s, para m\u00e1s detalles, consulte nuestro <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/wordpress-featured-image\/\">Art\u00edculo de blog sobre im\u00e1genes destacadas<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 es importante la imagen destacada?<\/h2>\n\n\n\n<p>La imagen destacada suele ser el primer punto de contacto entre su contenido y los usuarios. Tanto si hablamos de las redes sociales como de la navegaci\u00f3n por tu sitio web o cualquier otra b\u00fasqueda, la tarea de la imagen destacada es atraer la atenci\u00f3n del usuario.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-social.png\" alt=\"Astra Featured Image Social\" class=\"wp-image-100404\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-social.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-social-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-social-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-social-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Esta imagen se muestra con mayor frecuencia en la parte superior de tus publicaciones, en la p\u00e1gina de blog de tu sitio web y en las publicaciones relacionadas. Adem\u00e1s, una imagen destacada se muestra a menudo cuando su contenido se comparte en las redes sociales o como un mensaje.&nbsp;<\/p>\n\n\n\n<p>La imagen destacada da una idea del contenido de tu post o p\u00e1gina. Adem\u00e1s, crea expectativas en el usuario sobre la calidad del contenido y la oferta.&nbsp;<\/p>\n\n\n\n<p>Adem\u00e1s, con un poco de esfuerzo a la hora de dise\u00f1ar tus im\u00e1genes destacadas, esto se convierte en una oportunidad para dar a conocer tu marca y destacar entre la multitud.<\/p>\n\n\n\n<p>Dicho esto, est\u00e1 claro por qu\u00e9 es crucial que su imagen destacada sea siempre perfecta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compartir en redes sociales<\/h3>\n\n\n\n<p>Cuando el contenido de su sitio web se comparta en las redes sociales, su imagen destacada tendr\u00e1 un papel central a la hora de atraer tr\u00e1fico, ya que se mostrar\u00e1 junto con el t\u00edtulo siempre que se comparta.&nbsp;<\/p>\n\n\n\n<p>Aqu\u00ed, sus im\u00e1genes se escalar\u00e1n proporcionalmente. Por lo tanto, si no se ajustan correctamente, pueden recortarse y hacer que algunas partes de la imagen no sean visibles.<\/p>\n\n\n\n<p>Los plugins de SEO como Yoast SEO o RankMath te proporcionar\u00e1n opciones como a\u00f1adir un t\u00edtulo y una descripci\u00f3n personalizados para tus entradas, p\u00e1ginas y otros contenidos. Adem\u00e1s, puedes elegir una imagen destacada, un t\u00edtulo y una descripci\u00f3n diferentes para compartir en Facebook o Twitter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Add-New-Post-\u2039-astra-\u2014-WordPress-1024x454.png\" alt=\"\" class=\"wp-image-151678\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Add-New-Post-\u2039-astra-\u2014-WordPress-1024x454.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Add-New-Post-\u2039-astra-\u2014-WordPress-300x133.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Add-New-Post-\u2039-astra-\u2014-WordPress-768x340.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Add-New-Post-\u2039-astra-\u2014-WordPress-1536x680.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Add-New-Post-\u2039-astra-\u2014-WordPress.png 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Establecer imagen destacada<\/h2>\n\n\n\n<p>Hemos explicado la importancia de las im\u00e1genes destacadas y c\u00f3mo se utilizan. Ahora, vamos a hablar sobre el tama\u00f1o de la imagen destacada y c\u00f3mo configurar las cosas.<\/p>\n\n\n\n<p>Para a\u00f1adir una imagen destacada a una p\u00e1gina o entrada, tendr\u00e1s que editarla. Una vez que empiece a editar, elija una imagen destacada en la configuraci\u00f3n de la p\u00e1gina\/publicaci\u00f3n. A modo de ejemplo, explicaremos c\u00f3mo a\u00f1adir una imagen destacada a una nueva entrada:<\/p>\n\n\n\n<p><strong>Primer paso<\/strong> - Vaya a Panel de control &gt; Publicar &gt; A\u00f1adir nuevo;<\/p>\n\n\n\n<p><strong>Paso 2<\/strong> - En la parte derecha de la pantalla, compruebe la configuraci\u00f3n de la entrada y despl\u00e1cese hasta la secci\u00f3n \"Imagen destacada\";<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/featured-image-1024x377.png\" alt=\"\" class=\"wp-image-151679\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/featured-image-1024x377.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/featured-image-300x110.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/featured-image-768x283.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/featured-image-1536x566.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/featured-image.png 1909w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Paso 3<\/strong> - Haga clic en el campo \"Establecer imagen destacada\" y seleccione o cargue su imagen destacada;<\/p>\n\n\n\n<p><strong>Paso 4<\/strong> - Publicar\/Actualizar doc para guardar la imagen destacada.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tama\u00f1o de la imagen destacada<\/h3>\n\n\n\n<p>El tama\u00f1o de la imagen destacada puede variar en funci\u00f3n del tema utilizado. Con Astra Theme, recomendamos subir el tama\u00f1o de imagen de 1200 p\u00edxeles (ancho) por 628 p\u00edxeles (alto):<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-blog.png\" alt=\"Astra Featured Image Blog\" class=\"wp-image-100406\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-blog.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-blog-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-blog-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-featured-image-blog-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Una vez que hayas subido la imagen, WordPress crear\u00e1 autom\u00e1ticamente varias versiones de tu imagen original, utilizadas para diferentes tama\u00f1os de pantalla.&nbsp;<\/p>\n\n\n\n<p>Establecer la imagen original en 1200 x 628 p\u00edxeles tambi\u00e9n ayudar\u00e1 a evitar algunos problemas de recorte tanto en tu sitio web como en las redes sociales.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cargar una imagen del tama\u00f1o correcto frente a cambiar el tama\u00f1o<\/h3>\n\n\n\n<p>Es vital tener todas las im\u00e1genes optimizadas, ya que el tama\u00f1o de las im\u00e1genes afecta a los tiempos de carga y al rendimiento general del sitio web. Algunas herramientas excelentes lo har\u00e1n por ti. Puede consultar nuestro blog<a href=\"https:\/\/git-staging.wpastra.com\/es\/plugins\/best-wordpress-image-optimization-plugins\/\"> art\u00edculo para comparar diferentes plugins de optimizaci\u00f3n de im\u00e1genes<\/a> y elija la mejor herramienta para usted.<\/p>\n\n\n\n<p>Por otro lado, aunque estas herramientas son de gran ayuda, s\u00f3lo hasta cierto punto. Para obtener los mejores resultados, los archivos de imagen deben estar formateados correctamente antes de subirlos a su sitio web.<\/p>","protected":false},"excerpt":{"rendered":"<p>Tener una gran imagen destacada es una necesidad, no s\u00f3lo para su p\u00e1gina de inicio, sino tambi\u00e9n para cada p\u00e1gina y post. Adem\u00e1s, si tienes una tienda online, todos tus productos deben tener im\u00e1genes (destacadas) atractivas para que se vendan bien. Por lo tanto, utilizar un tama\u00f1o de imagen destacado adecuado es muy beneficioso. Este documento le ayudar\u00e1 a evitar [...]<\/p>","protected":false},"author":70,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[136,108],"docs_tag":[],"class_list":{"0":"post-100397","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-blog","6":"docs_category-general"},"spectra_custom_meta":{"wp_last_modified_info":["May 4, 2023 @ 5:25 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1683201313:89"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_estimated-reading-time-minutes":["4"],"views":["13612"],"helpful":["43"],"unhelpful":["16"],"redirects":["10"],"_yoast_wpseo_primary_docs_category":["108"],"_yoast_wpseo_focuskw":["Featured Image Size"],"_yoast_wpseo_metadesc":["Are you wondering how to make your Featured Images perfect? Learn about Featured Image Size and avoid blurry images on your pages and posts"],"_yoast_wpseo_linkdex":["76"],"rank_math_primary_docs_category":["108"],"rank_math_description":["Are you wondering how to make your Featured Images perfect? Learn about Featured Image Size and avoid blurry images on your pages and posts"],"rank_math_focus_keyword":["Featured Image Size"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["196"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["34"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"ef3948d8016116847e21fb66638d1b84\";s:6:\"images\";a:1:{i:0;i:100404;}}"],"_wplmi_last_modified":["2023-05-04 17:25:12"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["tamano-recomendado-para-la-imagen-destacada"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776531187\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"Having a great featured image is a must, not only for your home page but also for every page and post. Furthermore, if you\u2019re running an online shop, all your products must have great-looking product (featured) images to sell well.&nbsp;Therefore, using proper featured image size is greatly beneficial. This document will help you avoid blurry&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/100397"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=100397"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/100397\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=100397"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=100397"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=100397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}