es Spanish
Ejemplo Seo en Imagen

¿Cómo optimizar imágenes para web?

Share on facebook
Share on linkedin
Share on twitter
Share on email

¿Tienes una página web? ¿Un blog? ¿Una tienda online? En ese caso debes de saber la importancia de optimizar las imágenes que vayas utilizar para tu web. Es imprescindible mostrar las imágenes con una calidad y tamaño adecuados para que nuestra página web sea rápida y así Google nos empuje a posiciones más altas.

Formatos de imagen usados en páginas web

  • JPG: compresión de imágenes tanto en escala de grises como en color. No sirve para imágenes con transparencias. Tiene pérdida de calidad.
  • PNG: compresión de imágenes de alta calidad, sirve también para transparencias. Las imágenes por lo general pesan más que las jpg. No tiene pérdida de calidad.
  • WEBP: es un nuevo formato para web desarrollado por Google, sin pérdida de calidad. Soportado por la mayoría de los navegadores modernos, aunque no es soportado por todos los editores.
  • GIF: admite solo 256 colores, no tiene pérdida y se puede usar para animaciones.
WebP - Wikipedia, la enciclopedia libre

WebP en WordPress

WordPress no admite el formato Webp por defecto. Para podre usarlo, tenemos que o bien instalar un plugin como WP Enable WepP. Otros plugins como WebP Express te permite transformar y servir todas tus imágenes en formato WebP.. Elige uno, instálalo y sigue las instrucciones.

¿Qué formato usar?

Por lo general, uso jpg para web, las imágenes se pueden comprimir y elegir la calidad de salida con un editor como Gimp. PNG lo uso cuando la imagen tiene un fondo transparente. Webp para imágenes grandes para fondos o sección hero. Y gif cuando tengo que usar una animación, lo que es casi nunca.

Aplicaciones web para editar imágenes

Nos centraremos en aplicaciones web que cualquiera puede usar con un navegador. Sin tener que instalar nada y siempre a la última. De este tipo de aplicaciones hay muchas, solo comentaré las que usamos normalmente.

  • tinypng.com: consigue comprimir imágenes con formato png o jpg. Puedes subir hasta 20 imágenes a la vez (máximo 5MB por imagen) y descargarlas todas a la vez en un archivo zip.
  • compressor.io puedes comprimir imágenes de hasta 10MB y formatos jpg, png, gif, svg, webp.
  • squoosh.app: es una app web desarrollada por Google, permite redimensionar imágenes, permitiendo convertir a seis formatos distintos: OptiPNG, MozJPG, WebP, Browser PNG, JPG, y WebP. Puedes ver el resultado de la imagen en vivo, así como el peso que se obtendría.

Ejemplo editor squoosh
Ejemplo editor squoosh

Otras recomendaciones

  • Redimensionar siempre las imágenes al tamaño que van a ser visualizadas.
  • Comprimir las imágenes en un formato adecuado
  • SEO en Imágenes: El nombre de las imágenes debe ser descriptivo, algo como “logo garber transparente” e incluir el título y el alt para temas de SEO. Y no olvides la descripción.
  • Para trabajar el SEO local, puedes añadir la Geolocalización a tus imágenes con un servicio como Tool Geo Img (este servicio añade unas meta etiquetas a tus imágenes para indicar la localización de las mismas.
Ejemplo SEO en imagen
Ejemplo SEO en imagen

Si te ha servido, deja un comentario

Una respuesta

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Más entradas

Ejemplo Seo en Imagen
Apuntes

¿Cómo optimizar imágenes para web?

¿Tienes una página web? ¿Un blog? ¿Una tienda online? En ese caso debes de saber la importancia de optimizar las imágenes que vayas utilizar para

Permitir Iframes en PrestaShop
Prestashop

Añadir iframe a PrestaShop

Si has intentado añadir un iframe a PrestaShop 1.7, te habrás dado cuenta que no te deja. Si activas la tienda en modo debug, da

Categorías

¿Quieres impulsar tu negocio?

escríbenos y manténte en contacto

Desarrollo de tiendas online Garber Informática