{"id":31045,"date":"2019-09-24T13:22:02","date_gmt":"2019-09-24T11:22:02","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=31045"},"modified":"2019-09-24T14:48:12","modified_gmt":"2019-09-24T12:48:12","slug":"formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/","title":{"rendered":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web &#8211; \u00bfVale la Pena Utilizarlos?"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31062\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion-600x400.png\" alt=\"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?\" width=\"600\" height=\"400\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion-500x333.png 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion-350x233.png 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Si hablamos de <strong>formatos de imagen<\/strong> para web, la cosa est\u00e1 clara, <strong>JPG y PNG<\/strong>.<\/p>\n<p>Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una relaci\u00f3n <em>calidad\/peso<\/em> optima.<\/p>\n<p>Aunque si eres de los que les gusta realizar an\u00e1lisis de optimizaci\u00f3n de la web para ver que puedes ir mejorando, quiz\u00e1s ya hayas visto que el <em>PageSpeed Insights<\/em> de Google muestra una mejora sobre el tipo de formatos de imagen parecida a esta:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31047\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/pagespeed-imagenes-formatos-proxima-generacion-600x187.jpg\" alt=\"pagespeed imagenes formatos proxima generacion\" width=\"600\" height=\"187\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/pagespeed-imagenes-formatos-proxima-generacion.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/pagespeed-imagenes-formatos-proxima-generacion-500x156.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/pagespeed-imagenes-formatos-proxima-generacion-350x109.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><!--pagespeed imagenes formatos proxima generacion--><\/p>\n<p>Como puedes ver, se nombran tres tipos de formato de im\u00e1genes distintos a los habituales:<\/p>\n<ul>\n<li><strong>JPEG 2000<\/strong><\/li>\n<li><strong>JPEG XR<\/strong><\/li>\n<li><strong>WebP<\/strong><\/li>\n<\/ul>\n<p>Tambi\u00e9n dicen que <em>\u00bb &#8230;comprimen mejor las im\u00e1genes que los formatos PNG o JPEG&#8230;\u00bb<\/em>, algo que siempre es bueno, ya que a menor peso de las im\u00e1genes, <strong>mayor velocidad de descarga<\/strong>, pero&#8230;<strong>\u00bfVale la pena usarlos ahora mismo?<\/strong>.<\/p>\n<p>Hay que tener en cuenta que los distintos formatos de imagen, no son un est\u00e1ndar oficial, pero al final se convierten en est\u00e1ndar por su uso generalizado.<\/p>\n<p>As\u00ed que con estos nuevos <strong>formatos de imagen de pr\u00f3xima generaci\u00f3n para web<\/strong>, aun tenemos que ver cu\u00e1l es el que m\u00e1s nos interesa utilizar, el m\u00e1s compatible o el que mejor comprime las im\u00e1genes.<\/p>\n<hr \/>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-web\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/03\/banner_hostinet_generico.jpg\" alt=\"Hosting Gen\u00e9rico\"><\/a><\/p>\n<hr \/>\n<h2>Formato de Imagen JPEG 2000<\/h2>\n<p>El formato <strong>JPEG<\/strong> quiz\u00e1s sea el m\u00e1s popular para la web, aviso, <strong>JPG y JPEG es exactamente lo mismo<\/strong>, pero abreviado para que la extensi\u00f3n sea la correcta en sistemas operativos.<\/p>\n<p>Realmente no s\u00f3lo es popular para la web, si no en cualquier ordenador o dispositivo que trabaje con im\u00e1genes, como la im\u00e1genes que toman nuestros tel\u00e9fonos, que acaban siendo procesadas en JPG.<\/p>\n<p>El formato JPEG fue creado en 1992 por la asociaci\u00f3n <strong>Joint Photographic Experts Group<\/strong>, que podemos traducir como <em>Grupo Conjunto de Expertos en Fotograf\u00eda<\/em>, pero lo que nos tiene que importar es que estamos hablando de 1992 y eso es muy viejo en tecnolog\u00eda.<\/p>\n<p>La misma asociaci\u00f3n creo en el a\u00f1o 2000, una actualizaci\u00f3n de su popular est\u00e1ndar de compresi\u00f3n con perdida y en un alarde de originalidad lo llam\u00f3 <strong>JPEG 2000<\/strong>.<\/p>\n<p>Desde entonces han pasado ya varios a\u00f1os 19 y el formato JPEG 2000 no es que digamos, muy popular.<\/p>\n<p>Esto es debido a que no es un formato de uso libre y tiene un sistema de patentes, <strong>patentes que muchos navegadores y profesionales no est\u00e1n dispuesto a pagar<\/strong>, as\u00ed que no parece que tenga mucho futuro por ahora.<\/p>\n<p>Seg\u00fan la web <em><a title=\"Compatibilidad navegadores web\" href=\"https:\/\/caniuse.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">caniuse.com<\/a><\/em>, un sitio web que te dice qu\u00e9 navegadores son compatibles con seg\u00fan qu\u00e9 tecnolog\u00eda, nos dice que, al d\u00eda de hoy, el formato de imagen JPEG 2000, s\u00f3lo es compatible con el navegador <strong>Safari<\/strong> y <strong>iOS Safari<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31048\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-2000-600x263.jpg\" alt=\"compatibilidad jpeg 2000 \" width=\"600\" height=\"263\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-2000.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-2000-500x219.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-2000-350x153.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>As\u00ed que si usas Firefox, Chrome, Opera, Edge o alg\u00fan otro navegador en el m\u00f3vil, <strong>no ser\u00e1 compatible<\/strong>.<\/p>\n<h2>Formato de Imagen JPEG XR<\/h2>\n<p>Veamos ahora el <strong>formato de imagen JPEG XR<\/strong>. Es un formato creado por <strong>Microsoft<\/strong>, as\u00ed que su compatibilidad con los navegadores de la casa est\u00e1 garantizada.<\/p>\n<p>Este nuevo formato de JPEG, es capaz de <strong>reducir el peso de una imagen al 50%<\/strong>, respecto a un JPEG tradicional a la misma calidad de la imagen.<\/p>\n<p>Esto es muy importante, sobre todo para navegadores m\u00f3viles y para cuestiones de velocidad de carga de una web.<\/p>\n<p>Reducir casi a la mitad el tama\u00f1o de las im\u00e1genes de una web, s\u00f3lo cambiando el formato, puede ser algo muy interesante para muchos usuarios.<\/p>\n<p>La asociaci\u00f3n <strong>Joint Photographic Experts Group<\/strong> <em>(JPEG)<\/em>, lo apoya como est\u00e1ndar y sucesor natural del formato JPEG 2000, pero <strong>no el resto de navegadores<\/strong>.<\/p>\n<p>Por ahora s\u00f3lo est\u00e1 soportado por los navegadores creados por Microsoft, que son <strong>Internet Explorer<\/strong> y <strong>Edge<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31049\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-xr-600x222.jpg\" alt=\"compatibilidad jpeg xr\" width=\"600\" height=\"222\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-xr.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-xr-500x185.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-jpeg-xr-350x130.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2>Formato de Imagen WebP<\/h2>\n<p>Y por \u00faltimo tenemos el formato <strong>WebP<\/strong>, que difiere de los otros dos, porque no tiene nada que ver con JPEG.<\/p>\n<p>El propietario de este formato es otro gigante inform\u00e1tico, <strong>Google<\/strong>, que se hizo con el formato al comprar una empresa en 2010 y dede entonces lo est\u00e1n desarrollando y promocionando.<\/p>\n<p>Al ser de Google, su compatibilidad con el navegador <strong>Chrome<\/strong> no es un problema y al estar liberado bajo licencia BSD, puede ser usado con casi total libertad por desarrolladores y otras compa\u00f1\u00edas, <strong>sin tener que pagar licencias de uso<\/strong>.<\/p>\n<p>De esta forma, muchos otros navegadores est\u00e1n adoptando la compatibilidad con este formato, aunque algunos est\u00e9n aun en modo de pruebas o experimental, es el formato <strong>m\u00e1s compatible entre los formatos de imagen de pr\u00f3xima generaci\u00f3n para web<\/strong>.<\/p>\n<p>Soporta la <a title=\"Algoritmo de compresi\u00f3n con p\u00e9rdida\" href=\"https:\/\/es.wikipedia.org\/wiki\/Algoritmo_de_compresi%C3%B3n_con_p%C3%A9rdida\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n con perdida<\/a> y <a title=\"Algoritmo de compresi\u00f3n sin p\u00e9rdida\" href=\"https:\/\/es.wikipedia.org\/wiki\/Algoritmo_de_compresi%C3%B3n_sin_p%C3%A9rdida\" target=\"_blank\" rel=\"noopener noreferrer\">sin p\u00e9rdida<\/a>, transparencias e incluso animaciones, como los populares .gif de los mem\u00e9s que encontramos en Internet.<\/p>\n<p>Como hemos dicho, es el m\u00e1s compatible, pero no lo es con los navegadores de Apple, es decir, <strong>Safari<\/strong> y <strong>iOS Safari<\/strong>, suponemos que por rivalidad empresarial.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31050\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-webp-600x222.jpg\" alt=\"compatibilidad webp \" width=\"600\" height=\"222\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-webp.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-webp-500x185.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/compatibilidad-webp-350x130.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Por ahora, parece que el formato <strong>WebP<\/strong> es el que mejores manera apunta para convertirse en el substituto natural de JPEG, aunque eso nunca se puede saber del todo.<\/p>\n<h2>Y en la Pr\u00e1ctica&#8230;<\/h2>\n<p>Visto lo visto, he decidido probar <strong>qu\u00e9 tal se comporta el formato WebP en acci\u00f3n<\/strong>.<\/p>\n<p>La aplicaci\u00f3n que uso para tratar las im\u00e1genes es <strong>Pixelmator<\/strong> y me encuentro que en la opci\u00f3n <strong>Exportar &gt; Otro<\/strong>, tenemos algunos formatos fuera de los habituales JPEG, PNG, etc&#8230;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-31051\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/exportar-imagen-webp.jpg\" alt=\"exportar imagen webp\" width=\"520\" height=\"293\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/exportar-imagen-webp.jpg 520w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/exportar-imagen-webp-500x282.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/exportar-imagen-webp-350x197.jpg 350w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/p>\n<p>Entre ellos, tenemos la opci\u00f3n <strong>JPEG 2000<\/strong> y <strong>WebP<\/strong>, echamos en falta el <strong>JPEG XR<\/strong>, pero como queremos probar WebP, buscamos una imagen sin licencia comprimida en JPEG de 1920&#215;1280.<\/p>\n<p>La exporto 3 veces, con calidad al 100%, al 50% y al 0%. Tambi\u00e9n un JPEG al 50% de calidad.<\/p>\n<p>La primera sorpresa es que el ordenador que estoy usando, un Mac con sistema operativo macOS High Sierra, <strong>no es capaz de visualizar este formato de imagen WebP<\/strong>.<\/p>\n<p>Tan solo puedo verlo <strong>abriendo las fotos en un navegador web<\/strong>, Chrome en este caso y compruebo que la imagen al 50% en WebP, se ve igual de bien que el resto, a excepci\u00f3n de la exportaci\u00f3n al 0%, que es un desastre.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31052\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/comparacion-50-imagenes-webp-jpeg-600x214.jpg\" alt=\"comparacion 50 imagenes webp jpeg\" width=\"600\" height=\"214\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/comparacion-50-imagenes-webp-jpeg.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/comparacion-50-imagenes-webp-jpeg-500x178.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/comparacion-50-imagenes-webp-jpeg-350x125.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Miro el peso de cada una de las im\u00e1genes <strong>y gana el formato WepP comprimido al 50%<\/strong>, respecto al JPEG 50%, al menos por poco.<\/p>\n<p>As\u00ed que voy a WordPress para subir las im\u00e1genes y pod\u00e1is comprobar vosotros mismos la diferencia de calidad entre los formatos&#8230; <strong>y nos encontramos con esto:<br \/>\n<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-31053\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/wordpress-incompatible-webp-600x232.jpg\" alt=\"wordpress incompatible webp\" width=\"600\" height=\"232\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/wordpress-incompatible-webp.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/wordpress-incompatible-webp-500x193.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/wordpress-incompatible-webp-350x135.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<blockquote><p>La versi\u00f3n 5.2.3 de WordPress, no es compatible con el formato de imagen WebP, al menos de forma nativa.<\/p><\/blockquote>\n<p>La versi\u00f3n 5.2.3 de WordPress, <strong>no soporta el formato de imagen WebP por motivos de seguridad<\/strong>.<\/p>\n<p>Bueno, ahora mismo tenemos el CMS m\u00e1s usado en el mundo y el\u00a0 nuevo formato de imagen moderno m\u00e1s compatible que hay, <strong>pero no son compatibles entre ellos<\/strong> de forma nativa.<\/p>\n<p>He visto que hay formas de hacerlo compatible, plugins, incluso mostrar im\u00e1genes JPG en navegadores no compatibles con WebP, pero <strong>siempre realizando modificaciones o usando opciones de terceros.<br \/>\n<\/strong><\/p>\n<p>Desde luego hay ganancia y el formato WebP parece el elegido, pero si decides hacer caso a lo que indican en el PageSpeed de Google, debes de saber que, <strong>aunque WebP sea el formato m\u00e1s compatible, sigue sin ser muy compatible<\/strong>.<\/p>\n<h2>Hosting SSD en Hostinet<\/h2>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-ssd\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/04\/banner_hosting_web_v2.jpg\" alt=\"Hosting SSD NVMe\"><\/a><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una relaci\u00f3n calidad\/peso optima. Aunque si eres de los que les gusta realizar an\u00e1lisis de optimizaci\u00f3n de la web para ver que\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":31062,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-31045","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting-alojamiento"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?<\/title>\n<meta name=\"description\" content=\"Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una Los Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web, JPEG 2000, JPEG XR y WebP, mejoran el peso de las im\u00e1ges de nuestra web con la misma calidad, por lo que parece algo buneo, las web cargan m\u00e1s r\u00e1pido, se mejora el SEO..., pero \u00bfVale la pena utilizarlos hoy en d\u00eda?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?\" \/>\n<meta property=\"og:description\" content=\"Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una Los Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web, JPEG 2000, JPEG XR y WebP, mejoran el peso de las im\u00e1ges de nuestra web con la misma calidad, por lo que parece algo buneo, las web cargan m\u00e1s r\u00e1pido, se mejora el SEO..., pero \u00bfVale la pena utilizarlos hoy en d\u00eda?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-24T11:22:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-24T12:48:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web &#8211; \u00bfVale la Pena Utilizarlos?\",\"datePublished\":\"2019-09-24T11:22:02+00:00\",\"dateModified\":\"2019-09-24T12:48:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/\"},\"wordCount\":1239,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/formatos-imagen-web-proxima-generacion.png\",\"articleSection\":[\"Hosting\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/\",\"name\":\"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/formatos-imagen-web-proxima-generacion.png\",\"datePublished\":\"2019-09-24T11:22:02+00:00\",\"dateModified\":\"2019-09-24T12:48:12+00:00\",\"description\":\"Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una Los Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web, JPEG 2000, JPEG XR y WebP, mejoran el peso de las im\u00e1ges de nuestra web con la misma calidad, por lo que parece algo buneo, las web cargan m\u00e1s r\u00e1pido, se mejora el SEO..., pero \u00bfVale la pena utilizarlos hoy en d\u00eda?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/formatos-imagen-web-proxima-generacion.png\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/formatos-imagen-web-proxima-generacion.png\",\"width\":600,\"height\":400,\"caption\":\"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/hosting-alojamiento\\\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hosting\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/hosting-alojamiento\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web &#8211; \u00bfVale la Pena Utilizarlos?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?","description":"Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una Los Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web, JPEG 2000, JPEG XR y WebP, mejoran el peso de las im\u00e1ges de nuestra web con la misma calidad, por lo que parece algo buneo, las web cargan m\u00e1s r\u00e1pido, se mejora el SEO..., pero \u00bfVale la pena utilizarlos hoy en d\u00eda?","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:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/","og_locale":"es_ES","og_type":"article","og_title":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?","og_description":"Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una Los Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web, JPEG 2000, JPEG XR y WebP, mejoran el peso de las im\u00e1ges de nuestra web con la misma calidad, por lo que parece algo buneo, las web cargan m\u00e1s r\u00e1pido, se mejora el SEO..., pero \u00bfVale la pena utilizarlos hoy en d\u00eda?","og_url":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/","og_site_name":"Hostinet","article_published_time":"2019-09-24T11:22:02+00:00","article_modified_time":"2019-09-24T12:48:12+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png","type":"image\/png"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web &#8211; \u00bfVale la Pena Utilizarlos?","datePublished":"2019-09-24T11:22:02+00:00","dateModified":"2019-09-24T12:48:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/"},"wordCount":1239,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png","articleSection":["Hosting"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/","url":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/","name":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png","datePublished":"2019-09-24T11:22:02+00:00","dateModified":"2019-09-24T12:48:12+00:00","description":"Si hablamos de formatos de imagen para web, la cosa est\u00e1 clara, JPG y PNG. Son los formatos que se llevan a\u00f1os usando y los que mejor alcanzan una Los Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web, JPEG 2000, JPEG XR y WebP, mejoran el peso de las im\u00e1ges de nuestra web con la misma calidad, por lo que parece algo buneo, las web cargan m\u00e1s r\u00e1pido, se mejora el SEO..., pero \u00bfVale la pena utilizarlos hoy en d\u00eda?","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/09\/formatos-imagen-web-proxima-generacion.png","width":600,"height":400,"caption":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web - \u00bfVale la Pena Utilizarlos?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/hosting-alojamiento\/formatos-de-imagen-de-proxima-generacion-para-web-vale-la-pena-utilizarlos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Hosting","item":"https:\/\/www.hostinet.com\/formacion\/category\/hosting-alojamiento\/"},{"@type":"ListItem","position":3,"name":"Formatos de Imagen de Pr\u00f3xima Generaci\u00f3n para Web &#8211; \u00bfVale la Pena Utilizarlos?"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/31045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=31045"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/31045\/revisions"}],"predecessor-version":[{"id":31063,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/31045\/revisions\/31063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/31062"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=31045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=31045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=31045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}