Las imágenes correctas

Implementador WordPress y VPS
Implementador WordPress y VPS
Las imágenes correctas
icon loader
/

Hace meses en el webinar para suscriptores: Crear imágenes para WordPress, compartía mi workflow con Affinity Designer. Entre una cosa y la otra un suscriptor nos compartía el porque dentro de cada formato de imagen, basándome en ese webinar vamos a dar un poco de luz sobre el tema de las imágenes.

Las imágenes correctas
  • Las imágenes no son solo decoración
  • Las imágenes enriquecen el contenido
  • Recordemos que no de balde dice el conocido refrán:
    • Una imagen vale mas que mil palabras
  • ¿Cuál es el problema?
  • Que aún al día de hoy
  • No sabemos con exactitud que formato de imagen elegir
  • Y esto afecta directamente a nuestros WordPress
  • Porque al elegir un formato incorrecto
  • Ralentizamos la velocidad de carga de nuestras webs
  • Tenemos la santísima trinidad
    • JPEG, GIF y PNG
    • Son archivos de imágenes rasterizadas
    • Que muestran imágenes estáticas
    • En las que cada píxel tiene un color, una posición y una proporción
    • Definidos en función de su resolución
    • Una vez que creamos este tipo de imagen
    • Si la «agrandamos»
    • Lo que hace es estirarse
    • Y da como resultado
    • Imágenes pixeleadas
  • Los vectores
    • Ya son parte de nuestro día a día
    • SVG, EPS, AI
    • Estos formatos no están ligado a un píxel
    • Son más flexibles
    • Los vectores utilizan un sistema de líneas
    • Y curvas en un plano cartesiano
    • Escalado en comparación con el área total
    • En español significa que se puede
    • Ampliar infinitamente la resolución de la imagen original
    • Sin ninguna pérdida de calidad o distorsión.
  • Veamos algunos formatos…
  • JPEG (y JPG)
    • Soporte universal para navegadores y sistemas operativos.
    • Un tamaño de archivo bastante pequeño.
    • La pérdida de compresión puede causar mala legibilidad del texto.
    • La mejor elección para fotos dentro de los blogs y post
    • No es recomendable para infografías
    • O imágenes de tutoriales con texto
  • PNG (Gráficos de Red Portátiles)
    • Es un formato de gráficos rasterizados
    • Soporta una compresión sin pérdidas
    • Manteniendo el detalle
    • Y el contraste entre los colores
    • Es la mejor opción para banners, infografías, capturas de pantalla
    • Y otros gráficos que incluyen imágenes y texto
    • Por favor ¡no usar para fotos de alta resolución!
    • El archivo pesará demasiados megas
  • GIF (Graphics Interchange Format)
    • El más famoso (y más utilizado)
    • Para las imágenes animadas
    • Porque su limitación de 8 bits
    • Mantiene el tamaño de los archivos
    • Pequeños y fáciles de usar en Internet

Veamos a las imágenes como a los plugins, tenemos muchos pero tenemos que elegir el que sea adecuado para cada uso… WordPress tiene compatibilidad para los formatos estándares y los navegadores por supuesto que si. Espero que te sea útil el resumen de cada formato a la hora de elegir tus próximas imágenes.

Si querés ponerte en contacto conmigo, podes escribirme en mi Formulario de contacto aquí en la web 😉

Deja un comentario