{"id":7501,"date":"2019-10-10T09:17:49","date_gmt":"2019-10-10T14:17:49","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7501"},"modified":"2019-10-10T09:21:46","modified_gmt":"2019-10-10T14:21:46","slug":"nuevos-formatos-para-diseno-web","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/nuevos-formatos-para-diseno-web\/","title":{"rendered":"Nuevos formatos para dise\u00f1o web"},"content":{"rendered":"<h1><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-medium wp-image-7506\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Captura-de-pantalla-2019-10-10-a-las-09.10.36-480x244.png.webp\" alt=\"webp convertidor \" width=\"480\" height=\"244\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Captura-de-pantalla-2019-10-10-a-las-09.10.36-480x244.png.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Captura-de-pantalla-2019-10-10-a-las-09.10.36.png.webp 540w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/h1>\n<!--[if lt IE 9]><script>document.createElement('audio');<\/script><![endif]-->\n<audio class=\"wp-audio-shortcode\" id=\"audio-7501-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/webp.m4a?_=1\" \/><a href=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/webp.m4a\">https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/webp.m4a<\/a><\/audio>\n<h1>Nuevos formatos para dise\u00f1o web imagenes webp<\/h1>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Aqu\u00ed un convertidor<\/p>\n<p>&nbsp;<\/p>\n<p>https:\/\/www.webpconverter.info\/online-webp-converter.html<\/p>\n<h1 class=\"tam3\">Los formatos del futuro en las im\u00e1genes para la <a href=\"https:\/\/marketingweb.com.mx\">dise\u00f1o web<\/a><\/h1>\n<p class=\"tam4\"><span class=\"h-1-3\">Las im\u00e1genes son uno de los elementos principales que componen una web. Es por eso, que elegir el formato adecuado permite optimizar el rendimiento de la misma.<\/span><\/p>\n<div><\/div>\n<div class=\"body-article\">\n<h2>\u00bfCu\u00e1l es el futuro de los formatos de las im\u00e1genes para el dise\u00f1o web?<\/h2>\n<p>Optimizar una imagen para un sitio web conlleva elegir el formato adecuado seg\u00fan el dispositivo de uso. Tambi\u00e9n significa elegir el formato conveniente para lograr el menor peso en el archivo final. Es por todos sabido que el peso de los archivos en la web es muy importante, ya que repercute en la velocidad de carga, y por tanto, en la mala o buena experiencia de usuario.<\/p>\n<p>Los nuevos formatos de imagen que recomienda Google son los siguientes:<\/p>\n<h3>JPEG 2000<\/h3>\n<p>Es un est\u00e1ndar de compresi\u00f3n y codificaci\u00f3n digital de im\u00e1genes creado en el a\u00f1o 2000 con la intenci\u00f3n de sustituir el formato original. JPEG 2000 puede trabajar con niveles de compresi\u00f3n mayores que los de JPEG. Se admite en los siguientes navegadores: Safari y iOS Safari.<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/www.drauta.com\/sites\/default\/files\/styles\/articulos\/public\/inline-images\/JPEG%202000.png?itok=OLz8DW2Y\" alt=\"Navegadores JPEG 2000\" width=\"1000\" height=\"230\" data-align=\"center\" data-entity-type=\"file\" data-entity-uuid=\"3d48fa4a-b9be-4e8c-b3d0-084a15cc62f4\" data-image-style=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/230;\" \/><\/p>\n<h3>JPEG XR<\/h3>\n<p>Es un formato gr\u00e1fico creado y adoptado por Microsoft. Este nuevo formato de codificaci\u00f3n de im\u00e1genes fijas ofrece mayor calidad en menor tama\u00f1o que el formato JPEG. La reducci\u00f3n puede alcanzar hasta el 50%. Este formato es ideal para dispositivos donde el tama\u00f1o del fichero es importante, tanto por la limitada capacidad de almacenamiento que ofrecen como por los recursos de hardware que incorporan. Se admite en los siguientes navegadores: IExplorer, Edge, IExplorer Mobile<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/www.drauta.com\/sites\/default\/files\/styles\/articulos\/public\/inline-images\/JPEG%20XR.png?itok=F1vsZASn\" alt=\"Navegadores JPEG XR\" width=\"1000\" height=\"194\" data-align=\"center\" data-entity-type=\"file\" data-entity-uuid=\"055b8191-e439-4d77-b04e-e9da40e793db\" data-image-style=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/194;\" \/><\/p>\n<h3>WebP<\/h3>\n<p>Es un formato gr\u00e1fico en forma de contenedor, que soporta tanto compresi\u00f3n con p\u00e9rdida como sin ella. Ha sido desarrollado por Google. WebP muestra un mejor comportamiento que JPEG, en especial al utilizar una raz\u00f3n (ratio, en lat\u00edn) elevada de compresi\u00f3n y un efecto de imagen borrosa para ratios bajos. WebP sin p\u00e9rdida admite transparencia (tambi\u00e9n conocida como canal alfa) con tan solo el 22% de bytes adicionales. Se admite en los siguientes navegadores: Edge, Firefox, Chrome, Opera, Opera Mini, Android Browser, Opera Mobile, Chrome for Android y UC Browser for Android.<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/www.drauta.com\/sites\/default\/files\/styles\/articulos\/public\/inline-images\/WebP.png?itok=oaC0JxNT\" alt=\"Navegadores WebP\" width=\"1000\" height=\"221\" data-align=\"center\" data-entity-type=\"file\" data-entity-uuid=\"27756cd5-144d-49db-9a02-d02aa65ad468\" data-image-style=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/221;\" \/><\/p>\n<p>Teniendo en cuenta que el formato WebP es de Google y sus diferentes ventajas respecto a los otros formatos, es posible que en poco tiempo se imponga como formato m\u00e1s usado en la web.<\/p>\n<\/div>\n<div class=\"bloque-shared mtx2\">\n<div id=\"block-addtoanybuttons\">\u00a0#dise\u00f1oweb #imageneswebp<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Nuevos formatos para dise\u00f1o web imagenes webp &nbsp; &nbsp; Aqu\u00ed un convertidor &nbsp; https:\/\/www.webpconverter.info\/online-webp-converter.html Los formatos del futuro en las im\u00e1genes para la dise\u00f1o web Las im\u00e1genes son uno de los elementos principales que componen una web. Es por eso, que elegir el formato adecuado permite optimizar el rendimiento de la misma. \u00bfCu\u00e1l es el &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/nuevos-formatos-para-diseno-web\/\"> <span class=\"screen-reader-text\">Nuevos formatos para dise\u00f1o web<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":7510,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","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":"","_joinchat":[],"footnotes":""},"categories":[55,58],"tags":[46,143,47,1275,1276,1277],"class_list":["post-7501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-posicionamiento-web","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-imagen-webp","tag-imagenes-jpeg-2000","tag-imagenes-jpegxr"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=7501"}],"version-history":[{"count":4,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7501\/revisions"}],"predecessor-version":[{"id":7511,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7501\/revisions\/7511"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7510"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}