{"id":20324,"date":"2022-08-31T15:09:10","date_gmt":"2022-08-31T13:09:10","guid":{"rendered":"https:\/\/www.comosoft.eu\/2022\/08\/31\/de-webp-a-avif\/"},"modified":"2022-08-31T15:09:11","modified_gmt":"2022-08-31T13:09:11","slug":"de-webp-a-avif","status":"publish","type":"post","link":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/","title":{"rendered":"De WebP a AVIF"},"content":{"rendered":"

[vc_row][vc_column width=”1\/1″][vc_custom_heading uncode_shortcode_id=”123033″]<\/p>\n

De WebP a AVIF – \u00bfQu\u00e9 formatos de imagen emergentes debe tener en cuenta ahora?<\/h2>\n

[\/vc_custom_heading][vc_column_text uncode_shortcode_id=”155515″]Mientras tanto, cada vez hay m\u00e1s formatos de archivo para guardar una imagen o, por ejemplo, una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda mucho la vida a los equipos de dise\u00f1o gr\u00e1fico responsables. En cambio, la abundancia de acr\u00f3nimos confusos aumenta constantemente.<\/strong><\/p>\n

 <\/p>\n

Con frecuencia, uno selecciona el que ha o\u00eddo o utilizado anteriormente y ha supuesto que funcionar\u00eda. Entonces recibes el mensaje Por favor, env\u00ede en PNG ya que este dispositivo no acepta este formato.<\/strong><\/p>\n

 <\/p>\n

A la hora de mostrar fotos para la web, tenemos varios formatos de imagen que utilizar. La principal distinci\u00f3n entre los formatos de imagen es el tipo de c\u00f3dec de imagen que se utiliza para codificar o descodificar cada tipo de imagen. Un c\u00f3dec de imagen es una representaci\u00f3n del algoritmo utilizado para comprimir, codificar y descodificar im\u00e1genes en un formato de archivo concreto para su visualizaci\u00f3n en pantallas. De ah\u00ed los numerosos nombres como JPG, PNG y GIF, entre otros. Con el auge de los dispositivos m\u00f3viles, los datos 5G y la necesidad cada vez mayor de que los sitios web se carguen m\u00e1s r\u00e1pido, est\u00e1n surgiendo nuevos formatos de imagen y v\u00eddeo para afrontar estos retos. Aqu\u00ed tienes un manual sobre las \u00faltimas versiones para que tu equipo est\u00e9 preparado para utilizarlas.<\/strong>[\/vc_column_text][vc_column_text uncode_shortcode_id=”589143″]<\/p>\n

WebP<\/h3>\n

El objetivo de WebP de Google, un formato de imagen contempor\u00e1neo es mejorar la compresi\u00f3n sin p\u00e9rdidas y con p\u00e9rdidas de las fotos en la web. WebP pretende crear im\u00e1genes m\u00e1s peque\u00f1as manteniendo la riqueza, porque las im\u00e1genes m\u00e1s peque\u00f1as aceleran la web. Adem\u00e1s, WebP sigue apoyando la tendencia creciente de los gr\u00e1ficos animados. Todav\u00eda se est\u00e1 trabajando en ello, pero ser\u00e1 importante.<\/p>\n

La compresi\u00f3n con p\u00e9rdidas de WebP basa su codificaci\u00f3n de im\u00e1genes en la codificaci\u00f3n predictiva y el c\u00f3dec de v\u00eddeo VP8. Predice el valor de un bloque de p\u00edxeles utilizando los valores de los bloques de p\u00edxeles cercanos y s\u00f3lo codifica la diferencia. Se utilizan m\u00faltiples algoritmos de compresi\u00f3n de im\u00e1genes para convertir las fotos en archivos WebP sin p\u00e9rdidas.<\/p>\n

Las im\u00e1genes con p\u00e9rdidas de WebP suelen ser entre un 25 y un 34 por ciento m\u00e1s peque\u00f1as que las de JPEG de calidad comparable, mientras que las im\u00e1genes sin p\u00e9rdidas de WebP suelen ser un 26 por ciento m\u00e1s peque\u00f1as que las de PNG. Tambi\u00e9n son un excelente sustituto de las im\u00e1genes GIF porque admiten la animaci\u00f3n.<\/p>\n

Ventajas y desventajas<\/strong><\/p>\n

    \n
  • Im\u00e1genes de gran calidad con archivos de menor tama\u00f1o<\/li>\n
  • Todav\u00eda no son compatibles con las plataformas sociales, por lo que es necesario utilizar los formatos tradicionales para compartirlas en las redes sociales<\/li>\n<\/ul>\n

    Compatibilidad con navegadores y sistemas operativos<\/strong><\/p>\n

      \n
    • Compatible con todos los navegadores y sistemas operativos<\/li>\n<\/ul>\n

      HEIF<\/h3>\n

      El formato de archivo de imagen de alta eficiencia, o HEIF, est\u00e1 dise\u00f1ado para agilizar el almacenamiento de im\u00e1genes. Adem\u00e1s, trata de mantener una buena calidad a la vez que utiliza archivos de menor compresi\u00f3n. Con 10 grados de compresi\u00f3n disponibles, HEIF ofrece una codificaci\u00f3n y descodificaci\u00f3n rapid\u00edsimas, es ligero y no grava los recursos del sistema.<\/p>\n

      En teor\u00eda, la compresi\u00f3n es casi dos veces m\u00e1s efectiva que la de JPEG, produciendo fotos con hasta el doble de calidad con el mismo tama\u00f1o de archivo. Sin embargo, como utiliza un formato de imagen de trama y un mapeo de p\u00edxeles, no se pueden ampliar las fotos sin sacrificar la calidad.<\/p>\n

      Ventajas y desventajas<\/strong><\/p>\n

        \n
      • Gran relaci\u00f3n entre calidad y tama\u00f1o de archivo.<\/li>\n
      • Sin navegador y con soporte de SO limitado.<\/li>\n<\/ul>\n

        Compatibilidad con navegadores y sistemas operativos<\/strong><\/p>\n

          \n
        • No es compatible con los principales navegadores.<\/li>\n
        • Soporte nativo en macOS Sierra y iOS 11 y posteriores, pero no en sus respectivas versiones de Safari.<\/li>\n<\/ul>\n

           <\/p>\n

          AVIF<\/h3>\n

          AVIF, que significa “AV1 Image File Format”, se considera el pr\u00f3ximo formato de archivo de imagen del futuro. Este formato es esencialmente el protocolo para almacenar fotos fijas y en movimiento comprimidas con AV1 en archivos HEIF. La mayor\u00eda de los expertos en tecnolog\u00eda consideran que el formato de codificaci\u00f3n de v\u00eddeo sin derechos de autor AV1 es el pr\u00f3ximo desarrollo en la compresi\u00f3n de medios.<\/p>\n

          Para producir fotos de alta calidad, AVIF permite una compresi\u00f3n con y sin p\u00e9rdidas muy eficaz. AVIF comprime mucho mejor que la mayor\u00eda de los formatos web utilizados actualmente (JPEG, WebP, JPEG 2000, etc.). Las im\u00e1genes con una calidad visual comparable pueden ser hasta diez veces m\u00e1s peque\u00f1as que las JPEG. Seg\u00fan pruebas espec\u00edficas, AVIF ofrece una reducci\u00f3n del 50% del tama\u00f1o de los archivos con respecto a JPEG, manteniendo un nivel de calidad perceptiva comparable. Recuerde que debe analizar los formatos con cuidado porque hay situaciones en las que WebP sin p\u00e9rdidas puede ser superior a AVIF sin p\u00e9rdidas.<\/p>\n

          Gracias a su compresi\u00f3n superior, AVIF puede reducir el tama\u00f1o de los archivos de imagen. Los archivos AVIF se descargan m\u00e1s r\u00e1pidamente y, en consecuencia, utilizan menos ancho de banda. Por ello, puede mejorar el rendimiento al acelerar la carga de las fotos.<\/p>\n

          En general, AVIF supera la mayor\u00eda de las pruebas, y WebP ofrece mejor soporte y compresi\u00f3n que JPEG o PNG. Por lo tanto, deber\u00eda considerar, sin duda, WebP a la hora de optimizar las fotos para su sitio web. Considerar AVIF para tus prop\u00f3sitos e implementarlo como una mejora progresiva podr\u00eda ser beneficioso a medida que el formato se extienda por muchas plataformas y navegadores. Con el tiempo, AVIF ser\u00e1 m\u00e1s sencillo gracias a una mejor herramienta de comparaci\u00f3n y a una codificaci\u00f3n m\u00e1s r\u00e1pida.<\/p>\n

          Ventajas y desventajas<\/strong><\/p>\n

            \n
          • Un m\u00e9todo de compresi\u00f3n mejor que el de otros formatos de imagen permite tiempos de carga m\u00e1s r\u00e1pidos<\/li>\n
          • Adobe y otras plataformas no soportan actualmente este formato<\/li>\n<\/ul>\n

            Soporte de navegadores y sistemas operativos<\/strong><\/p>\n

              \n
            • Es compatible con Chrome, Firefox y Opera, pero actualmente no es totalmente compatible con Safari o Edge<\/li>\n<\/ul>\n

              [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

              Mientras tanto, cada vez hay m\u00e1s formatos de archivo para guardar una imagen o, por ejemplo, una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda mucho la vida a los equipos de dise\u00f1o gr\u00e1fico responsables. En cambio, la abundancia de acr\u00f3nimos confusos aumenta constantemente. Con frecuencia, uno selecciona el que ha o\u00eddo o utilizado anteriormente y ha supuesto que funcionar\u00eda. Entonces recibes el mensaje Por favor, env\u00ede en PNG ya que este dispositivo no acepta este formato.<\/p>\n","protected":false},"author":103,"featured_media":20319,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[188],"tags":[586,587],"class_list":["post-20324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-image-formats","tag-marketing"],"yoast_head":"\nDe WebP a AVIF \/ Comosoft<\/title>\n<meta name=\"description\" content=\"Cada vez hay m\u00e1s formatos de archivo para guardar una imagen o una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda la labor de los equipos de dise\u00f1o gr\u00e1fico responsables.\" \/>\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.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"De WebP a AVIF \/ Comosoft\" \/>\n<meta property=\"og:description\" content=\"Cada vez hay m\u00e1s formatos de archivo para guardar una imagen o una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda la labor de los equipos de dise\u00f1o gr\u00e1fico responsables.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/\" \/>\n<meta property=\"og:site_name\" content=\"Comosoft\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-31T13:09:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-31T13:09:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-designer-software-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Monica\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"De WebP a AVIF \/ Comosoft","description":"Cada vez hay m\u00e1s formatos de archivo para guardar una imagen o una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda la labor de los equipos de dise\u00f1o gr\u00e1fico responsables.","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.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/","og_locale":"es_ES","og_type":"article","og_title":"De WebP a AVIF \/ Comosoft","og_description":"Cada vez hay m\u00e1s formatos de archivo para guardar una imagen o una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda la labor de los equipos de dise\u00f1o gr\u00e1fico responsables.","og_url":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/","og_site_name":"Comosoft","article_published_time":"2022-08-31T13:09:10+00:00","article_modified_time":"2022-08-31T13:09:11+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-designer-software-1.jpg","type":"image\/jpeg"}],"author":"Monica","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#article","isPartOf":{"@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/"},"author":{"name":"Monica","@id":"https:\/\/www.comosoft.eu\/es\/#\/schema\/person\/73707222684931f8f928ede52af0ebd4"},"headline":"De WebP a AVIF","datePublished":"2022-08-31T13:09:10+00:00","dateModified":"2022-08-31T13:09:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/"},"wordCount":1116,"publisher":{"@id":"https:\/\/www.comosoft.eu\/es\/#organization"},"image":{"@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#primaryimage"},"thumbnailUrl":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-designer-software-1.jpg","keywords":["image formats","marketing"],"articleSection":["News"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/","url":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/","name":"De WebP a AVIF \/ Comosoft","isPartOf":{"@id":"https:\/\/www.comosoft.eu\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#primaryimage"},"image":{"@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#primaryimage"},"thumbnailUrl":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-designer-software-1.jpg","datePublished":"2022-08-31T13:09:10+00:00","dateModified":"2022-08-31T13:09:11+00:00","description":"Cada vez hay m\u00e1s formatos de archivo para guardar una imagen o una animaci\u00f3n. Un sistema universal de formatos de imagen facilitar\u00eda la labor de los equipos de dise\u00f1o gr\u00e1fico responsables.","breadcrumb":{"@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#primaryimage","url":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-designer-software-1.jpg","contentUrl":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-designer-software-1.jpg","width":1200,"height":630,"caption":"comosoft-emerging-image-formats-designer-software"},{"@type":"BreadcrumbList","@id":"https:\/\/www.comosoft.eu\/es\/2022\/08\/31\/de-webp-a-avif\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.comosoft.eu\/es\/"},{"@type":"ListItem","position":2,"name":"De WebP a AVIF"}]},{"@type":"WebSite","@id":"https:\/\/www.comosoft.eu\/es\/#website","url":"https:\/\/www.comosoft.eu\/es\/","name":"Comosoft","description":"Multichannel Solutions","publisher":{"@id":"https:\/\/www.comosoft.eu\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.comosoft.eu\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.comosoft.eu\/es\/#organization","name":"Comosoft GmbH","alternateName":"Multichannel Solutions","url":"https:\/\/www.comosoft.eu\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.comosoft.eu\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2021\/01\/Comosoft-Logo463.png","contentUrl":"https:\/\/www.comosoft.eu\/wp-content\/uploads\/2021\/01\/Comosoft-Logo463.png","width":1654,"height":337,"caption":"Comosoft GmbH"},"image":{"@id":"https:\/\/www.comosoft.eu\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/de.linkedin.com\/company\/comosoft?original_referer=httpswww.google.com"]},{"@type":"Person","@id":"https:\/\/www.comosoft.eu\/es\/#\/schema\/person\/73707222684931f8f928ede52af0ebd4","name":"Monica"}]}},"_links":{"self":[{"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/posts\/20324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/comments?post=20324"}],"version-history":[{"count":1,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/posts\/20324\/revisions"}],"predecessor-version":[{"id":20326,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/posts\/20324\/revisions\/20326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/media\/20319"}],"wp:attachment":[{"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/media?parent=20324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/categories?post=20324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.comosoft.eu\/es\/wp-json\/wp\/v2\/tags?post=20324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}