{"id":26335,"date":"2018-05-21T00:00:00","date_gmt":"2018-05-20T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=26335"},"modified":"2023-06-05T16:59:17","modified_gmt":"2023-06-05T11:29:17","slug":"why-is-my-logo-blurry","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/why-is-my-logo-blurry\/","title":{"rendered":"\u00bfPor qu\u00e9 mi logotipo est\u00e1 borroso?"},"content":{"rendered":"

Normalmente las im\u00e1genes peque\u00f1as como el logo se ven (ej: 200px X 200px) borrosas en pantallas de Alta Definici\u00f3n como el MacBook Pro. Esto se debe a que las pantallas de alta definici\u00f3n utilizan el doble de p\u00edxeles f\u00edsicos para mostrar el logotipo (por ejemplo: 400px X 400px). Por lo tanto, el logotipo se redimensiona y pierde nitidez.<\/p>\n\n\n\n

Para solucionarlo:<\/p>\n\n\n\n

Opci\u00f3n 1: Utilice el formato de imagen SVG (recomendado)<\/strong><\/h3>\n\n\n\n

SVG son las siglas de Scalable Vector Graphics (gr\u00e1ficos vectoriales escalables). Como su nombre indica, es un formato de imagen escalable que no tiene p\u00edxeles. Por lo tanto, para cualquier imagen importante, como un logotipo, que desee que aparezca clara, n\u00edtida y definida, utilice el formato SVG. Puedes utilizar plugins como SVG Support, que permite subir archivos SVG saneados.<\/p>\n\n\n\n

Si ha cargado su logotipo en formato SVG, NO necesita utilizar la opci\u00f3n Logotipo Retina que se explica a continuaci\u00f3n.<\/p>\n\n\n\n

Opci\u00f3n 2: Logotipo Retina<\/strong><\/h3>\n\n\n\n

Si no dispone de la imagen en formato SVG, aseg\u00farese de cargar el logotipo retina de su sitio web para que se vea n\u00edtido y definido. El logotipo retina debe ser proporcionalmente m\u00e1s grande al menos 2 veces. M\u00e1s informaci\u00f3n<\/a>.<\/p>\n\n\n\n

\"Retina<\/a><\/figure>\n\n\n\n\n
\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\u00bfCu\u00e1l es el tama\u00f1o de imagen de logotipo recomendado (PNG\/JPG\/WebP)? <\/span><\/div>

Cuando cargue el archivo de imagen de su logotipo en formato .png, .jpg o .webp, el tama\u00f1o de imagen recomendado debe ser de 180 x 60px (largo X alto). Este tama\u00f1o debe utilizarse como gu\u00eda, pero no como regla. El tama\u00f1o final de la imagen del logotipo depender\u00e1 de su formato, fuentes y palabras utilizadas, etc.

Por ejemplo, si su logotipo tiene un formato cuadrado, deber\u00eda aplicar tama\u00f1os comprendidos entre 180 x 180px y 60 x 60px, el que mejor se ajuste visualmente a su dise\u00f1o. Adem\u00e1s, si su logotipo consta de palabras largas (por ejemplo, Peek & Cloppenburg), utilizar\u00eda un tama\u00f1o superior a 180px por longitud para mantener la altura en torno a 60px (por tanto, utilizar\u00eda un tama\u00f1o m\u00e1s cercano a 250\u00d760 px o 300x60px).

Tenga en cuenta que para evitar que su logotipo se vea borroso en algunos dispositivos m\u00f3viles, le recomendamos que cargue tambi\u00e9n el logotipo retina, como se ha mencionado anteriormente. As\u00ed, si la imagen de su logotipo es de 180x60px, el logotipo retina debe ser de al menos 360x120px (proporcionalmente el doble de tama\u00f1o que el logotipo est\u00e1ndar).<\/p><\/div><\/div><\/div>\n\n\n

Trucos y consejos<\/h4>\n\n\n\n

A veces, a pesar de utilizar una imagen de alta definici\u00f3n como logotipo, \u00e9sta aparece borrosa. Hay varios factores que pueden contribuir a este problema, pero aqu\u00ed tienes algunos consejos que te ayudar\u00e1n a abordarlo y resolverlo:<\/p>\n\n\n\n

    \n
  1. Dimensiones y escalado de im\u00e1genes<\/strong>: Aseg\u00farese de que las dimensiones de la imagen de su logotipo coinciden con el espacio que se le ha asignado en su sitio web. Si el logotipo se reduce o aumenta considerablemente, puede aparecer borroso. Utilice un programa de edici\u00f3n de im\u00e1genes para cambiar el tama\u00f1o del logotipo a las dimensiones exactas requeridas por su tema de WordPress.<\/li>\n\n\n\n
  2. Formato de archivo de imagen<\/strong>: Utilice un formato de archivo adecuado para su logotipo. Los formatos recomendados para los logotipos son PNG y SVG. PNG es un formato de imagen de trama que ofrece alta calidad y admite transparencias. SVG (Scalable Vector Graphics) es un formato basado en vectores que permite un escalado infinito sin perder calidad.<\/li>\n\n\n\n
  3. Resoluci\u00f3n de imagen<\/strong>: Aunque utilizar una imagen de alta definici\u00f3n es esencial, es igualmente importante asegurarse de que la resoluci\u00f3n es adecuada para la web. Una resoluci\u00f3n excesiva puede aumentar el tama\u00f1o de los archivos, ralentizar los tiempos de carga y provocar im\u00e1genes borrosas debido a los algoritmos de redimensionamiento. Procure que la resoluci\u00f3n de los gr\u00e1ficos para la web sea de 72 p\u00edxeles por pulgada (PPI).<\/li>\n\n\n\n
  4. Compresi\u00f3n y optimizaci\u00f3n<\/strong>: Optimiza la imagen de tu logotipo para su uso en Internet y reduce el tama\u00f1o del archivo sin comprometer la calidad. Plugins de WordPress como Smush u Optimole pueden comprimir y optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas, garantizando tiempos de carga m\u00e1s r\u00e1pidos y una mejor calidad de imagen.<\/li>\n\n\n\n
  5. Compatibilidad con Retina Display<\/strong>: Si su tema de WordPress es compatible con pantallas retina (pantallas de alta densidad), aseg\u00farese de que tiene una versi\u00f3n de mayor resoluci\u00f3n de su logotipo espec\u00edficamente para estas pantallas. Las pantallas retina tienen una mayor densidad de p\u00edxeles, y el uso de un logotipo normal en este tipo de pantallas puede resultar borroso. Consulte la documentaci\u00f3n de su tema o utilice un plugin como WP Retina 2x para gestionar las im\u00e1genes retina.<\/li>\n\n\n\n
  6. Borrado de cach\u00e9<\/strong>: Si has realizado cambios en la imagen de tu logotipo, borra la cach\u00e9 de tu sitio web para asegurarte de que los visitantes vean la versi\u00f3n actualizada y no borrosa del logotipo. Puedes utilizar plugins de cach\u00e9 como WP Rocket o W3 Total Cache para borrar la cach\u00e9.<\/li>\n\n\n\n
  7. Compatibilidad de temas y CSS<\/strong>: En algunos casos, los conflictos entre el tema de WordPress y el c\u00f3digo CSS personalizado pueden provocar im\u00e1genes borrosas en los logotipos. Revisa cualquier CSS personalizado que hayas aplicado al elemento del logotipo y aseg\u00farate de que no interfiere con la calidad de la imagen. Tambi\u00e9n puedes probar a desactivar temporalmente cualquier CSS personalizado para comprobar si se resuelve el problema.<\/li>\n\n\n\n
  8. Compatibilidad con navegadores<\/strong>: Pruebe su sitio web y la imagen del logotipo en distintos navegadores para garantizar una calidad de imagen uniforme. En ocasiones, algunos navegadores pueden manejar la representaci\u00f3n de la imagen de forma diferente, lo que puede afectar a la apariencia de su logotipo. Las herramientas de prueba entre navegadores, como BrowserStack, pueden ayudarle a identificar y resolver problemas espec\u00edficos de cada navegador.<\/li>\n<\/ol>\n\n\n\n

    Poniendo en pr\u00e1ctica estos consejos, deber\u00eda ser capaz de resolver el problema de un logotipo borroso en su sitio web WordPress. Recuerda mantener siempre un equilibrio entre la calidad de la imagen y el tama\u00f1o del archivo para optimizar el rendimiento de tu sitio web. Si sigues teniendo el mismo problema, no dudes en abrir un ticket de asistencia<\/a> con nosotros y estaremos encantados de seguir investigando.<\/p>","protected":false},"excerpt":{"rendered":"

    Normalmente las im\u00e1genes peque\u00f1as como el logo se ven (ej: 200px X 200px) borrosas en pantallas de Alta Definici\u00f3n como el MacBook Pro. Esto se debe a que las pantallas de alta definici\u00f3n utilizan el doble de p\u00edxeles f\u00edsicos para mostrar el logotipo (por ejemplo: 400px X 400px). Por lo tanto, el logotipo se redimensiona y pierde claridad. Para solucionarlo: [...]<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"closed","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":[1995],"docs_tag":[],"class_list":{"0":"post-26335","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-after-3-0"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["2093"],"_wp_old_slug":[""],"_wp_page_template":["default"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["1"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:59:\"https:\/\/git-staging.wpastra.com\/docs\/why-is-my-logo-blurry\/\";s:8:\"url_real\";s:59:\"https:\/\/git-staging.wpastra.com\/docs\/why-is-my-logo-blurry\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";s:5:\"37127\";s:6:\"anchor\";s:22:\"Why is my logo blurry?\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:51:\"How to add Logo, Favicon and Site Title with Astra?\";}}"],"wpil_links_outbound_internal_count":["2"],"wpil_links_outbound_internal_count_data":["a:2:{i:0;a:9:{s:3:\"url\";s:56:\"https:\/\/git-staging.wpastra.com\/introducing-retina-logo\/\";s:8:\"url_real\";s:56:\"https:\/\/git-staging.wpastra.com\/introducing-retina-logo\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:21406;s:6:\"anchor\";s:14:\"Read more here\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:23:\"Introducing Retina Logo\";}i:1;a:9:{s:3:\"url\";s:80:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-retina-logo.png\";s:8:\"url_real\";s:80:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-retina-logo.png\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:123:\"\"\"\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count":["1"],"wpil_links_outbound_external_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:42:\"https:\/\/wordpress.org\/plugins\/svg-support\/\";s:8:\"url_real\";s:42:\"https:\/\/wordpress.org\/plugins\/svg-support\/\";s:4:\"host\";s:13:\"wordpress.org\";s:9:\"host_real\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:11:\"SVG Support\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_sync_report2_time":["2019-09-05T12:01:47+00:00"],"_edit_lock":["1708664339:109"],"_edit_last":["89"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images & Names Correctly. Title & Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_title":["Why Is My Logo Blurry?"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["11"],"_ht_kb_usefulness":["-1"],"_ht_article_order_120":["26335"],"wp_last_modified_info":["June 5, 2023 @ 4:59 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["5640"],"helpful":["11"],"unhelpful":["16"],"redirects":["6"],"rank_math_primary_docs_category":["1995"],"rank_math_title":["Why Is My Logo Blurry?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1104"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"c43ccf3989eb84c2cfb5cbdac6ce293e\";s:6:\"images\";a:1:{i:0;i:84535;}}"],"_wplmi_last_modified":["2023-06-05 16:59:17"],"rank_math_seo_score":["17"],"pfd_related_docs":["a:5:{i:0;s:8:\" 89779\";i:1;s:8:\" 94879\";i:2;s:8:\" 95653\";i:3;s:8:\" 70152\";i:4;s:8:\" 95107\";}"],"pfd_manual_related_docs":["1"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["por-que-mi-logotipo-aparece-borroso"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5904:\".uagb-block-c77b067f .uagb-icon svg{width: 12px;height: 12px;font-size: 12px;fill: #313131;}.uagb-block-c77b067f .uagb-icon-active svg{width: 12px;height: 12px;font-size: 12px;fill: #656565;}.uagb-block-c77b067f .uagb-faq-child__outer-wrap{margin-bottom: 10px;}.uagb-block-c77b067f .uagb-faq-item{background-color: #FFFFFF;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-color: #D2D2D2;border-style: solid;}.uagb-block-c77b067f .uagb-faq-item .uagb-question{color: #313131;}.uagb-block-c77b067f .uagb-faq-item.uagb-faq-item-active .uagb-question{color: #656565;}.uagb-block-c77b067f .uagb-faq-item:hover .uagb-question{color: #656565;}.uagb-block-c77b067f .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-c77b067f .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-c77b067f .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}.uagb-block-c77b067f.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-c77b067f.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-c77b067f .uagb-faq-item:hover .uagb-icon svg{fill: #656565;}.uagb-block-c77b067f .uagb-faq-item .uagb-faq-questions-button.uagb-faq-questions{flex-direction: row;}.uagb-block-c77b067f .uagb-faq-item .uagb-faq-content{color: #313131;}.uagb-block-c77b067f .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-content {display: none;}@media only screen and (max-width: 976px) {.uagb-block-c77b067f.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-c77b067f.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-c77b067f .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-c77b067f .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-c77b067f .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}.uagb-block-c77b067f .uagb-icon svg{width: 12px;height: 12px;font-size: 12px;}.uagb-block-c77b067f .uagb-icon-active svg{width: 12px;height: 12px;font-size: 12px;}.uagb-block-c77b067f .uagb-faq-item{border-style: solid;border-color: #D2D2D2;}}@media only screen and (max-width: 767px) {.uagb-block-c77b067f.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-c77b067f .uagb-faq-item{border-style: solid;border-color: #D2D2D2;}.uagb-block-c77b067f.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-c77b067f .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-c77b067f .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-c77b067f .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}.uagb-block-c77b067f .uagb-icon svg{width: 12px;height: 12px;font-size: 12px;}.uagb-block-c77b067f .uagb-icon-active svg{width: 12px;height: 12px;font-size: 12px;}}.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:9:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:8:\"uagb\/faq\";i:4;s:14:\"uagb\/faq-child\";i:5;s:9:\"core\/list\";i:6;s:14:\"core\/list-item\";i:7;s:14:\"uagb\/container\";i:8;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776747334\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:1;}"]},"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":"Sujay Pawar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/sujay\/"},"uagb_comment_info":0,"uagb_excerpt":"Usually small images such as logo look (ex: 200px X 200px) blurry on High Definition screens such as MacBook Pro. That is because on the HD screens actually use twice the physical pixels to display the logo (ex: 400px X 400px). So the logo is just resized (scaled UP) causing it to lose its clarity. To solve this:…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/26335"}],"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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=26335"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/26335\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=26335"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=26335"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=26335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}