{"id":3450,"date":"2016-06-20T08:33:41","date_gmt":"2016-06-20T13:03:41","guid":{"rendered":"https:\/\/skatox.com\/blog\/?p=3450"},"modified":"2023-02-28T11:55:24","modified_gmt":"2023-02-28T16:55:24","slug":"crear-imagenes-responsive-wordpress","status":"publish","type":"post","link":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/","title":{"rendered":"Im\u00e1genes responsive en WordPress"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u00bfQue son las im\u00e1genes responsive?<\/h2>\n\n\n\n<p>Las im\u00e1genes reponsive son aquellas im\u00e1genes que autom\u00e1ticamente carga la mejor versi\u00f3n para la resoluci\u00f3n de tu equipo, esto permite con una misma etiqueta HTML cargar una imagen de alta resoluci\u00f3n para una computadora con pantalla HiDPI (Retina Display) y una imagen de baja resoluci\u00f3n para un dispositivo m\u00f3vil con una pantalla de baja calidad. (Si quieres leer mas documentaci\u00f3n te recomiendo leer <a title=\"Etiqueta IMG\" href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/HTML\/Elemento\/img\" target=\"_blank\" rel=\"noopener\">la entrada de &lt;img&gt; en MDN<\/a>).<\/p>\n\n\n\n<p>El c\u00f3digo HTML necesario es como cualquier <em>&lt;img&gt;<\/em> para dar compatibilidad a las p\u00e1ginas existentes, pero adicionalmente se agrega un atributo <em>srcset<\/em> para poder especificar la imagen correspondiente a cada resoluci\u00f3n y tambi\u00e9n se agrega el atributo <em>sizes<\/em> para definir las reglas de cuando usar cada imagen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo generar el c\u00f3digo en WordPress<\/h2>\n\n\n\n<p>A partir de <a title=\"Documentaci\u00f3n sobre im\u00e1genes responsive en WordPress\" href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\" target=\"_blank\" rel=\"noopener\">WordPress 4.4 ahora podemos contar im\u00e1genes responsive<\/a> de forma autom\u00e1tica, usando las funciones de este CMS obtendr\u00e1s el c\u00f3digo HTML para crear im\u00e1genes adaptables, pero probablemente si tienes alg\u00fan c\u00f3digo donde generabas las etiquetas de estas im\u00e1genes manualmente, necesitaras llamar a varias funcionales para hacerlo.<\/p>\n\n\n\n<p>A continuaci\u00f3n te explicare c\u00f3mo es el proceso, el primer paso es obtener los valores de los atributos <em>src<\/em> y <em>srcset<\/em>, en este caso pasamos <strong>full<\/strong> como tama\u00f1o para obtener la imagen en su mayor resoluci\u00f3n:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">$img_src = wp_get_attachment_image_url( $attach_id, 'full' );\n$img_srcset =\u00a0 wp_get_attachment_image_srcset( $attach_id, 'full' );<\/code><\/pre>\n\n\n\n<p>Generamos la etiqueta <em>sizes<\/em> para los tipos de im\u00e1genes que queremos mostrar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">$wp_sizes\u00a0\u00a0 = array('full', 'large', 'medium', 'thumbnail');\n$img_sizes\u00a0 = '';\n\nforeach ( $wp_sizes as $wp_size ) {\n  $img_sizes .=\u00a0 wp_calculate_image_sizes( $wp_size,\u00a0 $img_src, null,\u00a0 $attach_id );\n}<\/code><\/pre>\n\n\n\n<p>Luego podemos generar el HTML de la etiqueta <em>img:<\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">$img = sprintf(\n '&lt;img src=\"%s\" srcset=\"%s\" sizes=\"%s\" alt=\"%s\"  \/>',\n esc_url( $img_src ), esc_attr( $img_srcset ),\n esc_attr($img_sizes), $img_alt\n);<\/code><\/pre>\n\n\n\n<p>Listo, ya tendr\u00e1s una etiqueta de imagen responsiva donde dependiendo de la resoluci\u00f3n del dispositivo, se cambiar\u00e1 la imagen por una de mayor o menor de resoluci\u00f3n (dependiendo del dispositivo). Cabe destacar que esta funcionalidad funciona con todo navegador moderno exceptuando&#8230;por supuesto&#8230;Internet Explorer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQue son las im\u00e1genes responsive? Las im\u00e1genes reponsive son aquellas im\u00e1genes que autom\u00e1ticamente carga la mejor versi\u00f3n para la resoluci\u00f3n de tu equipo, esto permite&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/\">Seguir leyendo<span class=\"screen-reader-text\">Im\u00e1genes responsive en WordPress<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Como crear Im\u00e1genes responsive en #Wordpress","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[716,582,1017],"tags":[],"class_list":["post-3450","post","type-post","status-publish","format-standard","hentry","category-todo-lo-relacionado-al-desarrollo-de-software","category-planetas-linux","category-wordpress","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Im\u00e1genes responsive en Wordpress - El blog de Skatox<\/title>\n<meta name=\"description\" content=\"Crea im\u00e1genes responsive, para que se adapten a la resoluci\u00f3n de tu dispositivo, mostrando im\u00e1genes de gran calidad pero ahorrando ancho de banda\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Im\u00e1genes responsive en Wordpress - El blog de Skatox\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"El blog de Skatox\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ElWeblogdeSkatox\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-20T13:03:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-28T16:55:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/skatox.com\/blog\/images\/2015\/12\/skatux.png\" \/>\n\t<meta property=\"og:image:width\" content=\"625\" \/>\n\t<meta property=\"og:image:height\" content=\"603\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Miguel Useche\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@skatox\" \/>\n<meta name=\"twitter:site\" content=\"@skatox\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Miguel Useche\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/\"},\"author\":{\"name\":\"Miguel Useche\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/person\\\/e081bf33c5b0f1b0514e253cb578e1ba\"},\"headline\":\"Im\u00e1genes responsive en WordPress\",\"datePublished\":\"2016-06-20T13:03:41+00:00\",\"dateModified\":\"2023-02-28T16:55:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/\"},\"wordCount\":317,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\"},\"articleSection\":[\"Desarrollo y Programaci\u00f3n\",\"Planetas\",\"Wordpress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/\",\"name\":\"Im\u00e1genes responsive en Wordpress - El blog de Skatox\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#website\"},\"datePublished\":\"2016-06-20T13:03:41+00:00\",\"dateModified\":\"2023-02-28T16:55:24+00:00\",\"description\":\"Crea im\u00e1genes responsive, para que se adapten a la resoluci\u00f3n de tu dispositivo, mostrando im\u00e1genes de gran calidad pero ahorrando ancho de banda\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2016\\\/06\\\/20\\\/crear-imagenes-responsive-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Im\u00e1genes responsive en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\",\"name\":\"El blog de Skatox\",\"description\":\"Compartiendo mis opiniones inform\u00e1ticas mas all\u00e1 de los 280 caracteres\",\"publisher\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/skatox.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\",\"name\":\"El blog de Skatox\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/03\\\/tux.png\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/03\\\/tux.png\",\"width\":218,\"height\":218,\"caption\":\"El blog de Skatox\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ElWeblogdeSkatox\\\/\",\"https:\\\/\\\/x.com\\\/skatox\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/skatox\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MiguelAngelUsecheCastro\",\"https:\\\/\\\/x.com\\\/skatox\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/person\\\/e081bf33c5b0f1b0514e253cb578e1ba\",\"name\":\"Miguel Useche\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1779414635\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1779414635\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1779414635\",\"caption\":\"Miguel Useche\"},\"sameAs\":[\"https:\\\/\\\/skatox.com\",\"https:\\\/\\\/x.com\\\/skatox\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Im\u00e1genes responsive en Wordpress - El blog de Skatox","description":"Crea im\u00e1genes responsive, para que se adapten a la resoluci\u00f3n de tu dispositivo, mostrando im\u00e1genes de gran calidad pero ahorrando ancho de banda","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Im\u00e1genes responsive en Wordpress - El blog de Skatox","og_url":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/","og_site_name":"El blog de Skatox","article_publisher":"https:\/\/www.facebook.com\/ElWeblogdeSkatox\/","article_published_time":"2016-06-20T13:03:41+00:00","article_modified_time":"2023-02-28T16:55:24+00:00","og_image":[{"width":625,"height":603,"url":"https:\/\/skatox.com\/blog\/images\/2015\/12\/skatux.png","type":"image\/png"}],"author":"Miguel Useche","twitter_card":"summary_large_image","twitter_creator":"@skatox","twitter_site":"@skatox","twitter_misc":{"Escrito por":"Miguel Useche","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/#article","isPartOf":{"@id":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/"},"author":{"name":"Miguel Useche","@id":"https:\/\/skatox.com\/blog\/#\/schema\/person\/e081bf33c5b0f1b0514e253cb578e1ba"},"headline":"Im\u00e1genes responsive en WordPress","datePublished":"2016-06-20T13:03:41+00:00","dateModified":"2023-02-28T16:55:24+00:00","mainEntityOfPage":{"@id":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/"},"wordCount":317,"commentCount":0,"publisher":{"@id":"https:\/\/skatox.com\/blog\/#organization"},"articleSection":["Desarrollo y Programaci\u00f3n","Planetas","Wordpress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/","url":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/","name":"Im\u00e1genes responsive en Wordpress - El blog de Skatox","isPartOf":{"@id":"https:\/\/skatox.com\/blog\/#website"},"datePublished":"2016-06-20T13:03:41+00:00","dateModified":"2023-02-28T16:55:24+00:00","description":"Crea im\u00e1genes responsive, para que se adapten a la resoluci\u00f3n de tu dispositivo, mostrando im\u00e1genes de gran calidad pero ahorrando ancho de banda","breadcrumb":{"@id":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/skatox.com\/blog\/2016\/06\/20\/crear-imagenes-responsive-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/skatox.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Im\u00e1genes responsive en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/skatox.com\/blog\/#website","url":"https:\/\/skatox.com\/blog\/","name":"El blog de Skatox","description":"Compartiendo mis opiniones inform\u00e1ticas mas all\u00e1 de los 280 caracteres","publisher":{"@id":"https:\/\/skatox.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skatox.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/skatox.com\/blog\/#organization","name":"El blog de Skatox","url":"https:\/\/skatox.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/skatox.com\/blog\/images\/2022\/03\/tux.png","contentUrl":"https:\/\/skatox.com\/blog\/images\/2022\/03\/tux.png","width":218,"height":218,"caption":"El blog de Skatox"},"image":{"@id":"https:\/\/skatox.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ElWeblogdeSkatox\/","https:\/\/x.com\/skatox","https:\/\/www.linkedin.com\/in\/skatox\/","https:\/\/www.youtube.com\/c\/MiguelAngelUsecheCastro","https:\/\/x.com\/skatox\/"]},{"@type":"Person","@id":"https:\/\/skatox.com\/blog\/#\/schema\/person\/e081bf33c5b0f1b0514e253cb578e1ba","name":"Miguel Useche","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1779414635","url":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1779414635","contentUrl":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1779414635","caption":"Miguel Useche"},"sameAs":["https:\/\/skatox.com","https:\/\/x.com\/skatox"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":4937,"url":"https:\/\/skatox.com\/blog\/2025\/03\/31\/como-redimensionar-varias-imagenes-desde-finder-en-macos\/","url_meta":{"origin":3450,"position":0},"title":"C\u00f3mo redimensionar varias im\u00e1genes desde Finder en macOS","author":"Miguel Useche","date":"31 de marzo de 2025","format":false,"excerpt":"Yo tengo mi propia instancia de Nextcloud (un Dropbox libre) para almacenar en la nube mis archivos de forma privada y cifrada. Al tomar fotos desde mi iPhone, utiliza una resoluci\u00f3n muy alta que considero innecesaria para fotos personales, entonces al subirlas a la nube, \u00e9stas ocupan mucho espacio. Generalmente\u2026","rel":"","context":"En \u00abApple\/Mac\u00bb","block_context":{"text":"Apple\/Mac","link":"https:\/\/skatox.com\/blog\/category\/applemac\/"},"img":{"alt_text":"","src":"https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif","width":350,"height":200,"srcset":"https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 1x, https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 1.5x, https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 2x, https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 3x"},"classes":[]},{"id":1928,"url":"https:\/\/skatox.com\/blog\/2010\/05\/27\/mis-extensiones-recomendadas-desarrollo-web-firefox\/","url_meta":{"origin":3450,"position":1},"title":"Extensiones de Firefox recomendadas para el desarrollo web","author":"Miguel Useche","date":"27 de mayo de 2010","format":false,"excerpt":"Soy usuario de Firefox desde sus inicios y cuando empec\u00e9 a trabajar como desarrollador web en Caniatech, descubr\u00ed una gran cantidad de extensiones (la mayor\u00eda gracias a su lista de complementos favoritos) que permiten transformar este navegador en una maravillosa herramienta indispensable para cuando se est\u00e1 creando p\u00e1ginas\/sistemas web (si\u2026","rel":"","context":"En \u00abDesarrollo web\u00bb","block_context":{"text":"Desarrollo web","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/desarrollo-web\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2010\/05\/Firebug-500x372.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2831,"url":"https:\/\/skatox.com\/blog\/2013\/11\/04\/imagenes-de-boot2gecko-firefox-os-1-2-para-el-alcatel-touch-fire\/","url_meta":{"origin":3450,"position":2},"title":"Imagenes de Boot2Gecko (Firefox OS) 1.2  para el Alcatel One Touch Fire","author":"Miguel Useche","date":"4 de noviembre de 2013","format":false,"excerpt":"Hace unos d\u00edas quise aprender sobre como funciona Firefox OS y cambiar el sistema de mi tel\u00e9fono Alcatel One Touch Fire por uno mejor, despu\u00e9s de leer las instrucciones de como compilar Firefox OS logr\u00e9 crear unas im\u00e1genes de Boot2Gecko para el tel\u00e9fono. \u00c9stas im\u00e1genes contienen la versi\u00f3n libre de\u2026","rel":"","context":"En \u00abFirefox OS\u00bb","block_context":{"text":"Firefox OS","link":"https:\/\/skatox.com\/blog\/category\/firefox\/firefox-os\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2013\/11\/2013-11-04-11-50-59-150x150.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":224,"url":"https:\/\/skatox.com\/blog\/2007\/10\/29\/hacer-parecer-gnome-como-macos-leopard\/","url_meta":{"origin":3450,"position":3},"title":"Hacer parecer Gnome como MacOs Leopard","author":"Miguel Useche","date":"29 de octubre de 2007","format":false,"excerpt":"Si quieren hacer que su Gnome se parezca a Leopard (que tiene como 3 dias de lanzado), simplemente miren este enlace que les explicar\u00e1 de manera muy detallada con im\u00e1genes de cada proceso (osea, no hay forma de perderse) de cambiar la apariencia el cual queda como algo asi: Por\u2026","rel":"","context":"En \u00abGnu\/Linux\u00bb","block_context":{"text":"Gnu\/Linux","link":"https:\/\/skatox.com\/blog\/category\/gnulinux\/"},"img":{"alt_text":"Gnome like MacOs","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2007\/10\/Mac4Lin.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2007\/10\/Mac4Lin.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2007\/10\/Mac4Lin.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":5549,"url":"https:\/\/skatox.com\/blog\/2025\/10\/27\/mi-laptop-lenovo-p14s-como-va-en-linux\/","url_meta":{"origin":3450,"position":4},"title":"Un a\u00f1o con mi laptop Lenovo P14s: por qu\u00e9 la eleg\u00ed y c\u00f3mo va con Linux","author":"Miguel Useche","date":"27 de octubre de 2025","format":false,"excerpt":"Hace un a\u00f1o decid\u00ed actualizar mi computadora port\u00e1til debido a que comenz\u00f3 con fallas de v\u00eddeo (no era el flex; el monitor hab\u00eda sido actualizado meses antes; ocurr\u00eda en todos los sistemas operativos) y ya le hab\u00eda hecho tantas actualizaciones y cambios: RAM, disco duro, monitor, tarjeta del wifi, entre\u2026","rel":"","context":"En \u00abMi P\u00e1gina\u00bb","block_context":{"text":"Mi P\u00e1gina","link":"https:\/\/skatox.com\/blog\/category\/otras-cosas\/mi-pagina\/"},"img":{"alt_text":"","src":"https:\/\/skatox.com\/blog\/images\/2025\/10\/calcomanias-de-mi-laptop.avif","width":350,"height":200,"srcset":"https:\/\/skatox.com\/blog\/images\/2025\/10\/calcomanias-de-mi-laptop.avif 1x, https:\/\/skatox.com\/blog\/images\/2025\/10\/calcomanias-de-mi-laptop.avif 1.5x, https:\/\/skatox.com\/blog\/images\/2025\/10\/calcomanias-de-mi-laptop.avif 2x, https:\/\/skatox.com\/blog\/images\/2025\/10\/calcomanias-de-mi-laptop.avif 3x, https:\/\/skatox.com\/blog\/images\/2025\/10\/calcomanias-de-mi-laptop.avif 4x"},"classes":[]},{"id":4277,"url":"https:\/\/skatox.com\/blog\/2020\/10\/15\/multimonitor-con-diferentes-resoluciones-hidpi-en-kde-con-wayland\/","url_meta":{"origin":3450,"position":5},"title":"Multi-monitor con diferentes resoluciones en KDE con Wayland","author":"Miguel Useche","date":"15 de octubre de 2020","format":false,"excerpt":"Desde hace a\u00f1o y medio empec\u00e9 a usar un segundo monitor cuando trabajo en mi port\u00e1til. El monitor es uno sencillo con resoluci\u00f3n Full HD (1080p) pero el de mi port\u00e1til es Retina Display (2K), resulta que en X.Org no es tan f\u00e1cil tener multi-monitor con diferentes resoluciones y densidades\u2026","rel":"","context":"En \u00abGnu\/Linux\u00bb","block_context":{"text":"Gnu\/Linux","link":"https:\/\/skatox.com\/blog\/category\/gnulinux\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2020\/10\/20-10-14-18-37-18-0889.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2020\/10\/20-10-14-18-37-18-0889.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2020\/10\/20-10-14-18-37-18-0889.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2020\/10\/20-10-14-18-37-18-0889.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2020\/10\/20-10-14-18-37-18-0889.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts\/3450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/comments?post=3450"}],"version-history":[{"count":0,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts\/3450\/revisions"}],"wp:attachment":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/media?parent=3450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/categories?post=3450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/tags?post=3450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}