Episode Details

En el episodio 127 de Wordpress Semanal os hablo sobre qué quiere decir exactamente optimizar imágenes para la web, los beneficios que supone y cómo ponerlo en práctica fácilmente.

Plugin de la semana: galerías de vídeo de vimeo

Con el plugin Vimeography podrás crear galerías de los vídeos que tengas hospedados en Vimeo de forma óptima.

Entre sus características, está la posibilidad de añadir directamente a WordPress vídeos que ya tuvieras subidos a Vimeo, hacer lo propio con galerías y editar su apariencia usando temas prediseñados; también trae opciones para un mejor rendimiento en la carga de los vídeos.

Tiene una versión pro con más opciones de personalización y la posibilidad de comprar temas para cambiar el aspecto de tus galerías.

Optimizar imágenes para la web

1) Qué quiere decir «optimizar imágenes»

• Las imágenes grandes pueden hacer más lenta la carga de tu web
• Según este estudio de httparchive ocupan el 50% del peso de las webs
• Eso conlleva una peor experiencia para tus usuarios
• Optimizar imágenes es el proceso de disminuir el peso del archivo
• Puede hacerse con un plugin o con programas específicos

2) Los beneficios de optimizar imágenes para la web

• Mejorarán la velocidad de carga de tu web
• Afecta positivamente en el posicionamiento web (SEO)
• Será más rápido hacer copias de seguridad de tu web
• Usarás menos ancho de banda y ocupará menos espacios en tu servidor
• ¿Convencido/a? Sigamos

3) Cómo optimizar imágenes para la web

• Tutorial sobre cómo optimizar imágenes en WordPress
• Punto ideal entre el menor tamaño del archivo posible con una calidad de la imagen aceptable
• Comprimir las imágenes antes de subirlas a WordPress (con software de edición de imágenes o servicios online)
• Hay dos factores que entran en juego: formato del archivo y tipo de compresión
• Formatos: PNG, JPEG y GIF
• Tipos de compresión: Lossy y Lossless

4) Herramientas de optimización de imágenes y programas

• Muchas opciones de pago y gratuitas
• Photoshop, Gimp, ImageResize.org, pngquant, imageoptim

5) Redimensionar las imágenes

• Siempre se ha recomendado subir las imágenes del tamaño máximo con el que las vayas a usar
• Pero esto ya no es tan importante porque WordPress trabaja muy bien las imágenes responsive
• Es decir, ahora el navegador descargan la versión de la miniatura que corresponde y no el tamaño original de la imagen (antes era así)
• Podéis editar estos tamaños de miniatura en los ajustes de WordPress
• Incluso podéis usar un plugin como Imsanity para que el tamaño original no se guarde y sólo se queden en tu servidor las miniaturas
<