Cómo deben ser las imágenes perfectas para tu blog

Si tienes un blog personal o profesional, probablemente te hayas enfrentado a dudas en varias ocasiones acerca del tamaño, la resolución o el peso más apropiado de las imágenes. Repasamos las claves en torno a este importante elemento gráfico.

Las fotografías no son solamente simples acompañamientos del texto: en la era digital su relevancia va en aumento, tienen importancia para el SEO y son el distintivo de la calidad y de la personalidad gráfica de un blog, especialmente en temáticas como viajes, moda o tecnología. Contar con una buena cámara, editar y retocar adecuadamente el material visual o tener acceso a bancos de imágenes online se convierten en aliadas indispensables de viaje por el mundo blogging

Es importante que exista un contrapunto entre una buena calidad de imagen y un peso que no sea excesivo, ya que de lo contrario es posible que se ralentice la velocidad de carga -un factor indispensable para el SEO, especialmente con el creciente uso de dispositivos móviles-, provocando un aumento de la tasa de rebote, una pérdida de clientes potenciales, menor usabilidad y una puntuación más baja en el PageRank. Recuerda que puedes medir la velocidad de carga mediante esta herramienta de Google u otras alternativas como Pingdom Website Speed Test o GTMetrix.

A continuación, enumeramos algunas de las claves que deben cumplir las imágenes perfectas para un blog, teniendo en cuenta aspectos como el tamaño, la resolución, el peso, el enfoque o el SEO.

Consejos para tener imágenes perfectas para el blog

  • Tamaño tan grande como el ancho del contenido del blog: Si tu blog tiene 690 píxeles de ancho, no deberías justar el tamaño por encima de dicha medida ya que el área de contenido mostrará esa medida por defecto. Por ejemplo, una imagen de 800 píxeles se reducirá automáticamente cuando se muestre en la pantalla.
  • No existe el concepto “por pulgada” en un diseño web. Por lo tanto, PPI (píxeles por pulgada) y DPI (puntos por pulgada) no son relevantes al editar las fotos para el blog, aunque pueden estar disponibles como opciones en el software elegido. Eso sí, las imágenes que deben descargarse e imprimirse deben crearse a 300 PPI.
  • Es fundamental que el tamaño total del archivo no sobrepase el 1MB, por lo que habitualmente deberás reducir la dimensión del fichero original conservando la calidad de la imagen. El tiempo de carga debe ser inferior a tres segundos. 
  • Cabe destacar que las transiciones con fotos grandes redimensionadas, como fundidos o desplazamientos demandan más potencia en el navegador y pueden enlentecer la carga especialmente según la señal de Internet o la antigüedad del dispositivo.
  • Los expertos recomiendan guardar las imágenes JPEG con alrededor del 80% del rango de calidad, lo que equivale aproximadamente a un 20% de compresión. Puedes hacer algunos experimentos con diferentes calidades JPEG para ver qué funciona mejor para ti.
  • Eso sí, no escales las fotos demasiado pequeñas, y luego intentes volver a agrandarlas para mostrarlas en tu blog más grandes dentro del propio CMS, ya que de este modo acabarán pixeladas y desenfocadas. Realiza todo el proceso de edición en la imagen original antes de escalar, recortar o comprimir.
  • El ajuste de los atributos de ancho y alto en una etiqueta <img> en HTML no afecta el tamaño de la imagen almacenada en el servidor. Solamente afecta el tamaño de la pantalla que se ve en el sitio web.
  • Cuando utilices ficha etiqueta <img> para ajustar el tamaño de la imagen, únicamente especifica el atributo de ancho o alto, no ambos, para mantener la misma proporción entre ambos y evitar la distorsión.
  • No olvides que WordPress almacena múltiples copias de sus imágenes cargadas en diferentes tamaños -una miniatura, una copia mediana y una copia de tamaño completo- y son diferentes en tamaño de archivo. Si necesitas mostrar una imagen en un tamaño particular, elige la copia más pequeña que sea igual o más grande que el tamaño de pantalla deseado, y emplea las etiquetas <img> para ajustar el tamaño de la pantalla. Para mostrar una imagen de 400 píxeles de ancho, usa la copia de tamaño completo y redúzcala para ajustarla.

Andrea Núñez-Torrón Stock

Anuncios

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 )

Google photo

Estás comentando usando tu cuenta de Google. 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 )

Conectando a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Crea un blog o un sitio web gratuitos con WordPress.com.

Subir ↑

A %d blogueros les gusta esto: