<rss version="2.0"
     xmlns:atom="http://www.w3.org/2005/Atom"
     xmlns:dc="http://purl.org/dc/elements/1.1/">
        <channel>
        <title>Magazine - png</title>
        <link>https://www.genbeta.com</link>
        <description>Publicación de noticias sobre gadgets y tecnología. Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc</description>
        <pubDate>Tue, 09 Jun 2026 13:37:40 +0000</pubDate>
        <generator>https://www.genbeta.com</generator>
        <atom:link href="https://www.genbeta.com/tag/png/rss2.xml" rel="self" type="application/rss+xml" />
                                        <item>
                <title><![CDATA[Cuidado si haces capturas de pantalla en Windows 10 y 11: un 'hack' permite recuperar la foto original aunque la edites]]></title>
                <link>https://www.genbeta.com/actualidad/cuidado-haces-capturas-pantalla-windows-10-11-hack-permite-recuperar-foto-original-edites</link>
                <guid>https://www.genbeta.com/actualidad/cuidado-haces-capturas-pantalla-windows-10-11-hack-permite-recuperar-foto-original-edites</guid>
                <pubDate>Wed, 22 Mar 2023 13:39:00 +0000</pubDate>
                                         <dc:creator>Antonio Vallejo</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/55fb47/destacada/1024_2000.jpeg" alt="Cuidado&#x20;si&#x20;haces&#x20;capturas&#x20;de&#x20;pantalla&#x20;en&#x20;Windows&#x20;10&#x20;y&#x20;11&#x3A;&#x20;un&#x20;&#x27;hack&#x27;&#x20;permite&#x20;recuperar&#x20;la&#x20;foto&#x20;original&#x20;aunque&#x20;la&#x20;edites">
    </p>
    <div class="article-asset-table article-asset-normal">
 <div class="asset-content">
  <table class="tabla-datos">
      <tbody>
          <tr>
                 <td class="align-left highlight-column-start highlight-column highlight-column-end">
       <p><em>Actualización: Microsoft ha lanzado una actualización para la herramienta de recortes de Windows 11, alcanzando la versión 11.2302.20.0. Sin embargo, el problema sigue estando presente en la herramienta de "Recorte y anotación" de Windows 10.&nbsp;</em></p>
      </td>
    </tr>
 
      </tbody>
  </table>
 </div>
</div>
<p>Hace unos días, los investigadores David Buchanan y Simon Aarons <a rel="noopener, noreferrer" href="https://twitter.com/ItsSimonTime/status/1636857478263750656">detectaron </a>un importante agujero en la seguridad de <a class="text-outboundlink" href="https://www.xataka.com/analisis/google-pixel-7-pro-analisis-caracteristicas-precio-especificaciones" data-vars-post-title="Google Pixel 7 Pro, análisis: cámara, software, magia" data-vars-post-url="https://www.xataka.com/analisis/google-pixel-7-pro-analisis-caracteristicas-precio-especificaciones">los teléfonos Pixel</a> de Google. Y es que descubrieron que a través de ingeniería inversa era muy sencillo <strong>recuperar parcialmente la información original de una imagen</strong> a partir de una foto editada, suponiendo un grave problema de seguridad para el usuario.</p>
<!-- BREAK 1 --><p>Bautizado como "acropalypse", este importante fallo de seguridad parece que no solamente afectaría a los teléfonos Pixel de Google, sino que también es posible recuperar una imagen original desde su versión editada a través de <a class="text-outboundlink" href="https://www.genbeta.com/windows/asi-recortes-windows-11-capturas-pantalla-se-unifican-lio-windows-10" data-vars-post-title="Así es Recortes en Windows 11: las capturas de pantalla se unifican tras el lío en Windows 10" data-vars-post-url="https://www.genbeta.com/windows/asi-recortes-windows-11-capturas-pantalla-se-unifican-lio-windows-10">la herramienta de recortes</a> de Windows 11 y la app de 'Recorte y anotación' de Windows 10. De esta manera, abre la veda a que cualquier imagen subida a Internet que haya sido recortada o editada con estas herramientas en alguna zona para no comprometer información personal, como la de una tarjeta de crédito, <strong>pueda ser potencialmente vulnerada</strong>.</p>
<h2>Recuperar la imagen original desde una foto editada es posible</h2>
<p>Para ilustrar este fallo de seguridad, los investigadores han creado <a rel="noopener, noreferrer" href="https://acropalypse.app/">una utilidad</a> en la que es posible restaurar una imagen a su estado original subiendo la foto editada y seleccionando desde qué modelo de Google Pixel ha sido editada. Sin embargo, el ingeniero de software Chris Blume ha <a rel="noopener, noreferrer" href="https://twitter.com/ProgramMax/status/1638217206180741121">anunciado </a>que este fallo de seguridad <strong>también afecta a la herramienta de recortes de Windows 10 y 11</strong>.</p>
<!-- BREAK 2 --><p>Y es que cuando abrimos un archivo desde la herramienta de recortes de Windows y sobrescribimos el archivo existente, <strong>la herramienta deja intacta la información que no ha sido utilizada</strong>, pudiendo recuperarse parcialmente. Hay que dejar claro que esto ocurre con la herramienta de recorte de Windows 11, aunque en Windows 10 también ocurre si hacemos uso de la herramienta de 'Recorte y anotación'.</p>
<!-- BREAK 3 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=122 width=765 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/2963f7/peso-imagen/450_1000.webp 450w, https://i.blogs.es/2963f7/peso-imagen/650_1200.webp 681w,https://i.blogs.es/2963f7/peso-imagen/1024_2000.webp 1024w, https://i.blogs.es/2963f7/peso-imagen/1366_2000.webp 1366w" src="https://i.blogs.es/2963f7/peso-imagen/450_1000.webp" alt="Peso Imagen" onerror="this.src='https://i.blogs.es/2963f7/peso-imagen/450_1000.jpeg';this.srcset='https://i.blogs.es/2963f7/peso-imagen/450_1000.jpeg 450w, https://i.blogs.es/2963f7/peso-imagen/650_1200.jpeg 681w,https://i.blogs.es/2963f7/peso-imagen/1024_2000.jpeg 1024w, https://i.blogs.es/2963f7/peso-imagen/1366_2000.jpeg 1366w';return false;">
   <img alt="Peso Imagen" class="centro_sinmarco" src="https://i.blogs.es/2963f7/peso-imagen/450_1000.webp">
   
        <span>Ambas imágenes pesan lo mismo pese a haber una gran diferencia en sus dimensiones.</span>
   </div>
   </div>
</div>
<p>Para hacer la prueba, tan solo tienes que hacer una captura de pantalla a través de esta herramienta, guardarla en el equipo y crear una copia de seguridad de la misma. Después, prueba a recortar la imagen original con dicha herramienta y cuando hayas acabado guarda el PNG editado en el archivo original. Una vez hecho esto, prueba a comparar el tamaño de la imagen recortada con la copia de seguridad que hiciste antes y te darás cuenta de que <strong>tienen el mismo tamaño</strong> pese a que la imagen editada esté recortada.</p>
<!-- BREAK 4 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=666 width=977 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/c1cfe6/iend-original/450_1000.webp 450w, https://i.blogs.es/c1cfe6/iend-original/650_1200.webp 681w,https://i.blogs.es/c1cfe6/iend-original/1024_2000.webp 1024w, https://i.blogs.es/c1cfe6/iend-original/1366_2000.webp 1366w" src="https://i.blogs.es/c1cfe6/iend-original/450_1000.webp" alt="Iend Original" onerror="this.src='https://i.blogs.es/c1cfe6/iend-original/450_1000.png';this.srcset='https://i.blogs.es/c1cfe6/iend-original/450_1000.png 450w, https://i.blogs.es/c1cfe6/iend-original/650_1200.png 681w,https://i.blogs.es/c1cfe6/iend-original/1024_2000.png 1024w, https://i.blogs.es/c1cfe6/iend-original/1366_2000.png 1366w';return false;">
   <img alt="Iend Original" class="centro_sinmarco" src="https://i.blogs.es/c1cfe6/iend-original/450_1000.webp">
   
        <span>Fin de línea de la imagen original marcado por la partícula 'IEND'.</span>
   </div>
   </div>
</div>
<p>Esto también lo podemos ver de mejor forma si utilizamos un editor hexadecimal como 010 Editor y abrimos tanto la foto recortada como la copia de seguridad de la imagen original. En esta última, la partícula 'IEND' marca el final de línea y ya no existe más información, mientras que si abrimos la imagen recortada, veremos que tras el primer 'IEND' existe todavía más información sin truncar.</p>
<!-- BREAK 5 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=665 width=975 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/ae4c87/iend-recortada/450_1000.webp 450w, https://i.blogs.es/ae4c87/iend-recortada/650_1200.webp 681w,https://i.blogs.es/ae4c87/iend-recortada/1024_2000.webp 1024w, https://i.blogs.es/ae4c87/iend-recortada/1366_2000.webp 1366w" src="https://i.blogs.es/ae4c87/iend-recortada/450_1000.webp" alt="Iend Recortada" onerror="this.src='https://i.blogs.es/ae4c87/iend-recortada/450_1000.png';this.srcset='https://i.blogs.es/ae4c87/iend-recortada/450_1000.png 450w, https://i.blogs.es/ae4c87/iend-recortada/650_1200.png 681w,https://i.blogs.es/ae4c87/iend-recortada/1024_2000.png 1024w, https://i.blogs.es/ae4c87/iend-recortada/1366_2000.png 1366w';return false;">
   <img alt="Iend Recortada" class="centro_sinmarco" src="https://i.blogs.es/ae4c87/iend-recortada/450_1000.webp">
   
        <span>Información de la imagen recortada. Tras la partícula 'IEND' existe todavía información sin truncar que no se utiliza.</span>
   </div>
   </div>
</div>
<p>Esta información puede ser parcialmente restaurada a través del script que diseñaron los propios investigadores para estudiar el caso. El medio <a rel="noopener, noreferrer" href="https://www.bleepingcomputer.com/news/microsoft/windows-11-snipping-tool-privacy-bug-exposes-cropped-image-content/">Bleeping Computer</a> ha tenido acceso al script y en su artículo se puede comprobar cómo han podido restaurar parcialmente la información de la captura de pantalla recortada.</p>
<!-- BREAK 6 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=1038 width=1600 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/7bd29a/imagen/450_1000.webp 450w, https://i.blogs.es/7bd29a/imagen/650_1200.webp 681w,https://i.blogs.es/7bd29a/imagen/1024_2000.webp 1024w, https://i.blogs.es/7bd29a/imagen/1366_2000.webp 1366w" src="https://i.blogs.es/7bd29a/imagen/450_1000.webp" alt="Imagen" onerror="this.src='https://i.blogs.es/7bd29a/imagen/450_1000.jpeg';this.srcset='https://i.blogs.es/7bd29a/imagen/450_1000.jpeg 450w, https://i.blogs.es/7bd29a/imagen/650_1200.jpeg 681w,https://i.blogs.es/7bd29a/imagen/1024_2000.jpeg 1024w, https://i.blogs.es/7bd29a/imagen/1366_2000.jpeg 1366w';return false;">
   <img alt="Imagen" class="centro_sinmarco" src="https://i.blogs.es/7bd29a/imagen/450_1000.webp">
   
        <span>Información parcialmente recuperada a partir del recorte de una captura de pantalla. Imagen: Bleeping Computer.</span>
   </div>
   </div>
</div>
<p>Como se puede comprobar en el ejemplo, no toda la imagen ha sido restaurada y hay quienes pueden creer que esto no supone ningún riesgo de privacidad. Sin embargo, imagina que has tomado una captura de pantalla que cuenta con información sensible, como un documento confidencial, o una foto de un desnudo que recortas para ocultar las partes que no deseas compartir. Un exploit similar al descubierto por dichos investigadores <strong>puede desvelar gran parte de esa información</strong>, suponiendo un grave problema de privacidad.</p>
<!-- BREAK 7 --><div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/seguridad/que-screen-hacking-hackeo-pantalla-como-puedes-proteger-tus-dispositivos" class="pivot-outboundlink" data-vars-post-title="Qué es el screen hacking o hackeo de pantalla y cómo puedes proteger tus dispositivos">
     <img alt="Qu&#x00E9;&#x20;es&#x20;el&#x20;screen&#x20;hacking&#x20;o&#x20;hackeo&#x20;de&#x20;pantalla&#x20;y&#x20;c&#x00F3;mo&#x20;puedes&#x20;proteger&#x20;tus&#x20;dispositivos" width="375" height="142" src="https://i.blogs.es/aeb203/hackeo-de-pantalla/375_142.webp" onerror='this.src="https://i.blogs.es/aeb203/hackeo-de-pantalla/375_142.jpeg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/seguridad/que-screen-hacking-hackeo-pantalla-como-puedes-proteger-tus-dispositivos" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Qué es el screen hacking o hackeo de pantalla y cómo puedes proteger tus dispositivos">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/seguridad/que-screen-hacking-hackeo-pantalla-como-puedes-proteger-tus-dispositivos" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Qué es el screen hacking o hackeo de pantalla y cómo puedes proteger tus dispositivos">Qué es el screen hacking o hackeo de pantalla y cómo puedes proteger tus dispositivos</a>
   </div>
  </div>
 </div>
</div>
<p>Para deshacerse de esta información sin truncar, podemos abrir el archivo con cualquier editor de imágenes y guardar la foto en un archivo completamente distinto. De esta manera, si comprobamos el contenido del archivo en el editor hexadecimal veremos que después del elemento 'IEND' ya no dispone de más información, y por tanto, no se podrá volver a recuperar la información original.</p>
<!-- BREAK 8 --><div class="article-asset-video article-asset-large article-asset-center">
 <div class="asset-content">
  <div class="base-asset-video">
   <div class="js-dailymotion">
    <script type="application/json">
                          {"videoId":"x7znrx9","autoplay":true,"title":"Los 9 MEJORES EDITORES DE FOTOS para MÓVILES -  Xataka TV", "tag":""}
                  </script>
   </div>
  </div>
 </div>
</div>
<p>Aunque el script únicamente funciona con archivos PNG, Buchanan afirma que <strong>sería posible modificarlo para que admitiese imágenes en formato JPG</strong>, ya que de hecho la herramienta de recorte de Windows 11 también deja información sin truncar con imágenes en JPG.</p>
<!-- BREAK 9 --><p>Desde Microsoft afirman que ya están al tanto de los informes y que se encuentran investigando el problema. La compañía asegura que "tomarán toda acción necesaria" para ayudar a proteger a sus usuarios.</p>
<p>En Genbeta | <a class="text-outboundlink" href="https://www.genbeta.com/multimedia/esta-impresionante-inteligencia-artificial-permite-restaurar-fotografias-danadas-adios-aranazos-hola-color" data-vars-post-title="Esta impresionante inteligencia artificial permite restaurar fotografías dañadas: adiós arañazos, hola color" data-vars-post-url="https://www.genbeta.com/multimedia/esta-impresionante-inteligencia-artificial-permite-restaurar-fotografias-danadas-adios-aranazos-hola-color">Esta impresionante inteligencia artificial permite restaurar fotografías dañadas: adiós arañazos, hola color</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Una aparentemente inofensiva imagen de Twitter puede esconder un ZIP con hasta 3 MB de datos e incluso un MP3]]></title>
                <link>https://www.genbeta.com/redes-sociales-y-comunidades/aparentemente-inofensiva-imagen-twitter-puede-esconder-zip-3-mb-datos-e-incluso-mp3</link>
                <guid>https://www.genbeta.com/redes-sociales-y-comunidades/aparentemente-inofensiva-imagen-twitter-puede-esconder-zip-3-mb-datos-e-incluso-mp3</guid>
                <pubDate>Thu, 18 Mar 2021 15:17:38 +0000</pubDate>
                                         <dc:creator>Toni Castillo</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/717f03/ewo_o6zwuaawizr/1024_2000.jpg" alt="Una&#x20;aparentemente&#x20;inofensiva&#x20;imagen&#x20;de&#x20;Twitter&#x20;puede&#x20;esconder&#x20;un&#x20;ZIP&#x20;con&#x20;hasta&#x20;3&#x20;MB&#x20;de&#x20;datos&#x20;e&#x20;incluso&#x20;un&#x20;MP3">
    </p>
    <p>La esteganografía consiste en la ocultación de mensajes u elementos dentro de otros sin que sean percibidos. Una técnica que ha conseguido aplicar con éxito el investigador <a rel="noopener, noreferrer" href="https://twitter.com/David3141593">David Buchanan</a> a imágenes de Twitter: <strong>en lo que podría parecer un simple e inofensivo PNG puede llegar a esconder un archivo ZIP con hasta 3 MB de información</strong>. <a class="text-outboundlink" href="https://www.xataka.com/servicios/descubren-que-simple-imagen-twitter-puede-servir-para-esconder-archivos-zip-maliciosos-mp3s" data-vars-post-title="Descubren que una simple imagen de Twitter puede servir para esconder archivos ZIP maliciosos o hasta MP3s" data-vars-post-url="https://www.xataka.com/servicios/descubren-que-simple-imagen-twitter-puede-servir-para-esconder-archivos-zip-maliciosos-mp3s">Un logro y un potencial peligro</a>.</p>
<!-- BREAK 1 -->
<p>Este experto <a rel="noopener, noreferrer" href="https://github.com/DavidBuchanan314/tweetable-polyglot-png">ha publicado en GitHub</a> el código fuente de su PNG <em>mágico</em>, a la vista de sus capacidades, y el fichero en sí mismo <a rel="noopener, noreferrer" href="https://twitter.com/David3141593/status/1371974874856587268">lo ha tuiteado</a>. En el tuit comenta su hallazgo y adjunta la imagen en cuestión que reza: <strong>"¡Guarda esta imagen y cambia la extensión a .zip!"</strong>.</p>
<!-- BREAK 2 --><!--more-->
<div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">Una simple imagen de Twitter puede esconder un ZIP de hasta 3 MB, incluso una canción en MP3... o un archivo malicioso</div></div></div><p>Si lo hacemos, efectivamente <strong>la imagen en cuestión se convertirá en un archivo comprimido que, si los descomprimimos, nos mostrará el mismo código fuente</strong> que ha subido a GitHub.</p>
<!-- BREAK 3 -->
<h2>Tweetable Polyglot PNG, los discretos archivos ZIP que pueden tuitearse</h2>

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">I found a way to stuff up to ~3MB of data inside a PNG file on twitter. This is even better than my previous JPEG ICC technique, since the inserted data is contiguous.<br><br>The source code is available in the ZIP/PNG file attached: <a rel="noopener, noreferrer" href="https://t.co/zEOl2zJYRC">pic.twitter.com/zEOl2zJYRC</a></p>
&mdash; Dаvіd Вucһаnаn (@David3141593) <a rel="noopener, noreferrer" href="https://twitter.com/David3141593/status/1371974874856587268?ref_src=twsrc%5Etfw">March 17, 2021</a></blockquote> 
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p>Buchanan ha explicado <a rel="noopener, noreferrer" href="https://www.bleepingcomputer.com/news/security/twitter-images-can-be-abused-to-hide-zip-mp3-files-heres-how/">a <em>Bleeping Computer</em></a> que <strong>aunque Twitter comprime imágenes prácticamente siempre, en alguno casos eso no es así</strong>. Tampoco elimina siempre los metadatos no esenciales, lo que sucede es que estas excepciones son muy concretas y son las que ha descubierto el investigador.</p>
<!-- BREAK 4 -->
<p>"El nuevo truco que he descubierto es que <strong>puedes añadir datos al final del flujo 'DEFLATE'</strong> (la parte del archivo que almacena los datos de píxeles comprimidos) y Twitter no los eliminará", ha explicado. Y no lo hará ni siquiera cuando comprime una imagen reduciendo el tamaño: ahí permanece el código que obra la <em>magia</em> del ZIP. Algo que, en manos equivocadas, puede suponer un potencial peligro.</p>
<!-- BREAK 5 --><div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/web/seis-paginas-para-descomprimir-archivos-zip-archivos-rar-online" class="pivot-outboundlink" data-vars-post-title="Seis páginas para descomprimir archivos zip y archivos rar online">
     <img alt="Seis&#x20;p&#x00E1;ginas&#x20;para&#x20;descomprimir&#x20;archivos&#x20;zip&#x20;y&#x20;archivos&#x20;rar&#x20;online" width="375" height="142" src="https://i.blogs.es/3773ad/descomprimir-archivos-zip/375_142.webp" onerror='this.src="https://i.blogs.es/3773ad/descomprimir-archivos-zip/375_142.jpg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/web/seis-paginas-para-descomprimir-archivos-zip-archivos-rar-online" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Seis páginas para descomprimir archivos zip y archivos rar online">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/web/seis-paginas-para-descomprimir-archivos-zip-archivos-rar-online" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Seis páginas para descomprimir archivos zip y archivos rar online">Seis páginas para descomprimir archivos zip y archivos rar online</a>
   </div>
  </div>
 </div>
</div>
<p>David Buchanan no solo ha probado a esconder archivos comprimidos en imágenes que tuitear, sino <strong>también archivos MP3 y sus pruebas han dado sus frutos</strong>. <a rel="noopener, noreferrer" href="https://twitter.com/David3141593/status/1371978592679309315?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1371978592679309315%7Ctwgr%5E%7Ctwcon%5Es1_&ref_url=https%3A%2F%2Fwww.xataka.com%2Fservicios%2Fdescubren-que-simple-imagen-twitter-puede-servir-para-esconder-archivos-zip-maliciosos-mp3s">En otro tuit</a>, invita a los usuarios a descargar una segunda imagen, renombrarla con la extensión .mp3 y abrir el archivo resultante con VLC para descubrir "una sorpresa".</p>
<!-- BREAK 6 -->
<p>Si descargamos la instantánea en su tamaño original, de 2,5 MB, <strong>seremos <em>rickrolleados</em></strong>. Porque sí, la canción es la famosa y mítica <em>Never Gonna Give You Up</em> de Rick Astley. Eso sí, pese a que la canción por sí sola es lo que es, <a class="text-outboundlink" href="https://www.genbeta.com/multimedia/mitico-never-gonna-give-you-up-luce-mejor-que-nunca-esta-restauracion-ia-a-4k-60-fps-para-hacer-rickrolls-siglo-xxi" data-vars-post-title="El mítico 'Never Gonna Give You Up' luce mejor que nunca en esta restauración con IA a 4K 60 fps para hacer Rickrolls del siglo XXI" data-vars-post-url="https://www.genbeta.com/multimedia/mitico-never-gonna-give-you-up-luce-mejor-que-nunca-esta-restauracion-ia-a-4k-60-fps-para-hacer-rickrolls-siglo-xxi">nada mejor que acompañarla con el videoclip en 4K</a>.</p>
<!-- BREAK 7 --><div class="article-asset-video article-asset-large">
 <div class="asset-content">
  <div class="base-asset-video">
   <div class="js-dailymotion">
    <script type="application/json">
                          {"videoId":"x7zjuic","autoplay":true,"title":"NOTAS DE VOZ de Twitter, lo que faltaba... _ Disponibilidad y CÓMO FUNCIONAN", "tag":"twitter"}
                  </script>
   </div>
  </div>
 </div>
</div>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Descarga más de 100 ilustraciones de alta calidad gratis, personalizables y sin necesidad de atribución para usar en tus proyectos]]></title>
                <link>https://www.genbeta.com/web/descarga-100-ilustraciones-alta-calidad-gratis-personalizables-necesidad-atribucion-para-usar-tus-proyectos</link>
                <guid>https://www.genbeta.com/web/descarga-100-ilustraciones-alta-calidad-gratis-personalizables-necesidad-atribucion-para-usar-tus-proyectos</guid>
                <pubDate>Sat, 21 Nov 2020 16:01:47 +0000</pubDate>
                                         <dc:creator>Toni Castillo</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/f9b864/captura-de-pantalla-2020-11-20-175120/1024_2000.jpg" alt="Descarga&#x20;m&#x00E1;s&#x20;de&#x20;100&#x20;ilustraciones&#x20;de&#x20;alta&#x20;calidad&#x20;gratis,&#x20;personalizables&#x20;y&#x20;sin&#x20;necesidad&#x20;de&#x20;atribuci&#x00F3;n&#x20;para&#x20;usar&#x20;en&#x20;tus&#x20;proyectos">
    </p>
    <p>No todo el mundo dispone de los recursos necesarios para pagar a un profesional que cree ilustraciones personalizadas para nuestro proyecto. Por suerte, en el mundo <strong>hay personas que crean recursos gratuitos para cualquiera que desee usarlos sin pedir nada a cambio</strong>, ni siquiera una atribución, y es digno de señalar.</p>
<!-- BREAK 1 -->
<p>Es el caso de <a rel="noopener, noreferrer" href="https://www.reddit.com/user/karthiksri91/">karthiksri91</a>, usuario de Reddit que ha creado <strong>más de un centenar de ilustraciones de alta calidad, totalmente gratis, que pueden usarse sin atribución y que permiten una personalización en base a la elección de un color</strong>. Además, cada día añade una nueva. Realmente sorprendente.</p>
<!-- BREAK 2 --><!--more-->
<div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">El número de ilustraciones de esta colección completamente gratuita aumenta día a día</div></div></div><h2>Cómo elegir una ilustración y descargarla</h2>
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=907 width=1002 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/450_1000.webp 450w, https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/650_1200.webp 681w,https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/1024_2000.webp 1024w, https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/1366_2000.webp 1366w" src="https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/450_1000.webp" alt="Captura De Pantalla 2020 11 20 180130" onerror="this.src='https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/450_1000.jpg';this.srcset='https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/450_1000.jpg 450w, https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/650_1200.jpg 681w,https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/1024_2000.jpg 1024w, https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/1366_2000.jpg 1366w';return false;">
   <img alt="Captura De Pantalla 2020 11 20 180130" class="centro_sinmarco" src="https://i.blogs.es/01ece0/captura-de-pantalla-2020-11-20-180130/450_1000.webp">
   
      </div>
</div>
<p>Elegir una ilustración de <a rel="noopener, noreferrer" href="https://2.flexiple.com/scale/all-illustrations">esta colección</a> es bastante sencillo. Podemos simplemente navegar por la web y detenernos ante la imagen que más nos guste, <strong>usar el buscador introduciendo una palabra clave que nos interese</strong> o mediante el selector de género, que nos mostrará imágenes de mujeres u hombres.</p>
<!-- BREAK 3 --><div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">Podemos elegir un color para que las ilustraciones se colores en tonos similares y descargarlas en SVG o PNG</div></div></div>
<div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/multimedia/descarga-gratis-estas-preciosas-ilustraciones-3d-basadas-habitaciones-iconicas-que-funcionan-genial-como-fondo-para-zoom" class="pivot-outboundlink" data-vars-post-title="Descarga gratis estas preciosas ilustraciones 3D basadas en habitaciones icónicas y que funcionan genial como fondo para Zoom">
     <img alt="Descarga&#x20;gratis&#x20;estas&#x20;preciosas&#x20;ilustraciones&#x20;3D&#x20;basadas&#x20;en&#x20;habitaciones&#x20;ic&#x00F3;nicas&#x20;y&#x20;que&#x20;funcionan&#x20;genial&#x20;como&#x20;fondo&#x20;para&#x20;Zoom" width="375" height="142" src="https://i.blogs.es/9e9297/fondos-zoom/375_142.webp" onerror='this.src="https://i.blogs.es/9e9297/fondos-zoom/375_142.jpg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/multimedia/descarga-gratis-estas-preciosas-ilustraciones-3d-basadas-habitaciones-iconicas-que-funcionan-genial-como-fondo-para-zoom" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Descarga gratis estas preciosas ilustraciones 3D basadas en habitaciones icónicas y que funcionan genial como fondo para Zoom">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/multimedia/descarga-gratis-estas-preciosas-ilustraciones-3d-basadas-habitaciones-iconicas-que-funcionan-genial-como-fondo-para-zoom" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Descarga gratis estas preciosas ilustraciones 3D basadas en habitaciones icónicas y que funcionan genial como fondo para Zoom">Descarga gratis estas preciosas ilustraciones 3D basadas en habitaciones icónicas y que funcionan genial como fondo para Zoom</a>
   </div>
  </div>
 </div>
</div>
<p>Una vez encontrada una ilustración de nuestro gusto, o incluso sin realizar ningún tipo de búsqueda, simplemente viendo todos los diseños que hay, <strong>podemos elegir un color mediante el selector situado en la parte superior derecha</strong> y como por arte de magia todos los dibujos se colorean con ese tono o similares.</p>
<!-- BREAK 4 -->
<p>Con la imagen a nuestro gusto, <strong>tenemos la posibilidad de descargarla en formato SVG o PNG</strong>. Así de sencillo, no hace falta ni registrarse ni aportar ningún tipo de dato. Eso sí, si queremos agradecer el trabajo de la persona que hay detrás, ella misma nos sugiere compartir el proyecto en redes sociales.</p>
<!-- BREAK 5 --><script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Las mejores webs para descargar iconos gratis]]></title>
                <link>https://www.genbeta.com/web/mejores-webs-para-descargar-iconos-gratis</link>
                <guid>https://www.genbeta.com/web/mejores-webs-para-descargar-iconos-gratis</guid>
                <pubDate>Mon, 09 Mar 2020 13:30:16 +0000</pubDate>
                                         <dc:creator>Gabriela González</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/562987/iconos-gratis/1024_2000.jpg" alt="Las&#x20;mejores&#x20;webs&#x20;para&#x20;descargar&#x20;iconos&#x20;gratis">
    </p>
    <p>Si buscas <strong>iconos para las redes sociales, iconos para Facebook o WhatsApp,  iconos para tus aplicaciones</strong>, o simplemente iconos para tus webs o para cualquier proyecto que necesite diferenciarse un poco en diseño, en Internet sobran buenas opciones. </p>
<!-- BREAK 1 -->
<p>Aquí no te vamos a recomendar sitios ultra conocidos como <a rel="noopener, noreferrer" href="https://www.iconfinder.com/">Iconfinder</a> o <a rel="noopener, noreferrer" href="https://www.flaticon.com/">Flaticon</a>, que tampoco sobra tener siempre a mano dada sus gigantescas bibliotecas de <strong>iconos gratis</strong>, sino que hemos elegido algunas webs menos famosas y que también ofrecen muchos recursos de calidad, interesantes y que además son de uso libre. </p>
<!-- BREAK 2 --><!--more--><h2>Icons8</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=840 width=1301 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/d2d960/iconos8/450_1000.webp 450w, https://i.blogs.es/d2d960/iconos8/650_1200.webp 681w,https://i.blogs.es/d2d960/iconos8/1024_2000.webp 1024w, https://i.blogs.es/d2d960/iconos8/1366_2000.webp 1366w" src="https://i.blogs.es/d2d960/iconos8/450_1000.webp" alt="Iconos8" onerror="this.src='https://i.blogs.es/d2d960/iconos8/450_1000.jpg';this.srcset='https://i.blogs.es/d2d960/iconos8/450_1000.jpg 450w, https://i.blogs.es/d2d960/iconos8/650_1200.jpg 681w,https://i.blogs.es/d2d960/iconos8/1024_2000.jpg 1024w, https://i.blogs.es/d2d960/iconos8/1366_2000.jpg 1366w';return false;">
   <img alt="Iconos8" class="centro_sinmarco" src="https://i.blogs.es/d2d960/iconos8/450_1000.webp">
   
      </div>
</div>
<p><a rel="noopener, noreferrer" href="https://iconos8.es/icons">Icons</a> de Icons8 es un <strong>buscador de iconos gratis con más de 123.000 archivos disponibles</strong>. Ahí consigues iconos en formato PNG y SVG en 32 estilos diferentes. Por ejemplo, hay iconos perfectos para iOS o estilo Material como en Android, o estilo Modern como en Windows.  </p>
<!-- BREAK 3 -->
<p>Puedes no solo descargar los que quieras, sino que también <strong>puedes editarlos</strong> añadiendo efectos, cambiando los colores o los elementos de las capas, el relleno, el fondo, etc. Eso sí, el máximo de tamaño en descarga gratis es de 100px en formato PNG. </p>
<!-- BREAK 4 --><div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/web/mejores-webs-para-descargar-aplicaciones-gratis" class="pivot-outboundlink" data-vars-post-title="Las mejores webs para descargar aplicaciones gratis">
     <img alt="Las&#x20;mejores&#x20;webs&#x20;para&#x20;descargar&#x20;aplicaciones&#x20;gratis" width="375" height="142" src="https://i.blogs.es/94f16b/descargar-aplicaciones-gratis/375_142.webp" onerror='this.src="https://i.blogs.es/94f16b/descargar-aplicaciones-gratis/375_142.jpg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/web/mejores-webs-para-descargar-aplicaciones-gratis" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Las mejores webs para descargar aplicaciones gratis">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/web/mejores-webs-para-descargar-aplicaciones-gratis" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Las mejores webs para descargar aplicaciones gratis">Las mejores webs para descargar aplicaciones gratis</a>
   </div>
  </div>
 </div>
</div>
<h2>Visualpharm</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=836 width=1147 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/511214/visualpharm/450_1000.webp 450w, https://i.blogs.es/511214/visualpharm/650_1200.webp 681w,https://i.blogs.es/511214/visualpharm/1024_2000.webp 1024w, https://i.blogs.es/511214/visualpharm/1366_2000.webp 1366w" src="https://i.blogs.es/511214/visualpharm/450_1000.webp" alt="Visualpharm" onerror="this.src='https://i.blogs.es/511214/visualpharm/450_1000.jpg';this.srcset='https://i.blogs.es/511214/visualpharm/450_1000.jpg 450w, https://i.blogs.es/511214/visualpharm/650_1200.jpg 681w,https://i.blogs.es/511214/visualpharm/1024_2000.jpg 1024w, https://i.blogs.es/511214/visualpharm/1366_2000.jpg 1366w';return false;">
   <img alt="Visualpharm" class="centro_sinmarco" src="https://i.blogs.es/511214/visualpharm/450_1000.webp">
   
      </div>
</div>
<p><a rel="noopener, noreferrer" href="https://visualpharm.com/">Visualpharm</a> es una librería con <strong>miles de iconos vectoriales gratuitos, es decir puedes descargar el archivo SVG</strong> para escalar en alta resolución y usar como quieras en proyectos personales o comerciales, solo tienes que dar siempre crédito al sitio con un enlace en donde uses los iconos. </p>
<!-- BREAK 5 -->
<h2>Orion</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=798 width=1501 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/7a3e3a/orion/450_1000.webp 450w, https://i.blogs.es/7a3e3a/orion/650_1200.webp 681w,https://i.blogs.es/7a3e3a/orion/1024_2000.webp 1024w, https://i.blogs.es/7a3e3a/orion/1366_2000.webp 1366w" src="https://i.blogs.es/7a3e3a/orion/450_1000.webp" alt="Orion" onerror="this.src='https://i.blogs.es/7a3e3a/orion/450_1000.jpg';this.srcset='https://i.blogs.es/7a3e3a/orion/450_1000.jpg 450w, https://i.blogs.es/7a3e3a/orion/650_1200.jpg 681w,https://i.blogs.es/7a3e3a/orion/1024_2000.jpg 1024w, https://i.blogs.es/7a3e3a/orion/1366_2000.jpg 1366w';return false;">
   <img alt="Orion" class="centro_sinmarco" src="https://i.blogs.es/7a3e3a/orion/450_1000.webp">
   
      </div>
</div>
<p><a rel="noopener, noreferrer" href="https://orioniconlibrary.com/app">Orion</a> es <strong>una aplicación web interactiva desde la que puedes crear colecciones de iconos</strong> usando la amplia librería de paquetes y diseños disponibles. </p>

<p>Puedes armar tu colección con los <strong>más de 6000 iconos gratuitos</strong>, puedes editarlos en la webapp, y luego seleccionar los que quieres y descargarlos en formato PNG, o SVG. </p>
<!-- BREAK 6 -->
<h2>Iconshock</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=712 width=1386 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/b3940a/iconshock/450_1000.webp 450w, https://i.blogs.es/b3940a/iconshock/650_1200.webp 681w,https://i.blogs.es/b3940a/iconshock/1024_2000.webp 1024w, https://i.blogs.es/b3940a/iconshock/1366_2000.webp 1366w" src="https://i.blogs.es/b3940a/iconshock/450_1000.webp" alt="Iconshock" onerror="this.src='https://i.blogs.es/b3940a/iconshock/450_1000.jpg';this.srcset='https://i.blogs.es/b3940a/iconshock/450_1000.jpg 450w, https://i.blogs.es/b3940a/iconshock/650_1200.jpg 681w,https://i.blogs.es/b3940a/iconshock/1024_2000.jpg 1024w, https://i.blogs.es/b3940a/iconshock/1366_2000.jpg 1366w';return false;">
   <img alt="Iconshock" class="centro_sinmarco" src="https://i.blogs.es/b3940a/iconshock/450_1000.webp">
   
      </div>
</div>
<p>En <a rel="noopener, noreferrer" href="https://www.iconshock.com/free-icons/">Iconshock</a> encuentras muchísimos <strong>paquetes de iconos temáticos</strong> que puedes descargar completos y que incluyen directamente todos los iconos en múltiples formatos: PNG, SVG y AI. </p>
<!-- BREAK 7 -->
<p>La página es un poco desastrosa en la interfaz y tienes que registrarte y hacer scroll un rato hasta encontrar el botón de descargar, pero <strong>los iconos son de excelente calidad y vale la pena</strong>. </p>
<!-- BREAK 8 --><div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/web/mejores-webs-para-descargar-fuentes-gratis" class="pivot-outboundlink" data-vars-post-title="Las mejores webs para descargar fuentes gratis">
     <img alt="Las&#x20;mejores&#x20;webs&#x20;para&#x20;descargar&#x20;fuentes&#x20;gratis" width="375" height="142" src="https://i.blogs.es/217c02/fuentes-gratis/375_142.webp" onerror='this.src="https://i.blogs.es/217c02/fuentes-gratis/375_142.jpg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/web/mejores-webs-para-descargar-fuentes-gratis" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Las mejores webs para descargar fuentes gratis">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/web/mejores-webs-para-descargar-fuentes-gratis" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Las mejores webs para descargar fuentes gratis">Las mejores webs para descargar fuentes gratis</a>
   </div>
  </div>
 </div>
</div>
<h2>Iconmonstr</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=938 width=1445 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/b05503/iconmonstr/450_1000.webp 450w, https://i.blogs.es/b05503/iconmonstr/650_1200.webp 681w,https://i.blogs.es/b05503/iconmonstr/1024_2000.webp 1024w, https://i.blogs.es/b05503/iconmonstr/1366_2000.webp 1366w" src="https://i.blogs.es/b05503/iconmonstr/450_1000.webp" alt="Iconmonstr" onerror="this.src='https://i.blogs.es/b05503/iconmonstr/450_1000.jpg';this.srcset='https://i.blogs.es/b05503/iconmonstr/450_1000.jpg 450w, https://i.blogs.es/b05503/iconmonstr/650_1200.jpg 681w,https://i.blogs.es/b05503/iconmonstr/1024_2000.jpg 1024w, https://i.blogs.es/b05503/iconmonstr/1366_2000.jpg 1366w';return false;">
   <img alt="Iconmonstr" class="centro_sinmarco" src="https://i.blogs.es/b05503/iconmonstr/450_1000.webp">
   
      </div>
</div>
<p><a rel="noopener, noreferrer" href="https://iconmonstr.com/">Iconmnstr</a> es una pequeña web con <strong>casi 4.500 iconos gratuitos distribuidos a través de más de 300 colecciones.</strong> Solo tienen dos estilos: pesados y ligeros. Es decir, iconos monocromáticos con líneas muy gruesas o muy finas. </p>
<!-- BREAK 9 -->
<p>Todos los iconos son de uso libre y puedes descargarlos en formatos SVG, EPS, PSD o PNG. </p>

<h2>The Noun Project</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=812 width=1153 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/4b1e4c/the-noun-project/450_1000.webp 450w, https://i.blogs.es/4b1e4c/the-noun-project/650_1200.webp 681w,https://i.blogs.es/4b1e4c/the-noun-project/1024_2000.webp 1024w, https://i.blogs.es/4b1e4c/the-noun-project/1366_2000.webp 1366w" src="https://i.blogs.es/4b1e4c/the-noun-project/450_1000.webp" alt="The Noun Project" onerror="this.src='https://i.blogs.es/4b1e4c/the-noun-project/450_1000.jpg';this.srcset='https://i.blogs.es/4b1e4c/the-noun-project/450_1000.jpg 450w, https://i.blogs.es/4b1e4c/the-noun-project/650_1200.jpg 681w,https://i.blogs.es/4b1e4c/the-noun-project/1024_2000.jpg 1024w, https://i.blogs.es/4b1e4c/the-noun-project/1366_2000.jpg 1366w';return false;">
   <img alt="The Noun Project" class="centro_sinmarco" src="https://i.blogs.es/4b1e4c/the-noun-project/450_1000.webp">
   
      </div>
</div>
<p>En <a rel="noopener, noreferrer" href="https://thenounproject.com/">The Noun Project</a> encuentras una colección de más de <strong>dos millones de iconos</strong> libres de regalías y bajo licencias creative commons. Todos fueron escogidos a mano por la comunidad detrás de la web. </p>
<!-- BREAK 10 -->
<p><strong>Puedes descargar gratis la versión básica de cualquiera de los iconos que te encuentres</strong>, solo debes atribuir crédito al autor donde los uses. También puedes personalizar los iconos con diferentes colores, fondos y rotación, pero deberás pagar por una suscripción. </p>
<!-- BREAK 11 -->
<h2>Graphic Burger</h2>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=956 width=1131 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/adab9a/graphic-burger/450_1000.webp 450w, https://i.blogs.es/adab9a/graphic-burger/650_1200.webp 681w,https://i.blogs.es/adab9a/graphic-burger/1024_2000.webp 1024w, https://i.blogs.es/adab9a/graphic-burger/1366_2000.webp 1366w" src="https://i.blogs.es/adab9a/graphic-burger/450_1000.webp" alt="Graphic Burger" onerror="this.src='https://i.blogs.es/adab9a/graphic-burger/450_1000.jpg';this.srcset='https://i.blogs.es/adab9a/graphic-burger/450_1000.jpg 450w, https://i.blogs.es/adab9a/graphic-burger/650_1200.jpg 681w,https://i.blogs.es/adab9a/graphic-burger/1024_2000.jpg 1024w, https://i.blogs.es/adab9a/graphic-burger/1366_2000.jpg 1366w';return false;">
   <img alt="Graphic Burger" class="centro_sinmarco" src="https://i.blogs.es/adab9a/graphic-burger/450_1000.webp">
   
      </div>
</div>
<p><a rel="noopener, noreferrer" href="https://graphicburger.com/icons-set/">Graphic Burger</a> no es un buscador ni librería de iconos al estilo de las anteriores, es más como <strong>un sitio de diseño en la que el autor recoge recursos gratuitos</strong>. Su sección de iconos cuenta con una amplia selección de paquetes de iconos gratuitos que puedes usar en tus proyectos.</p>
<!-- BREAK 12 --><script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Twitter prohíbe publicar PNG animados tras el ataque a la Epilepsy Foundation]]></title>
                <link>https://www.genbeta.com/redes-sociales-y-comunidades/twitter-prohibe-publicar-png-animados-ataque-a-epilepsy-foundation</link>
                <guid>https://www.genbeta.com/redes-sociales-y-comunidades/twitter-prohibe-publicar-png-animados-ataque-a-epilepsy-foundation</guid>
                <pubDate>Tue, 24 Dec 2019 09:18:31 +0000</pubDate>
                                         <dc:creator>Santi Araújo</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/fad13f/twitter/1024_2000.jpg" alt="Twitter&#x20;proh&#x00ED;be&#x20;publicar&#x20;PNG&#x20;animados&#x20;tras&#x20;el&#x20;ataque&#x20;a&#x20;la&#x20;Epilepsy&#x20;Foundation">
    </p>
    <p>A mediados de la semana pasada conocimos que <strong>la cuenta de Twitter de la Epilepsy Foundation</strong> <a class="text-outboundlink" href="https://www.xataka.com/seguridad/alguien-tuvo-terrible-idea-cometer-ciberataque-dirigido-a-epilepticos-gifs-videos-twitter-para-provocar-crisis" data-vars-post-title="Alguien tuvo la terrible idea de cometer un ciberataque dirigido a epilépticos con GIFs y vídeos en Twitter para provocar crisis" data-vars-post-url="https://www.xataka.com/seguridad/alguien-tuvo-terrible-idea-cometer-ciberataque-dirigido-a-epilepticos-gifs-videos-twitter-para-provocar-crisis">fue hackeada</a>, y la utilizaron para publicar vídeos parpadeantes y con flashes para así perjudicar a las personas que sufren epilepsia. </p>
<!-- BREAK 1 -->
<p>Tal y como <a rel="noopener, noreferrer" href="https://www.epilepsy.com/release/2019/12/epilepsy-foundation-files-criminal-complaint-and-requests-investigation-response">desveló</a> la cuenta de la propia fundación, <strong>los hechos ocurrieron el mes pasado</strong>, y aseguran que ya han puesto una querella criminal contra los autores de este ciberataque. </p>
<!-- BREAK 2 --><!--more--><h2> Varias imágenes animadas en un solo tweet</h2>

<p>Twitter ha querido reaccionar a lo sucedido, y hace unas horas anunció que van a <strong>prohibir la posibilidad de publicar GIFs animados (APNGs)</strong>. Twitter descubrió un error que permitía a los usuarios eludir su configuración de reproducción automática y publicar varias imágenes animadas en un solo tweet. </p>
<!-- BREAK 3 -->
<p><code><blockquote class="twitter-tweet"><p lang="en" dir="ltr">We want everyone to have a safe experience on Twitter.<br><br>APNGs were fun, but they don’t respect autoplay settings, so we&#39;re removing the ability to add them to Tweets. This is for the safety of people with sensitivity to motion and flashing imagery, including those with epilepsy. <a rel="noopener, noreferrer" href="https://t.co/Suogtrop1u">https://t.co/Suogtrop1u</a></p>&mdash; Twitter Accessibility (@TwitterA11y) <a rel="noopener, noreferrer" href="https://twitter.com/TwitterA11y/status/1209172620123394048?ref_src=twsrc%5Etfw">December 23, 2019</a></blockquote> </p>
<!-- BREAK 4 --><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p></code></p>

<p>Como vemos, Twitter asegura que los "APNGs fueron divertidos, pero <strong>no respetan nuestros ajustes de reproducción automática</strong>, así que vamos a eliminar la posibilidad de añadirlos a los tweets".</p>
<!-- BREAK 5 -->
<p><a rel="noopener, noreferrer" href="https://au.finance.yahoo.com/news/2019-12-23-twitter-blocks-apng-stop-seizures.html?guccounter=1&guce_referrer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8&guce_referrer_sig=AQAAAK29b9Ior9hXuUplCWBv2KGZPqqDkqO6dpH5mbCZatycOD80Af5l9vbs5kZJU5FBXimGhRXln4cFdW9T2_IKdi2nuk-xOmXazwtu_kMY0cgDnD0Pipws7kZmm8YkJhrI2DEZGpMXU-k8tTS--YXRAm4m36ZjCWQTrIVeSzHgooe1">Según Yahoo</a>, Twitter ha aclarado que los archivos APNG no fueron utilizados en este ataque a la Epilepsy Foundation, pero el error que han descubierto demuestra que este tipo de archivos podrían ser utilizados en ataques futuros. </p>
<!-- BREAK 6 --><div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">No eliminarán los tweets publicados con APNGs</div></div></div><p>Los tweets que hayan sido publicados y contengan APNGs no serán eliminados de la plataforma, pero a partir de ahora <strong>sólo se permitirán GIFs</strong> si queremos publicar imágenes animadas.  </p>
<!-- BREAK 7 -->
<p>Queremos aclarar que esto <strong>no significa que ya no podamos publicar GIFs</strong> en la plataforma. Este bloqueo está dirigido a los APNG (Animated Portable Network Graphics), un formato de archivos propuesto por Stuart Parmenter y Vladimir Vukicevic a finales de la década pasada.</p>
<!-- BREAK 8 --><script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[En Iconshock puedes descargar gratis más de 2 millones de iconos vectoriales personalizables]]></title>
                <link>https://www.genbeta.com/web/en-iconshock-puedes-descargar-gratis-mas-de-2-millones-de-iconos-vectoriales-personalizables</link>
                <guid>https://www.genbeta.com/web/en-iconshock-puedes-descargar-gratis-mas-de-2-millones-de-iconos-vectoriales-personalizables</guid>
                <pubDate>Fri, 08 Sep 2017 16:03:32 +0000</pubDate>
                                         <dc:creator>Gabriela González</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/cffa2e/iconshock---2-million-stock-icons-and-800-icon-sets/1024_2000.png" alt="En&#x20;Iconshock&#x20;puedes&#x20;descargar&#x20;gratis&#x20;m&#x00E1;s&#x20;de&#x20;2&#x20;millones&#x20;de&#x20;iconos&#x20;vectoriales&#x20;personalizables">
    </p>
    <p>Si buscas una alternativa a <a class="text-outboundlink" href="https://www.genbeta.com/deskmod/iconos-gratis-seis-paginas-donde-buscar-y-descargar-iconos" data-vars-post-title="Iconos gratis: seis páginas donde buscar y descargar iconos" data-vars-post-url="https://www.genbeta.com/deskmod/iconos-gratis-seis-paginas-donde-buscar-y-descargar-iconos">las webs más conocidas para descargar iconos gratis</a>, el nuevo motor de búsqueda <a rel="noopener, noreferrer" href="http://www.iconshock.com">Iconshock</a> probablemente tenga todo y más de lo que necesitabas. </p>
<!-- BREAK 1 -->
<p>En su biblioteca consigues más de 2 millones de iconos, la mayoría en formato de gráficos vectoriales (SVG) y además <strong>puedes editarlos directamente desde la misma web</strong> y personalizarlos a tu gusto.</p>
<!-- BREAK 2 --><!--more--><p>En Iconshock te consigues con iconos distribuidos en más de 400 paquetes diferentes, en unos 30 estilos que van desde ilustraciones realistas, a iconos estilo flat, o <strong>algunos especiales para sistemas operativos como Android, iOS o Windows</strong>. </p>
<!-- BREAK 3 --><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=849 width=1449 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/ab2f47/iconshock/450_1000.webp 450w, https://i.blogs.es/ab2f47/iconshock/650_1200.webp 681w,https://i.blogs.es/ab2f47/iconshock/1024_2000.webp 1024w, https://i.blogs.es/ab2f47/iconshock/1366_2000.webp 1366w" src="https://i.blogs.es/ab2f47/iconshock/450_1000.webp" alt="iconshock" onerror="this.src='https://i.blogs.es/ab2f47/iconshock/450_1000.png';this.srcset='https://i.blogs.es/ab2f47/iconshock/450_1000.png 450w, https://i.blogs.es/ab2f47/iconshock/650_1200.png 681w,https://i.blogs.es/ab2f47/iconshock/1024_2000.png 1024w, https://i.blogs.es/ab2f47/iconshock/1366_2000.png 1366w';return false;">
   <img alt="iconshock" class="centro_sinmarco" src="https://i.blogs.es/ab2f47/iconshock/450_1000.webp">
   
        <span>Editor de iconos en linea</span>
   </div>
   </div>
</div>
<p>El buscador te deja encontrar iconos según etiquetas y estilos, y luego en el editor puedes cambiarlos de color, fondo y tamaño. Ahora bien, utilizar el servicio es completamente gratis y <strong>puedes descargar los iconos que quieras y edites en tamaños que van de los 24 a los 72 pixeles</strong>. </p>
<!-- BREAK 4 -->
<p>Para descargar iconos de mayor resolución, o en formato SVG sí necesitas pagar una suscripción premium. <strong>Los iconos que consigues son de una excelente calidad</strong>, especialmente los estilo flat, pues para personalizar tienes paletas de colores preestablecidas que son verdaderamente hermosas. </p>
<!-- BREAK 5 -->
<p>En Genbeta | <a class="text-outboundlink" href="https://www.genbeta.com/multimedia/descarga-videos-e-imagenes-de-stock-gratuitos-y-de-alta-calidad" data-vars-post-title="Descarga vídeos e imágenes de stock gratuitos y de alta calidad" data-vars-post-url="https://www.genbeta.com/multimedia/descarga-videos-e-imagenes-de-stock-gratuitos-y-de-alta-calidad">Descarga vídeos e imágenes de stock gratuitos y de alta calidad</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[En esta base de datos puedes ver y descargar todos los iconos que se han cambiado en Windows 10]]></title>
                <link>https://www.genbeta.com/windows/en-esta-base-de-datos-puedes-ver-y-descargar-todos-los-iconos-que-ha-usado-windows-10</link>
                <guid>https://www.genbeta.com/windows/en-esta-base-de-datos-puedes-ver-y-descargar-todos-los-iconos-que-ha-usado-windows-10</guid>
                <pubDate>Sun, 19 Mar 2017 17:01:31 +0000</pubDate>
                                         <dc:creator>Gabriela González</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/a14758/iconos-windows-10/1024_2000.png" alt="En&#x20;esta&#x20;base&#x20;de&#x20;datos&#x20;puedes&#x20;ver&#x20;y&#x20;descargar&#x20;todos&#x20;los&#x20;iconos&#x20;que&#x20;se&#x20;han&#x20;cambiado&#x20;en&#x20;Windows&#x20;10">
    </p>
    <p><strong>Windows 10</strong> sin duda ha sido una de las versiones del sistema operativo de las ventanas que más atención ha puesto en cuanto al diseño. Esto no solo se ve en cómo han mejorado significativamente la interfaz luego del desastre que fueron los primeros días de Windows 8, sino en cómo constantemente cambian detalles aquí y allá, y cómo planean seguir haciéndolo con <a class="text-outboundlink" href="https://www.genbeta.com/a-fondo/lo-bueno-y-lo-malo-de-project-neon-como-microsoft-busca-mejorar-el-diseno-de-windows-10" data-vars-post-title="Lo bueno y lo malo de Project Neon, cómo Microsoft busca mejorar el diseño de Windows 10" data-vars-post-url="https://www.genbeta.com/a-fondo/lo-bueno-y-lo-malo-de-project-neon-como-microsoft-busca-mejorar-el-diseno-de-windows-10">Project Neon</a>. </p>
<!-- BREAK 1 -->
<p>Algunos de esos detalles que cambian todo el tiempo son los iconos. Quizás no lo hayas notado al haber tantos, pero desde que Windows 10 existe, se han rastreado <strong>2731 cambios a través de 1514 iconos en 66 _builds_ diferentes</strong> del sistema hasta ahora. Y, los puedes encontrar todos en <a rel="noopener, noreferrer" href="https://icons.bav0.com/">The Windows 10 iconos database</a>.</p>
<!-- BREAK 2 --><!--more-->
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=350 width=800 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/f6d176/cover/450_1000.webp 450w, https://i.blogs.es/f6d176/cover/650_1200.webp 681w,https://i.blogs.es/f6d176/cover/1024_2000.webp 1024w, https://i.blogs.es/f6d176/cover/1366_2000.webp 1366w" src="https://i.blogs.es/f6d176/cover/450_1000.webp" alt="Cover" onerror="this.src='https://i.blogs.es/f6d176/cover/450_1000.png';this.srcset='https://i.blogs.es/f6d176/cover/450_1000.png 450w, https://i.blogs.es/f6d176/cover/650_1200.png 681w,https://i.blogs.es/f6d176/cover/1024_2000.png 1024w, https://i.blogs.es/f6d176/cover/1366_2000.png 1366w';return false;">
   <img alt="Cover" class="centro_sinmarco" src="https://i.blogs.es/f6d176/cover/450_1000.webp">
   
      </div>
</div>
<p>Esta base de datos es un sitio web independiente y no está relacionado con Microsoft. Es mantenido por <a rel="noopener, noreferrer" href="https://twitter.com/BAV0">Bavo Luysterborg</a>, un desarrollador y administrador de sistemas de Bélgica que fundó la web a principios de 2015, y que desde entonces ha lanzado dos versiones.</p>
<!-- BREAK 3 -->
<p>The Windows 10 Icon Database <strong>rastrea todos los iconos usados en Windows 10</strong> y lista los cambios cada vez que una nueva versión <a class="text-outboundlink" href="https://www.genbeta.com/sistemas-operativos/que-es-windows-insider-y-como-funciona-el-programa-de-betas-de-microsoft" data-vars-post-title="Qué es Windows Insider y cómo funciona el programa de betas de Microsoft" data-vars-post-url="https://www.genbeta.com/sistemas-operativos/que-es-windows-insider-y-como-funciona-el-programa-de-betas-de-microsoft">beta para los Insiders</a> ve la luz del día. Es sorprendente la cantidad de cambios que sufren los iconos del sistema, y como muchos pasan desapercibidos por completo por el usuario salvo que sean los que usamos todos los días.   </p>
<!-- BREAK 4 --><div class="article-asset-embed-giphy article-asset-small article-asset-right">
 <div class="article-asset-video">
  <div class="asset-content">
   <div id="_giphy_l0IyaWHHqKF32ryX6" class="base-asset-video">
     <iframe src="https://giphy.com/embed/l0IyaWHHqKF32ryX6" style="position:absolute" class="giphy-embed" allowFullScreen></iframe>
   </div>
  </div>
 </div>
</div>
<p>La librería está organizada por iconos y por _builds_. Por defecto la página oculta las versiones que no vieron cambios en los iconos, y organiza las que si recibieron en diferentes "olas", como las _builds_ previas a la gran actualización de noviembre, o las previas a la Anniversary Update. <strong>Todos los iconos se pueden descargar en formato PNG o ICO</strong>.</p>
<!-- BREAK 5 -->
<p>Sin duda un "placer" para los que más disfrutan todas las inconsistencias de diseño entre los diferentes tipos de iconos que plagan los rincones de Windows 10. Algunos han sido cambiados docenas de veces y otros siguen siendo los mismos que usaban en Windows Vista. </p>
<!-- BREAK 6 -->
<p>En Genbeta | <a class="text-outboundlink" href="https://www.genbeta.com/a-fondo/lo-bueno-y-lo-malo-de-project-neon-como-microsoft-busca-mejorar-el-diseno-de-windows-10" data-vars-post-title="Lo bueno y lo malo de Project Neon, cómo Microsoft busca mejorar el diseño de Windows 10" data-vars-post-url="https://www.genbeta.com/a-fondo/lo-bueno-y-lo-malo-de-project-neon-como-microsoft-busca-mejorar-el-diseno-de-windows-10">Lo bueno y lo malo de Project Neon, cómo Microsoft busca mejorar el diseño de Windows 10</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Cómo funcionan los formatos de imagen y en qué los mejora WebP]]></title>
                <link>https://www.genbeta.com/imagen-digital/como-funcionan-los-formatos-de-imagen-y-en-que-los-mejora-webp</link>
                <guid>https://www.genbeta.com/imagen-digital/como-funcionan-los-formatos-de-imagen-y-en-que-los-mejora-webp</guid>
                <pubDate>Fri, 17 May 2013 17:46:34 +0000</pubDate>
                                         <dc:creator>Guillermo Julián</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/92ee84/webp/1024_2000.jpg" alt="C&#x00F3;mo&#x20;funcionan&#x20;los&#x20;formatos&#x20;de&#x20;imagen&#x20;y&#x20;en&#x20;qu&#x00E9;&#x20;los&#x20;mejora&#x20;WebP">
    </p>
    <p>Todavía nos quedan algunas cosas en el tintero del Google I/O. Una de ellas es el "nuevo" códec de imagen para la Web: <em>WebP</em> (Web - Picture, no se han roto la cabeza con el nombre). Digo "nuevo" porque ya existía de bastante antes, pero no está de más darle un repaso.</p>
<!-- BREAK 1 -->
<p>Lo primero es entender por qué Google está llevando a cabo este esfuerzo. Tenemos tres códecs o formatos mayoritarios: JPEG, PNG y GIF, que datan del 1991, 1996 y 1987 respectivamente. Han cambiado muchas cosas desde entonces, pero aun así estos códecs siguen sirviendo... <em>más o menos</em>.</p>
<!-- BREAK 2 --><!--more--><style>.sumario_derecha {
    color: rgb(74, 116, 168);
} .sumario_izquierda {
    color: rgb(74, 116, 168) !important;<strong></strong>
}
</style>

<p><em>JPEG</em> es el más usado no sólo en Internet sino también fuera de él. La mayor ventaja que tiene es su capacidad de compresión, que puede llegar a valores tan altos como 100:1 (una imagen de 100KB almacenada en un archivo de 1KB). Pero claro, esa compresión tan potente tiene sus desventajas: pérdida de calidad. Veremos más adelante por qué ocurre esto, pero estoy seguro que a todos nos suenan los _artefactos_, la distorsión de los JPG. </p>
<!-- BREAK 3 -->
<p>Después tenemos al formato <em>GIF</em>. Realmente el formato es bastante malo: aunque la compresión no tiene pérdidas, tenemos un problema, y es que sólo podemos representar 256 colores. Para que os hagáis una idea, una pantalla normal representa millones de colores. El resultado es que GIF no es un formato de buena calidad, y de hecho sólo se usa para logos simples y para animaciones (es el único que las permite).</p>
<!-- BREAK 4 -->
<p>Por último, está <em>PNG</em>. Es un formato sin pérdida y que admite transparencia. El problema es que no alcanza una compresión tan alta como JPEG, así que sólo se usa con imágenes pequeñas y con pocos colores. </p>
<!-- BREAK 5 --><div class="article-asset-summary">
 <div class="asset-content">
     <div class="sumario">WebP unifica las ventajas de PNG, GIF y JPEG en un único formato.</div>
   </div>
</div>
<p>Al final, tenemos tres formatos distintos, y cada uno destaca en un campo en el que los demás no tienen nada que hacer: JPEG para archivos pequeños, PNG para alta calidad y transparencia, y GIF para animaciones. </p>
<!-- BREAK 6 -->
<p>WebP pretende <em>unificar todas esas ventajas en un único archivo</em>. Tiene compresión con pérdidas para reducir el tamaño de archivo, sin pérdidas para mantener la calidad (y aun así resultan archivos más pequeños que en PNG), soporta transparencia y animaciones. El formato definitivo, vamos. ¿Cómo lo logran en Google?</p>
<!-- BREAK 7 -->
<h2>¿Cómo funcionan los códecs de imagen?</h2>

<p>Para entender un poco el porqué de la necesidad de WebP, tenemos que ver <em>cómo funcionan los códecs de imagen</em>. Aviso que haré varias simplificaciones para que se entienda mejor.</p>
<!-- BREAK 8 -->
<p>Antes de nada, recordemos que una imagen no es más que una serie de puntos o píxeles, donde cada posición tiene las cantidades de color rojo, verde y azul que componen el color del píxel.</p>
<!-- BREAK 9 -->
<p>La compresión de imágenes con pérdida de calidad se basa en dos principios (los más importantes, hay muchos más). El principal es que <em>el ojo humano no es capaz de distinguir muchos cambios ligeros de color</em>. Y el segundo, que es más corto guardar una serie de puntos como una función. Por ejemplo, ¿qué es más corto de guardar, cincuenta puntos de una recta o su función (<i>y = ax + b</i> por si alguno no se acuerda)?</p>
<!-- BREAK 10 -->
<p class="sumario_izquierda">No podemos detectar los pequeños cambios de color, así que, ¿para qué guardarlos?</p>

<p>Parece que lo que he dicho no tiene relación, pero en realidad sí. Decíamos que una imagen no es más que una serie de puntos, así que podemos representar esos puntos en una gráfica, y después construir una función que se aproxime a esos puntos. </p>
<!-- BREAK 11 -->
<p>Esa función nos sale con muchos picos muy pequeños. Espera, ¿no habíamos dicho que esos cambios tan pequeños no los detecta el ojo? Pues lo tenemos fácil: deshagámonos de esos picos. "Aplanemos" la función. Así será más corta, y la guardaremos más fácilmente. Podéis ver un esquema de lo que ocurre en la siguiente imagen.</p>
<!-- BREAK 12 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=551 width=650 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/0debf8/compresionperdidas/450_1000.webp 450w, https://i.blogs.es/0debf8/compresionperdidas/650_1200.webp 681w,https://i.blogs.es/0debf8/compresionperdidas/1024_2000.webp 1024w, https://i.blogs.es/0debf8/compresionperdidas/1366_2000.webp 1366w" src="https://i.blogs.es/0debf8/compresionperdidas/450_1000.webp" alt="Compresion sin perdidas" onerror="this.src='https://i.blogs.es/0debf8/compresionperdidas/450_1000.png';this.srcset='https://i.blogs.es/0debf8/compresionperdidas/450_1000.png 450w, https://i.blogs.es/0debf8/compresionperdidas/650_1200.png 681w,https://i.blogs.es/0debf8/compresionperdidas/1024_2000.png 1024w, https://i.blogs.es/0debf8/compresionperdidas/1366_2000.png 1366w';return false;">
   <img alt="Compresion sin perdidas" class="centro_sinmarco" src="https://i.blogs.es/0debf8/compresionperdidas/450_1000.webp">
   
      </div>
</div>
<p>En JPEG, esto (más o menos) es lo que se llama el proceso de _cuantización_. La cuestión es, ¿qué pasa si nos pasamos al "aplanar" la función? Que perdemos detalle. Los colores se quedan, literalmente, más planos: <em>perdemos contraste</em>. Cada píxel se parece mucho más al resto, y por eso aparecen los artefactos. Exagerando mucho, esto es lo pasa en una imagen real si nos pasamos de compresión:</p>
<!-- BREAK 13 -->
<p><div class="caption-img"> </p>
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=234 width=650 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/db5610/jpgartifacts/450_1000.webp 450w, https://i.blogs.es/db5610/jpgartifacts/650_1200.webp 681w,https://i.blogs.es/db5610/jpgartifacts/1024_2000.webp 1024w, https://i.blogs.es/db5610/jpgartifacts/1366_2000.webp 1366w" src="https://i.blogs.es/db5610/jpgartifacts/450_1000.webp" alt="Artefactoss JPG" onerror="this.src='https://i.blogs.es/db5610/jpgartifacts/450_1000.png';this.srcset='https://i.blogs.es/db5610/jpgartifacts/450_1000.png 450w, https://i.blogs.es/db5610/jpgartifacts/650_1200.png 681w,https://i.blogs.es/db5610/jpgartifacts/1024_2000.png 1024w, https://i.blogs.es/db5610/jpgartifacts/1366_2000.png 1366w';return false;">
   <img alt="Artefactoss JPG" class="centro_sinmarco" src="https://i.blogs.es/db5610/jpgartifacts/450_1000.webp">
   
      </div>
</div>
<p><span>A la izquierda, imagen JPEG sin comprimir, a la derecha comprimida demasiado.</span> </div></p>

<p>Este método es bastante eficiente en cuanto al ratio de compresión de la imagen. Lo malo es lo que comentábamos: es irreversible. Perdemos calidad y no la podemos recuperar.</p>
<!-- BREAK 14 -->
<p>Por suerte, hay otros algoritmos para <em>reducir el tamaño de imagen sin perder la calidad</em>, que se basan en cambiar la forma de expresar la imagen para que se pueda comprimir mejor.</p>
<!-- BREAK 15 -->
<p>¿Cómo se comprime mejor una imagen (o cualquier archivo)? Ahorrándonos los datos repetidos. Por ejemplo, en lugar de guardar 20 ceros seguidos, simplemente guardamos dos números: 20 (el número de repeticiones) y 0 (el elemento que se repite). El objetivo de los algoritmos con compresión es encontrar otras formas de expresar la imagen de tal forma que haya el <em>mayor número de datos repetidos posible</em> (el nombre técnico es reducir la entropía de información del archivo).</p>
<!-- BREAK 16 -->
<p>La técnica principal que usan los códecs PNG y GIF para esto es la siguiente. Cogemos un píxel. Sacamos una predicción de cómo será este píxel en función de los de su alrededor. Por ejemplo, si un píxel está rodeado de píxeles rojos, será rojo también; o si está entre uno rojo y otro amarillo, probablemente será naranja.</p>
<!-- BREAK 17 -->
<p>El truco está en guardar no el valor del píxel, ni la predicción, sino <em>cuánto se desvía la predicción del píxel real</em>. Como en general no hay muchos cambios bruscos en una imagen, habrá muchas diferencias que sean 0 o pequeñas, así que tendremos bastantes datos repetidos. Además, este proceso es reversible, así que no perdemos calidad.</p>
<!-- BREAK 18 -->
<p>Como hay varios métodos para predecir el valor de un píxel, el codificador escoge el que mejor predice para cada "bloque" de la imagen (esto es, el que saca las predicciones más exactas y el que deja números más pequeños).</p>
<!-- BREAK 19 -->
<h2>¿En qué mejora WebP lo ya existente?</h2>

<p>Y después de esta "introducción", podemos ver <em>qué hace WebP para ser mejor que sus antecesores</em>. Recordemos que reduce en un 25% aproximadamente el peso de los archivos con respecto a PNG y JPEG manteniendo la calidad (esto también depende del codificador que se use).</p>
<!-- BREAK 20 --><div class="article-asset-summary">
 <div class="asset-content">
     <div class="sumario">La principal mejora de WebP es dar más opciones para comprimir la imagen sin pérdida.</div>
   </div>
</div>
<p>Frente a PNG, WebP lo mejora por tener un <em>mayor abanico de filtros sin pérdida</em>. El filtro de predicción tiene más modos (cada modo valora de forma distinta los píxeles adyacentes al que queremos calcular su valor teórico), lo que permite un mejor ajuste y por lo tanto se pueden comprimir mejor los datos. Además, hay otros dos filtros adicionales: transformación de color e indexación de colores.</p>
<!-- BREAK 21 -->
<p>Estos filtros se pueden aplicar al mismo tiempo sobre una imagen, de forma que el formato WebP ofrece una compresión máxima mayor usando técnicas que PNG no permite.</p>
<!-- BREAK 22 -->
<p>Por otro lado, frente a JPEG, WebP destaca por la posibilidad de añadir los filtros sin pérdida que acabo de comentar. Es cierto que JPEG tiene métodos de compresión sin pérdida, pero no son tan efectivos como los de WebP (y son menos usados). </p>
<!-- BREAK 23 -->
<p>Otra ventaja de WebP es que incluye <em>métodos de compresión mejorados</em>. Al igual que PNG, usa DEFLATE, pero además añade una caché de los colores más usados. En este sentido es el más avanzado de los cuatro formatos.</p>
<!-- BREAK 24 -->
<h2>¿Y todo eso, para qué?</h2>

<p>Bien, una vez que hemos visto la teoría, veamos la práctica. Exploremos las imágenes que Google tiene de muestra para comparar qué ofrece, a nivel de calidad, WebP.</p>
<!-- BREAK 25 -->
<p>Frente a PNG (<a rel="noopener, noreferrer" href="https://developers.google.com/speed/webp/gallery2">galería completa</a>), el cambio es impresionante. La calidad de WebP es del 90%, y la imagen en PNG es unas 4-5 veces más grande que la de WebP. Las diferencias en calidad apenas se notan (yo ya me he dejado los ojos y no he visto prácticamente nada).</p>
<!-- BREAK 26 -->
<p><div class="caption-img"> </p>
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=366 width=650 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/3c8b7a/webp-png/450_1000.webp 450w, https://i.blogs.es/3c8b7a/webp-png/650_1200.webp 681w,https://i.blogs.es/3c8b7a/webp-png/1024_2000.webp 1024w, https://i.blogs.es/3c8b7a/webp-png/1366_2000.webp 1366w" src="https://i.blogs.es/3c8b7a/webp-png/450_1000.webp" alt="WebP + PNG" onerror="this.src='https://i.blogs.es/3c8b7a/webp-png/450_1000.png';this.srcset='https://i.blogs.es/3c8b7a/webp-png/450_1000.png 450w, https://i.blogs.es/3c8b7a/webp-png/650_1200.png 681w,https://i.blogs.es/3c8b7a/webp-png/1024_2000.png 1024w, https://i.blogs.es/3c8b7a/webp-png/1366_2000.png 1366w';return false;">
   <img alt="WebP + PNG" class="centro_sinmarco" src="https://i.blogs.es/3c8b7a/webp-png/450_1000.webp">
   
      </div>
</div>
<p><span>Aumento del 200%. Originales: <a rel="noopener, noreferrer" href="https://www.gstatic.com/webp/gallery3/1_webp_a.webp">WebP</a>, <a rel="noopener, noreferrer" href="https://www.gstatic.com/webp/gallery3/1.png">PNG</a>.</span> </div></p>

<p>Con JPEG (<a rel="noopener, noreferrer" href="https://developers.google.com/speed/webp/gallery1">galería completa</a>), las cosas están un poco más dispares. De lejos no hay mucha diferencia, pero si pasamos a ampliar vemos que, mientras que en WebP se notan más los bloques de imagen, en JPEG los artefactos en los bordes son mucho más destacados. </p>
<!-- BREAK 27 -->
<p><div class="caption-img"> </p>
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=366 width=650 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/44a93f/webp-jpg-400/450_1000.webp 450w, https://i.blogs.es/44a93f/webp-jpg-400/650_1200.webp 681w,https://i.blogs.es/44a93f/webp-jpg-400/1024_2000.webp 1024w, https://i.blogs.es/44a93f/webp-jpg-400/1366_2000.webp 1366w" src="https://i.blogs.es/44a93f/webp-jpg-400/450_1000.webp" alt="WebP y JPG" onerror="this.src='https://i.blogs.es/44a93f/webp-jpg-400/450_1000.png';this.srcset='https://i.blogs.es/44a93f/webp-jpg-400/450_1000.png 450w, https://i.blogs.es/44a93f/webp-jpg-400/650_1200.png 681w,https://i.blogs.es/44a93f/webp-jpg-400/1024_2000.png 1024w, https://i.blogs.es/44a93f/webp-jpg-400/1366_2000.png 1366w';return false;">
   <img alt="WebP y JPG" class="centro_sinmarco" src="https://i.blogs.es/44a93f/webp-jpg-400/450_1000.webp">
   
      </div>
</div>
<p><span>Ampliación 400%. Izquierda: WebP, 29 KB, <a rel="noopener, noreferrer" href="http://www.gstatic.com/webp/gallery/1.webp">original</a>. Derecha: JPEG, 44KB, <a rel="noopener, noreferrer" href="http://www.gstatic.com/webp/gallery/1.jpg">original</a>.</span> </div></p>

<p>Por ejemplo, en imágenes del cielo, si nos fijamos, WebP se queda un poco atrás al darle un patrón más cuadriculado. Sin embargo, la <em>ausencia de artefactos</em> en los bordes de los objetos le da muchos puntos.</p>
<!-- BREAK 28 -->
<p><div class="caption-img"> </p>
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=366 width=650 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/555997/wepp-jpg-artifacts/450_1000.webp 450w, https://i.blogs.es/555997/wepp-jpg-artifacts/650_1200.webp 681w,https://i.blogs.es/555997/wepp-jpg-artifacts/1024_2000.webp 1024w, https://i.blogs.es/555997/wepp-jpg-artifacts/1366_2000.webp 1366w" src="https://i.blogs.es/555997/wepp-jpg-artifacts/450_1000.webp" alt="WebP y JPG- artefactos" onerror="this.src='https://i.blogs.es/555997/wepp-jpg-artifacts/450_1000.png';this.srcset='https://i.blogs.es/555997/wepp-jpg-artifacts/450_1000.png 450w, https://i.blogs.es/555997/wepp-jpg-artifacts/650_1200.png 681w,https://i.blogs.es/555997/wepp-jpg-artifacts/1024_2000.png 1024w, https://i.blogs.es/555997/wepp-jpg-artifacts/1366_2000.png 1366w';return false;">
   <img alt="WebP y JPG- artefactos" class="centro_sinmarco" src="https://i.blogs.es/555997/wepp-jpg-artifacts/450_1000.webp">
   
      </div>
</div>
<p><span>Ampliación 300%. Izquierda: WebP, 172 KB, <a rel="noopener, noreferrer" href="http://www.gstatic.com/webp/gallery/4.webp">original</a>. Derecha: JPEG, 251 KB, <a rel="noopener, noreferrer" href="http://www.gstatic.com/webp/gallery/4.jpg">original</a>.</span> </div></p>

<p>Hay que tener en cuenta que al redimensionar las imágenes se pueden haber introducido nuevas distorsiones (o correciones), así que lo más recomendable para apreciar totalmente las diferencias es <em>ir a las galerías que enlazo</em> con Opera o Chrome y ampliar las imágenes.</p>
<!-- BREAK 29 -->
<h2>Conclusiones</h2>

<p>Teniendo en cuenta que WebP está orientado a la web más que nada, que las pérdidas en calidad no son demasiado grandes y que la reducción de tamaño es considerable, parece que <em>es la mejor alternativa</em>. Más aún cuando es la que más características tiene de los tres formatos (transparencia, imagen con y sin pérdidas, animaciones).</p>
<!-- BREAK 30 -->
<p>El problema es el de siempre: la <em>compatibilidad</em>. Hasta que todos los navegadores lo soporten nativamente WebP no es una alternativa razonable al resto de formatos. Y aún en ese momento su adopción será lenta: el resto de programas de imagen (desde Paint hasta Photoshop) tendrán que soportarlo para que los usuarios empiecen a poder usarlo. </p>
<!-- BREAK 31 -->
<p>Además, esto no es como SPDY: este cambio <em>no es transparente a los usuarios</em>. No es algo entre desarrolladores web y de navegadores. Entran en juego muchos más actores, incluidos los usuarios normales, a los que habrá que cambiarles el chip de "WebP para imágenes en Internet". Y además habrá que contar con las aplicaciones que manejen algo de imágenes (no sólo las especializadas sino también aplicaciones móviles estilo Instagram o cualquiera que permita guardar/subir imágenes) para que cuenten con WebP como el formato por defecto.</p>
<!-- BREAK 32 -->
<p>Lo que Google está intentando hacer es muy loable, pero le va a costar muchos años plantear WebP como el estándar de imágenes por Internet.</p>

<p>Más información | <a rel="noopener, noreferrer" href="https://developers.google.com/speed/webp/">Especificación de WebP</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Convertico, conversión de archivos PNG a ICO y viceversa]]></title>
                <link>https://www.genbeta.com/web/convertico-conversion-de-archivos-png-a-ico-y-viceversa</link>
                <guid>https://www.genbeta.com/web/convertico-conversion-de-archivos-png-a-ico-y-viceversa</guid>
                <pubDate>Tue, 03 Jun 2008 03:03:22 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/8df8a5/convertico/1024_2000.jpg" alt="Convertico,&#x20;conversi&#x00F3;n&#x20;de&#x20;archivos&#x20;PNG&#x20;a&#x20;ICO&#x20;y&#x20;viceversa">
    </p>
    <p>Al igual que ya hemos conocido a <a href="https://www.genbeta.com/2006/08/22-converticon-conversor-de-formatos-entre-archivos-ico-y-png">ConvertIcon</a> como herramienta online que nos permite la <strong>conversión de los archivos PNG a ICO y viceversa</strong>, ya sean obtenidas desde la web o buscándolas desde nuestras unidades de almacenamiento locales, <strong>Convertico</strong> es otra herramienta online con la misma función.</p>
<!-- BREAK 1 -->
<p>Bien indicamos la dirección web de cualquier archivo PNG o ICO o bien la buscamos desde nuestras unidades locales. El resultado, tenemos un archivo que podemos guardar, que en caso de ser un archivo ico, además es compatible con Windows Vista.</p>
<!-- BREAK 2 -->
<p>Y bueno, tampoco nos limitamos a la conversión de archivos, ya que <strong>Convertico</strong> dispone de otra serie de enlaces en las que podemos obtener una serie de packs de iconos para Windows Vista, un listado para la descarga de aplicaciones para la personalización del escritorio y doce fondos de escritorio.</p>
<!-- BREAK 3 -->
<p>Vía | <a rel="noopener, noreferrer" href="http://twitter.com/raulillana/statuses/825205511">Twitt de Raulillana</a>
Enlace | <a rel="noopener, noreferrer" href="http://www.convertico.com/">Convertico</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
            </channel>
</rss>
