Archivo png transparente optimizado para web

Cambiar el tamaño de la imagen

Más del 60% del tamaño del archivo de una página web media lo ocupan los gráficos y los elementos multimedia. Por ello, la optimización de los gráficos es un paso importante para optimizar la velocidad de las páginas web. Con una frecuencia alarmante, hemos visto que se utilizan PNG24 de gran tamaño y JPEG no optimizados en la web. Los PNG24 de gran tamaño deben ser optimizados en cuanto al tamaño del archivo o convertidos a PNG8. Este artículo muestra cómo optimizar eficazmente los archivos PNG minimizando sus paletas de colores y utilizando la transparencia alfa de forma inteligente.

En los cinco años transcurridos desde 2003, el tamaño de la página web media se ha triplicado con creces y el número de objetos externos casi se ha duplicado. Mientras que los usuarios de banda ancha han experimentado tiempos de respuesta algo más rápidos, los usuarios de conexión telefónica se han quedado atrás.

Png a jpg

Hay tres formatos de archivo para los gráficos utilizados en la web: JPG, GIF y PNG. Cada uno de estos formatos de archivo está diseñado con un propósito específico, por lo que es importante entender las diferencias cuando los usamos en nuestros sitios web.

El formato de imagen JPG se diseñó para almacenar y comprimir eficazmente imágenes e ilustraciones realistas (tanto en color como en escala de grises). El formato JPG hace un muy buen trabajo de compresión de imágenes con muchos colores y gradaciones de colores. Piensa en un JPG como una fotografía muy comprimida.

Al guardar las imágenes en formato JPG, puedes elegir el nivel de compresión para equilibrar el tamaño del archivo y la calidad de la imagen. El tamaño del archivo está directamente relacionado con el tamaño real (en píxeles) de la imagen. Un tamaño de píxel mayor siempre dará lugar a un tamaño de archivo mayor.

Los formatos de imagen GIF y PNG utilizan lo que se denomina “index-color”. Almacenan una paleta de colores minimizada en el archivo de imagen y claves para saber dónde deben ubicarse esos colores en la imagen. El tamaño del archivo de las imágenes GIF y PNG suele estar relacionado con el número de colores utilizados. Los números comunes de colores son: 2, 4, 8, 16, 32, 64, 128, 256.

Comprimir imágenes

Cuando se trata de elegir imágenes para su sitio web, tiene que pensar en muchas cosas. Hay que sopesar el estilo, el filtro, el tema y mucho más. ¿Pero qué pasa con el mejor tipo de archivo de imagen para los sitios web? Piensa en lo que quieres en una imagen desde una perspectiva técnica en tu sitio. Quieres una imagen clara y que se cargue rápidamente. Bastante sencillo, ¿verdad?

JPG es un formato de archivo excelente para imágenes grandes que se cargan rápidamente. Piensa en ello como en una escala móvil: cuanto más grande es la imagen, más lenta se carga. Por lo tanto, si quieres tener una imagen grande en tu sitio, tienes que hacer que tu imagen de gran tamaño tenga un formato más pequeño. La única manera de hacerlo es comprimir el archivo. Los archivos JPG tienen pérdidas. En resumen, la compresión con pérdidas es un tipo de compresión en el que el archivo descarta parte del contenido. El archivo se aproxima o estima los datos utilizando una representación más pequeña para determinar el conjunto. En la mayoría de los casos, ni siquiera podrá notar la diferencia. Dicho esto, la compresión con pérdidas es permanente. Por lo tanto, si tiene un archivo grande y lo comprime a un JPG más ligero con el fin de acelerar el tiempo de carga, no podrá revertir el archivo y “recuperar la calidad” más adelante.

Cómo optimizar las imágenes para la web

No existe un formato único para los archivos de imagen. Con múltiples opciones para guardar o exportar tus imágenes, la decisión puede parecer complicada. Pero no te preocupes. En este artículo se tratan dos de las opciones de formato de archivo más populares, JPG y PNG, y se explica cuándo se deben utilizar y por qué.

El tipo de archivo de imagen JPG, que se suele pronunciar jay-peg, fue desarrollado por el Joint Photographic Experts Group (JPEG) en 1992. El grupo se dio cuenta de la necesidad de reducir el tamaño de los archivos fotográficos de gran tamaño para poder compartirlos más fácilmente.

Cuando una imagen se convierte a un JPG, su calidad se ve afectada. La razón es que la compresión tiene pérdidas, lo que significa que se elimina permanentemente cierta información innecesaria. Sin embargo, un JPG permite crear archivos de menor tamaño que los PNG.

Un JPG debería utilizarse en cualquier situación en la que sea importante tener un archivo pequeño. Más allá de guardar inicialmente como JPG, hay herramientas que te permitirán reducir aún más el archivo. Esto es útil para las imágenes web, ya que el tamaño más pequeño aumentará la velocidad de carga de la página.    A medida que las conexiones a Internet de banda ancha se hacen más universales, este problema es cada vez menor. Sin embargo, los que tienen conexiones de Internet más lentas u ordenadores más antiguos y menos potentes le agradecerán su consideración.