{"id":4157,"date":"2010-10-21T17:59:02","date_gmt":"2010-10-21T15:59:02","guid":{"rendered":"http:\/\/www.weweb.cat\/es\/2010\/10\/21\/webp-nou-format-imatge-per-a-web-de-google\/"},"modified":"2016-12-22T13:37:11","modified_gmt":"2016-12-22T12:37:11","slug":"webp-nuevo-formato-de-imagen-para-web-de-google","status":"publish","type":"post","link":"https:\/\/www.weweb.cat\/es\/webp-nuevo-formato-de-imagen-para-web-de-google\/","title":{"rendered":"WebP \u2013 Nuevo formato de imagen para web de Google"},"content":{"rendered":"<p>[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3&#8243; custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4&#8243;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4&#8243;][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n<p>Hace unos d\u00edas <strong>Google<\/strong> anunci\u00f3 a trav\u00e9s del blog <a title=\"Blog Chromium - WebP\" href=\"http:\/\/blog.chromium.org\/2010\/09\/webp-new-image-format-for-web.html\" target=\"_blank\"><strong>Chromium<\/strong><\/a> el lanzamiento de un nuevo formato de imagen para web: <strong><a title=\"WebP\" href=\"http:\/\/code.google.com\/intl\/ca\/speed\/webp\/\" target=\"_blank\">WebP<\/a><\/strong>. Es un formato que comprime el tama\u00f1o del archivo de manera considerable respecto al formato JPG, manteniendo la misma calidad. De este modo, <strong>WebP<\/strong> se presenta como una clara alternativa al cl\u00e1sico JPG.<\/p>\n<p>El formato <strong>WebP<\/strong> puede ser importante, por ejemplo, cuando los usuarios utilizan redes de banda ancha limitada, como pueden ser les redes m\u00f3viles. En estos casos es cuando los usuarios aprecian m\u00e1s la lentitud al descargar las im\u00e1genes de las p\u00e1ginas web. hay que tener en cuenta que un 65% del total de bytes transmitidos de una p\u00e1gina web corresponden a im\u00e1genes o fotograf\u00edas. As\u00ed, <strong>WebP<\/strong> permitir\u00eda a los usuarios poder descargar im\u00e1genes m\u00e1s r\u00e1pidamente, manteniendo la calidad y resoluci\u00f3n.<\/p>\n<p>Las pruebas que ha efectuado <strong>Google<\/strong> con 900.000 im\u00e1genes, han dado como resultado una reducci\u00f3n del tama\u00f1o de los archivo de un 39,8% de media, esperando incluso que los desarrolladores puedan conseguir unos mejores resultados.<\/p>\n<p>En el siguiente <a title=\"ejemplos comparativos WebP - JPG\" href=\"http:\/\/code.google.com\/intl\/ca-ES\/speed\/webp\/gallery.html\" target=\"_blank\">enlace pod\u00e9is ver algunos ejemplos comparativos con varias im\u00e1genes<\/a>, donde se aprecia la reducci\u00f3n de tama\u00f1o, sin que se vea afectada la calidad de las im\u00e1genes.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-4154\" src=\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/webp-jpg.jpg\" alt=\"WebP\" width=\"590\" height=\"343\" srcset=\"https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/webp-jpg.jpg 590w, https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/webp-jpg-300x174.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p>\n<p>Tendremos que ver como evoluciona el formato <strong>WebP<\/strong> y si ser\u00e1 reconocido por los distintos navegadores de Internet. De momento, <a title=\"Pixelmator\" href=\"http:\/\/www.pixelmator.com\/\" target=\"_blank\">Pixelmator<\/a>, el software de edici\u00f3n fotogr\u00e1fico para Mac, ya ha anunciado oficialmente que adoptar\u00e1 <strong>WebP<\/strong>. As\u00ed, todo parece indicar que, a medio o largo plazo, el formato <strong>WebP<\/strong> pasar\u00e1 a ser compatible y aceptado por los diferentes navegadores y sistemas operativos.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243;][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1&#8243; background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb header_font_size=\u00bb18&#8243; body_font_size=\u00bb14&#8243;] [\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-1'  data-version='5.12.70'><div class='yuzo_clearfixed yuzo__title yuzo__title'><h3>Articles relacionats<\/h3><\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/como-un-usuario-localiza-y-accede-a-una-pagina-web\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('http:\/\/www.weweb.cat\/wp-content\/plugins\/yuzo-related-post\/assets\/images\/default.png') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">\u00bfC\u00f3mo un usuario localiza y accede a un Website?<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/pagina-web-responsiva-para-polysistec\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/06\/img-polysistec-responsiva-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">P\u00e1gina web responsiva para Polysistec<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/flat-design\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2014\/04\/newton-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">Flat Design, una tendencia web que perdura<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/microsite-responsive-annual-congress-barcelona-2016\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/10\/Annual-Congress-Barcelona-2016-blog-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">Microsite y video para Annual Congress Barcelona 2016<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n<\/div> <style>\n\t\t\t\t\t\t\t\t.yuzo_related_post img{width:210px !important; height:200px !important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover{background:#fff7f4 !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a{color:#ff7900!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a:hover{ color:}!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover a{ color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{  margin: 0px  0px  0px  0px;   padding: 2px  10px  10px  10px;  }\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/style> <script>\n\t\t\t\t\t\t  jQuery(document).ready(function( $ ){\n\t\t\t\t\t\t\t\/\/jQuery('.yuzo_related_post').equalizer({ overflow : 'relatedthumb' });\n\t\t\t\t\t\t\tjQuery('.yuzo_related_post .yuzo_wraps').equalizer({ columns : '> div' });\n\t\t\t\t\t\t   })\n\t\t\t\t\t\t  <\/script> <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Hace unos d\u00edas Google anunci\u00f3 a trav\u00e9s del blog Chromium el lanzamiento de un nuevo formato de imagen para web: WebP. Es un formato que comprime el tama\u00f1o del archivo de manera considerable respecto al formato JPG, manteniendo la misma calidad.<\/p>\n","protected":false},"author":1,"featured_media":4154,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[198,257],"tags":[326,327,217,328,300,329],"_links":{"self":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/4157"}],"collection":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/comments?post=4157"}],"version-history":[{"count":5,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/4157\/revisions"}],"predecessor-version":[{"id":7757,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/4157\/revisions\/7757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media\/4154"}],"wp:attachment":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media?parent=4157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/categories?post=4157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/tags?post=4157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}