Optimizar PNG y JPEG sin pérdida de calidad para tu Web No pierdas Clientes por Lentitud


Origen: Optimizar PNG y JPEG sin pérdida de calidad

Un sitio optimizado puede conducir a tiempos de carga más rápidos, que en general se traduce bien en el mundo SEO. Una gran manera de ayudar a que esto es para asegurarse de que se trata de optimizar las imágenes tan eficientemente como sea posible. Vamos a mantener los dientes todos los aceitados muy bien la gente. Pensar en ello … imágenes no optimizadas es igual a archivos de gran tamaño y en última instancia, los tiempos de carga lentos. A causa de muerte en la experiencia del usuario. Pero, ¿cuánto se puede sacrificar la calidad antes que las cosas se degradan a un estado irrecuperable? Bien imágenes son bastante resistentes, a un punto, sólo asegúrese de que está correctamente comprimirlos antes de subir a su sitio web.

Nueva York-Verrazano-puente-viajes-fotógrafo-Marcus-Lewis
Puente Verrazano, Nueva York

MARCUS LEWIS

Imagen de prueba 
Resolución: 72dpi 
Dimensiones: 1440 x 960 
Tamaño del archivo: 1,7 MB

El uso de la imagen de arriba que tomé del  puente de Verrazano en Nueva York , vamos a echar un vistazo a Guardar de Photoshop para la opción Web (Adobe Illustrator tiene uno ahora también), y una gran opción de arrastrar y soltar, TinyPNG para optimizar nuestras imágenes a mejor trabajo en la web. Siempre estoy sorprendido de lo bien que estos programas pueden despojar a cabo montón de datos sin perder cantidades demenciales de calidad.

Adobe Photoshop

Hemos exportado imágenes utilizando la opción Guardar para Web en Photoshop con juego de calidad al 100%, 80%, 60% y 40%, respectivamente. Oh sorpresa, no mucho, si los hay pérdida de calidad de imagen, pero el tamaño del archivo es bastante impresionante cuando nos ponemos manos a 40%.

Los tamaños de archivo: 1 MB, 448KB, 251KB, 154KB. loco ¿no?

TinyPNG

Curiosamente, teniendo la imagen de prueba plena en TinyPNG resulta en un tamaño de archivo de 204KB en comparación con la versión 100% de calidad de Photoshop de 1 MB. Entonces tomé la versión 100% Photoshop y tiró que en TinyPNG y recibió un tamaño de archivo de 180 KB, esto es más cercano a la versión de 40%. No es sólo por diversión, Tomé la versión de 40% y TinyPNG aparecí un archivo de 134KB. Sólo hay tantos datos que se pueden tomar de una imagen específica, pero estos números y calidad de imagen son muy impresionantes.

La mayoría de las veces voy a tratar de utilizar una combinación de Photoshop y TinyPNG, pero que puede ser excesiva para algunos. Cada bocado cuenta lil me cree.

** ADVERTENCIA **
Tenga cuidado con las imágenes con tonos más oscuros, especialmente los gradientes. Los datos elimina artefactos de color causas graves. Vea las imágenes configuración de la calidad de Photoshop a un 40%, además de poner que el 40% en TinyPNG.

Los tamaños de archivo: 33KB y 28KB respectivamente

amarillo-flores-viajes-fotógrafo-Marcus-lewis-40-por ciento
amarillo-flores-viajes-fotógrafo-Marcus-lewis-40-ciento-tiny-png

Por lo general, el establecimiento de este tipo de imágenes a alrededor del 70% en photoshop se puede obtener a 104KB y mantiene la calidad muy buena. Sin embargo, yo recomendaría ir directamente a TinyPNG para obtener los mejores resultados sin perder calidad de imagen. Verá tamaños de archivo de 73KB alrededor. Consulte más abajo para los resultados TinyPNG.

amarillo-flores-viajes-fotógrafo-Marcus-lewis-tiny-png

MARCUS LEWIS

Nos dejó saber qué herramientas utiliza para ahorrar un poco mayor, pero aferramos a la calidad.

Descargue un Editor de Imágenes Publicado en este sitio.

 

 

Anuncios

Acerca de UniSoft-AleBo

La tecnología a tu alcance Asesorías Científico - Metodológicas http://plc.site11.com
Esta entrada fue publicada en Capacitación, SEO, Servicios, Softwares, Web 2.0. Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s