Optimizar imagenes para web

Comprimir png

Añadir imágenes a Internet puede ser una tarea tediosa, y si se hace de forma incorrecta puedes estar causando más daño a tu sitio, que añadiendo valor. En el siguiente artículo pretendemos cubrir la importancia de la optimización de imágenes para la web, los diferentes formatos de imagen, cómo optimizar tus imágenes con Lightroom, algunos tamaños de imagen recomendados, el SEO de las imágenes y cómo encontrar imágenes no optimizadas en tu sitio.
La optimización de imágenes es el proceso de entregar las imágenes en el formato, la dimensión, el tamaño, la resolución y la calidad adecuados, manteniendo el archivo de imagen lo más pequeño posible. La optimización de las imágenes debe hacerse antes de subirlas a su sitio web, utilizando herramientas como Lightroom, Photoshop (u otros editores fotográficos profesionales), JPEG Mini y Tinypng.com. También se puede hacer cuando se suben las imágenes directamente a su sitio web, sin embargo, para tenerlas correctamente optimizadas utilizando este método usted querrá utilizar un plugin o servicio de pago que lo haga eficazmente.
Este es un artículo que DEBE LEER cualquiera que se tome su sitio web en serio. Si consigues subir tus imágenes correctamente desde el primer momento, te ahorrarás tiempo, dinero y dolores de cabeza en el futuro. También podría mejorar el rendimiento de su sitio web y la experiencia del usuario, ya que sus páginas se cargarán más rápido.

Optimizar imágenes para la web photoshop

Las imágenes que se crean en programas como Photoshop e Illustrator tienen un aspecto increíble, pero a menudo el tamaño de los archivos es muy grande. Esto se debe a que las imágenes están hechas en un formato que las hace más fáciles de manipular de diferentes maneras.
Las imágenes guardadas en un formato con pérdidas tendrán un aspecto ligeramente diferente al de la imagen original cuando se descomprimen. Tenga en cuenta que esto sólo es visible en una mirada muy cercana. La compresión con pérdidas es buena para la web, porque las imágenes utilizan poca cantidad de memoria, pero pueden ser suficientemente parecidas a la imagen original.
También podemos optimizar las imágenes para la web guardándolas con las dimensiones adecuadas. Redimensionar la imagen en la propia página web utilizando CSS es útil, pero el problema es que el navegador web seguirá descargando todo el archivo original, para luego redimensionarlo y mostrarlo.
¿Te imaginas coger una imagen de tamaño póster y usarla como miniatura? La pequeña imagen de 20px por 20px tardaría tanto en cargarse como el póster original, cuando podríamos estar cargando una imagen de 20px todo el tiempo.
La razón principal por la que es tan importante optimizar las imágenes es porque el 90% de la mayoría de los sitios web dependen de los gráficos y, por lo tanto, hay muchos archivos de imagen. Dejar estas imágenes sin comprimir y en un formato incorrecto puede ralentizar drásticamente los tiempos de carga de tu página web.

Técnicas de optimización de imágenes

Cómo empezarUna vez recuperada la clave, puede empezar a reducir imágenes inmediatamente. Existen bibliotecas cliente oficiales para Ruby, PHP, Node.js, Python, Java y .NET. También puedes utilizar el plugin de WordPress para comprimir tus imágenes JPEG y PNG.La comunidad también ha creado un gran número de complementos de terceros utilizando la API para desarrolladores.También puedes crear tu propia integración con cualquier cliente HTTP(S). El servidor comprimirá tu imagen y te responderá con una URL donde podrás coger el resultado.curl –user api:YOUR_API_KEY \N

Tinypng

Cuando se trata de SEO de imágenes, es importante utilizar palabras clave relevantes para ayudar a su página web a posicionarse en los motores de búsqueda. Crear nombres de archivo descriptivos y ricos en palabras clave es crucial para la optimización de imágenes. Los motores de búsqueda no sólo rastrean el texto de su página web, sino también los nombres de los archivos de imagen.
Consulta este artículo de Moz para entender la importancia de nombrar estratégicamente los archivos de imagen de tu sitio. Sin duda puede mejorar su SEO en la página, pero también puede ayudar a que sus páginas e imágenes se clasifiquen mejor en las páginas de resultados de los motores de búsqueda (SERP).
Los atributos Alt son la alternativa textual a las imágenes cuando un navegador no puede representarlas correctamente. También se utilizan para la accesibilidad web. Incluso cuando la imagen se renderiza, si pasas por encima de ella, verás el texto del atributo alt (dependiendo de la configuración de tu navegador).
Por último, haz siempre una comprobación de cordura de vez en cuando. Mira la fuente de tus páginas web y comprueba si tus atributos alt están bien rellenados. Te sorprenderá lo que se te escapa cuando te mueves a la velocidad de la empresa.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad