{"id":13021,"date":"2018-03-27T11:01:57","date_gmt":"2018-03-27T08:01:57","guid":{"rendered":"https:\/\/riin.eu\/videotutorial-como-reducir-el-tamano-de-las-imagenes-en-el-sitio-web\/"},"modified":"2018-03-27T11:01:57","modified_gmt":"2018-03-27T08:01:57","slug":"videotutorial-como-reducir-el-tamano-de-las-imagenes-en-el-sitio-web","status":"publish","type":"post","link":"https:\/\/riin.eu\/es\/videotutorial-como-reducir-el-tamano-de-las-imagenes-en-el-sitio-web\/","title":{"rendered":"[Videotutorial] C\u00f3mo reducir el tama\u00f1o de las im\u00e1genes en el sitio web"},"content":{"rendered":"<p>La imagen es la parte m\u00e1s importante de su sitio web, ya que transmite emociones e ilustra el tema compartido. Sin embargo, otro aspecto fundamental de su sitio web es la <strong>velocidad<\/strong>, y la velocidad est\u00e1 directamente relacionada con el tama\u00f1o de las im\u00e1genes de su sitio. <\/p>\n<p>He preparado una peque\u00f1a gu\u00eda sobre c\u00f3mo reducir las im\u00e1genes (optimizarlas) para el sitio web de forma que la calidad de la imagen no se vea afectada. Yo mismo utilizo este sistema a diario. <\/p>\n<p>Hoy en d\u00eda se toman im\u00e1genes muy grandes: nuestros m\u00f3viles est\u00e1n configurados para hacer fotos de m\u00e1s de 4 MB, con un tama\u00f1o de, por ejemplo, 4031&#215;2268 p\u00edxeles. Sin embargo, \u00a1no se pueden subir este tipo de im\u00e1genes al sitio web! NO SE PUEDE; recu\u00e9rdelo, \u00a1es muy importante! De lo contrario, ning\u00fan visitante esperar\u00e1 a que se descarguen y simplemente perder\u00e1 clientes. Seg\u00fan un <a href=\"https:\/\/blog.hubspot.com\/marketing\/page-load-time-conversion-rates\" target=\"_blank\" rel=\"noopener noreferrer\">art\u00edculo de Hubspot<\/a>, el 64 % de los usuarios m\u00f3viles esperan que la p\u00e1gina cargue en menos de 4 segundos. Si la p\u00e1gina no se ha abierto en ese tiempo, simplemente se marchan. No hay forma de conseguir que una p\u00e1gina cargue en 4 segundos si tiene im\u00e1genes de 4 MB.      <\/p>\n<p>A continuaci\u00f3n, se ofrece un tutorial sobre c\u00f3mo reducir las im\u00e1genes que se suben al sitio web.<\/p>\n<ol>\n<li>Averig\u00fce cu\u00e1l es el tama\u00f1o m\u00e1ximo que admite su sitio web. Puede consultarlo, por ejemplo, en la interfaz de administraci\u00f3n de WordPress: Ajustes &#8211; Medios.\n<p><figure id=\"attachment_4340\" aria-describedby=\"caption-attachment-4340\" style=\"width: 837px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-4340\" src=\"https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1.webp\" alt=\"\" width=\"837\" height=\"751\" srcset=\"https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1.webp 1017w, https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1-400x359.webp 400w, https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1-768x689.webp 768w\" sizes=\"(max-width: 837px) 100vw, 837px\" \/><figcaption id=\"caption-attachment-4340\" class=\"wp-caption-text\">\u00bfQu\u00e9 tama\u00f1o de imagen puedo subir al sitio web?<\/figcaption><\/figure><\/li>\n<\/ol>\n<ol start=\"2\">\n<li>En mi sitio <a href=\"https:\/\/riin.eu\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\">riin.eu<\/a>, las im\u00e1genes m\u00e1s grandes pueden tener un tama\u00f1o de 1024&#215;1024 px. Por lo tanto, si subo una imagen de, por ejemplo, 1500&#215;750 px, estar\u00e1 ocupando espacio innecesariamente. Se deber\u00eda reducir el lado mayor de 1500 px a un tama\u00f1o de 1024 px.  <\/li>\n<li>Una vez reducido el tama\u00f1o de la imagen, hay que optimizarla para la web. Para ello, existe un programa excelente: <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/tinypng.com\/<\/a><br \/>\nSuba las im\u00e1genes deseadas a su p\u00e1gina y ellos realizar\u00e1n las acciones necesarias para optimizarlas. Vea el siguiente v\u00eddeo.  <\/li>\n<\/ol>\n<p><span data-mce-type=\"bookmark\" style=\"display: inline-block;width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\"><\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block;width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\"><\/span><\/p>\n<p>Recuerde: \u00a1nunca suba una imagen sin optimizar! \u00a1Eso simplemente har\u00e1 que su sitio web sea lento! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>La imagen es la parte m\u00e1s importante de su sitio web, ya que transmite emociones e ilustra el tema compartido. Sin embargo, otro aspecto fundamental de su sitio web es la velocidad, y la velocidad est\u00e1 directamente relacionada con el tama\u00f1o de las im\u00e1genes de su sitio. He preparado una peque\u00f1a gu\u00eda sobre c\u00f3mo reducir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13022,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_focus_keyword":"tama\u00f1o de las im\u00e1genes en el sitio web","rank_math_description":"El tama\u00f1o de las im\u00e1genes en un sitio web determina en gran medida la rapidez con la que este se abre en el dispositivo del visitante. Lea el blog y vea el v\u00eddeo para aprender a reducir las im\u00e1genes de modo que su tama\u00f1o de archivo sea peque\u00f1o sin perder calidad. ","rank_math_title":"","rank_math_canonical_url":"","rank_math_robots":null,"footnotes":""},"categories":[192,185],"tags":[],"class_list":["post-13021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria-et","category-sin-categorizar"],"astra-portfolio-type":null,"astra-site-call-to-action":null,"_links":{"self":[{"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/posts\/13021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/comments?post=13021"}],"version-history":[{"count":0,"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/posts\/13021\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/media\/13022"}],"wp:attachment":[{"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/media?parent=13021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/categories?post=13021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riin.eu\/es\/wp-json\/wp\/v2\/tags?post=13021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}