{"id":1603,"date":"2016-02-04T18:43:51","date_gmt":"2016-02-04T23:43:51","guid":{"rendered":"https:\/\/mott.pe\/marketing-digital\/?p=1603"},"modified":"2023-08-30T08:13:50","modified_gmt":"2023-08-30T13:13:50","slug":"como-optimizar-las-imagenes-de-un-sitio-web","status":"publish","type":"post","link":"https:\/\/mott.marketing\/como-optimizar-las-imagenes-de-un-sitio-web\/","title":{"rendered":"\u00bfC\u00f3mo optimizar las im\u00e1genes de un sitio web?"},"content":{"rendered":"<p style=\"text-align: justify;\">Uno de los elementos m\u00e1s esenciales\u00a0en una p\u00e1gina web son las im\u00e1genes. Gracias a ellas, un sitio web puede captar la atenci\u00f3n de los usuarios. Es por eso, que se vuelve muy importante <strong>optimizar las im\u00e1genes de un sitio web<\/strong>. Si las im\u00e1genes de una p\u00e1gina web fuesen de mala calidad o muy pesadas, pueden ocasionar un rechazo de los usuarios hacia el sitio web y, probablemente, hacia la marca.<\/p>\n<p style=\"text-align: justify;\">Pero, \u00bfqu\u00e9 tan importante es la <strong>optimizaci\u00f3n de las im\u00e1genes<\/strong>? \u00bfPor qu\u00e9 optimizarlas? \u00bfCu\u00e1l es la mejor manera de optimizar las im\u00e1genes? Las respuestas a estas dudas ser\u00e1n resueltas a continuaci\u00f3n.<\/p>\n<h2><b>\u00bfPor qu\u00e9 es importante optimizar las im\u00e1genes de un sitio web?<\/b><\/h2>\n<p>Existen 3 razones principales por las que deber\u00edamos optimizar las im\u00e1genes de nuestro portal web:<\/p>\n<ul>\n<li>\n<h3><u><b>Posicionamiento<\/b><\/u><u><b> Web<\/b><\/u><u><b><\/b><\/u><u><b> SEO<\/b><\/u><\/h3>\n<ul>\n<li style=\"text-align: justify;\">Para lograr un buen <strong><a href=\"https:\/\/mott.pe\/cursos\/posicionamiento-web-seo\" target=\"_blank\" rel=\"noopener\">posicionamiento web<\/a><\/strong>, la velocidad de carga tiene mucho que ver, pero \u00bfQu\u00e9 tiene que ver esto con la imagen? Pues mucho. Si una imagen es demasiado grande, la carga ser\u00e1 lenta y Google no posiciona bien a las p\u00e1ginas lentas.<\/li>\n<\/ul>\n<\/li>\n<li>\n<h3><b><u>Conversiones<\/u><\/b><\/h3>\n<ul>\n<li style=\"text-align: justify;\">Una p\u00e1gina que solo tenga texto la har\u00e1 muy aburrida; por lo tanto, una que tenga im\u00e1genes atractivas con buen contenido permitir\u00e1 que el usuario se sienta m\u00e1s c\u00f3modo navegando dentro de ella.<\/li>\n<\/ul>\n<\/li>\n<li>\n<h3><b><u>Ima<\/u><u>gen<\/u><u> <\/u><u>de<\/u><i><u> marca<\/u><\/i><\/b><\/h3>\n<ul>\n<li style=\"text-align: justify;\">Una imagen pixeleada transmitir\u00e1 poca seriedad por parte de la marca que la implement\u00f3, por eso es recomendable verificar la calidad de estas antes de subirlas e implementarlas dentro del sitio web.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><b>\u00bfC\u00f3mo puedo optimizar las im\u00e1genes de un sitio web?<\/b><\/h2>\n<h3 style=\"display: inline !important; padding-left: 30px;\"><b><u>Seleccio<\/u><u>nar<\/u><i><u> un tipo de<\/u><\/i><u> ar<\/u><u>chivo<\/u><i><u> adecuado<\/u><\/i><\/b><\/h3>\n<p style=\"padding-left: 30px;\">Para comenzar, existen 3 tipos de archivos principales:<\/p>\n<ul>\n<li style=\"text-align: justify;\">El primero es <b>PNG. <\/b>Este se utiliza m\u00e1s en im\u00e1genes que cuenten con figuras geom\u00e9tricas y de colores planos. Sirve m\u00e1s para los logotipos.<\/li>\n<li style=\"text-align: justify;\">El segundo es <b>JPG. <\/b>Se utiliza como formato universal. Para cualquier imagen. Los colores no se pierden si se comprime.<\/li>\n<li style=\"text-align: justify;\">Por \u00faltimo se encuentra el formato<b> GIF. <\/b>Mas que nada se utiliza para animaciones cortas; sin embargo, la mayor\u00eda de ellas pierde la calidad.<\/li>\n<\/ul>\n<ul style=\"line-height: 1.5;\">\n<li style=\"text-align: justify;\">Conociendo los formatos anteriores, es ahora decisi\u00f3n de la marca elegir el que m\u00e1s le convenga.<\/li>\n<li style=\"text-align: justify;\">Para la elecci\u00f3n es recomendable tomar en cuenta los tama\u00f1os que se necesitar\u00e1n, la densidad de informaci\u00f3n que se publicar\u00e1, entre otros aspectos.<\/li>\n<\/ul>\n<h3 style=\"display: inline !important; padding-left: 30px;\"><b><u>Definir la<\/u><u> c<\/u><u>alidad<\/u><\/b><\/h3>\n<ul style=\"line-height: 1.5;\">\n<li style=\"text-align: justify;\">La mayor\u00eda de <strong>programas para optimizar im\u00e1genes<\/strong>, tales como Pixlr, le dan la oportunidad al usuario de poder elegir la calidad. Sin embargo, guardar una de mayor calidad no siempre trae los resultados que esperamos, pues, al ser de calidad \u00f3ptima, pesa m\u00e1s y, por lo tanto, la carga de la p\u00e1gina se hace m\u00e1s lenta.<\/li>\n<\/ul>\n<h3 style=\"display: inline !important; padding-left: 30px;\"><u><b>Guardar las im\u00e1genes con nombres sencillos<\/b><\/u><\/h3>\n<ul style=\"line-height: 1.5;\">\n<li style=\"text-align: justify;\">Muchas veces los usuarios guardan sus im\u00e1genes de la siguiente manera:<\/li>\n<\/ul>\n<p style=\"padding-left: 90px;\"><strong><img decoding=\"async\" class=\" wp-image-1621 alignnone\" src=\"https:\/\/mott.pe\/marketing-nuevo\/wp-content\/uploads\/2016\/02\/equis-1.png\" alt=\"equis\" width=\"19\" height=\"19\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1.png 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1-150x150.png 150w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1-180x180.png 180w\" sizes=\"(max-width: 19px) 100vw, 19px\" \/>\u00a0\u201cvrgsbs.jpg\u201d<\/strong><\/p>\n<p style=\"padding-left: 90px;\"><strong><img decoding=\"async\" class=\" wp-image-1621 alignnone\" src=\"https:\/\/mott.pe\/marketing-nuevo\/wp-content\/uploads\/2016\/02\/equis-1.png\" alt=\"equis\" width=\"19\" height=\"19\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1.png 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1-150x150.png 150w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1-180x180.png 180w\" sizes=\"(max-width: 19px) 100vw, 19px\" \/>\u00a0\u201c543262.jpg\u201d<\/strong><\/p>\n<p style=\"padding-left: 90px;\"><strong><img decoding=\"async\" class=\" wp-image-1621 alignnone\" src=\"https:\/\/mott.pe\/marketing-nuevo\/wp-content\/uploads\/2016\/02\/equis-1.png\" alt=\"equis\" width=\"19\" height=\"19\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1.png 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1-150x150.png 150w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/02\/equis-1-180x180.png 180w\" sizes=\"(max-width: 19px) 100vw, 19px\" \/>\u00a0\u201cfinaaaaaaaaal.jpg\u201d<\/strong><\/p>\n<p style=\"padding-left: 90px;\"><strong><img decoding=\"async\" class=\"wp-image-1620 alignnone\" src=\"https:\/\/mott.pe\/marketing-nuevo\/wp-content\/uploads\/2016\/02\/check-1.jpg\" alt=\"check\" width=\"25\" height=\"31\" \/>\u00a0\u00abmarketing.jpg\u00bb<\/strong><\/p>\n<p style=\"padding-left: 90px;\"><strong><img decoding=\"async\" class=\"wp-image-1620 alignnone\" src=\"https:\/\/mott.pe\/marketing-nuevo\/wp-content\/uploads\/2016\/02\/check-1.jpg\" alt=\"check\" width=\"25\" height=\"31\" \/>\u00a0\u00abcommunitymanager.png\u00bb<\/strong><\/p>\n<p style=\"padding-left: 90px;\">Entre otros ejemplos que jam\u00e1s debemos hacer, si lo que queremos es <strong>posicionar un\u00a0sitio web<\/strong>.<\/p>\n<ul>\n<li style=\"text-align: justify;\">Al cargar las im\u00e1genes en la plataforma virtual, estas autom\u00e1ticamente se guardan as\u00ed, y si una persona busca descargarla en otra plataforma diferente, podr\u00e1 ver c\u00f3mo es que se guard\u00f3.\u00a0Por eso, si eres una p\u00e1gina seria, es mejor tomar en cuenta los nombres antes de subirlas.<\/li>\n<\/ul>\n<h3 style=\"display: inline !important; padding-left: 30px;\"><b><u>Agrega descripciones o t\u00edtulos<\/u><\/b><\/h3>\n<ul style=\"line-height: 1.5;\">\n<li style=\"text-align: justify;\">Esta informaci\u00f3n es muy importante para que Google pueda optimizar tu p\u00e1gina. Es priomordial que lo que se encuentre escrito ah\u00ed est\u00e9 claro, pues es la meta-informaci\u00f3n y de eso depende lograr un buen\u00a0posicionamiento web.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\"><strong>Tambi\u00e9n te puede interesar los siguientes art\u00edculos:<\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/implementa-link-building-en-tu-estrategia-seo\/\" target=\"_blank\" rel=\"noopener\">Implementa Link building en tu estrategia SEO<\/a><\/span><\/strong><\/li>\n<li><strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/herramientas-para-tu-estrategia-seo\/\" target=\"_blank\" rel=\"noopener\">6 Herramientas que debes utilizar para tu estrategia SEO<\/a><\/span><\/strong><\/li>\n<li><strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/pasos-para-crear-articulos-seo-friendly\/\" target=\"_blank\" rel=\"noopener\">9 Tips para crear un art\u00edculo de calidad y un blog SEO friendly<\/a><\/span><\/strong><\/li>\n<li><strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/que-debo-hacer-para-generar-contenido-viral-en-facebook-y-twitter\/\" target=\"_blank\" rel=\"noopener\">\u00bfQu\u00e9 debo hacer para generar contenido viral en Facebook y Twitter?<\/a><\/span><\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Comprimir las im\u00e1genes sin alterar la calidad<\/h2>\n<p style=\"text-align: justify;\">Otro de los factores de suma importancia para el posicionamiento de\u00a0un sitio web es controlar los pesos y tama\u00f1os de las im\u00e1genes. Por consiguiente, la compresi\u00f3n de las im\u00e1genes es imprescindible, pero eso s\u00ed, se debe de <strong>comprimir las im\u00e1genes sin perjudicar la calidad<\/strong>. Para ello, existen un buena variedad de herramientas que te pueden a ayudar a optimizar tus im\u00e1genes, entre las cuales se encuentran:\u00a0TinyPNG, Compressor.io, Kraken,\u00a0Compressor.io, entre otras.<\/p>\n<h3><u><b>Re<\/b><b>comendaciones<\/b><b> adicionales<\/b><\/u><\/h3>\n<ul>\n<li>Procura que el tama\u00f1o sea el adecuado para que no se vea tan ostentosa o abarque toda la p\u00e1gina.<\/li>\n<li>El tama\u00f1o tiene que ser el indicado para que imagen se pueda divisar en cualquier tipo de dispositivo.<\/li>\n<\/ul>\n<h2><b>CONCLUSI\u00d3N<\/b><\/h2>\n<p style=\"text-align: justify;\">Ahora que ya tienes un poco m\u00e1s claro lo importante que es la <strong>optimizaci\u00f3n de im\u00e1genes en tu sitio web<\/strong>, para lograr una buena experiencia de usuario y que pueda estar posicionado en los primeros lugares de b\u00fasqueda, ya puedes empezar a aplicar estas t\u00e9cnicas para obtener mejores resultados para tu posicionamiento Web. Pero, si quieres ampliar a\u00fan m\u00e1s el tema podr\u00edas llevar cursos de Posicionamiento Web o <strong><a href=\"https:\/\/mott.pe\/cursos\/diplomado-en-marketing-digital-y-neuromarketing\" target=\"_blank\" rel=\"noopener\">Diplomados de Marketing Digital en Lima<\/a><\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uno de los elementos m\u00e1s esenciales\u00a0en una p\u00e1gina web son las im\u00e1genes. Gracias a ellas, un sitio web puede captar la atenci\u00f3n de los usuarios. Es por eso, que se vuelve muy importante optimizar las im\u00e1genes de un sitio web. Si las im\u00e1genes de una p\u00e1gina web fuesen de mala calidad o muy pesadas, pueden &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/mott.marketing\/como-optimizar-las-imagenes-de-un-sitio-web\/\"> <span class=\"screen-reader-text\">\u00bfC\u00f3mo optimizar las im\u00e1genes de un sitio web?<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":1716,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"categories":[41],"tags":[64,70],"_links":{"self":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/1603"}],"collection":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/comments?post=1603"}],"version-history":[{"count":0,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/1603\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media\/1716"}],"wp:attachment":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media?parent=1603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/categories?post=1603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/tags?post=1603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}