curso de Wordpress completo

Cómo trabajar las imágenes para WordPress

Las imágenes son parte importante del diseño de un blog o la presentación de un artículo. En este tutorial aprenderás cómo trabajar las imágenes para WordPress.

¿Por qué son importantes las imágenes?

Una de las principales ventajas de los contenidos en la web es la interactividad que ofrecen. Y la posibilidad de mostrar a un clic de distancia información complementaria. Información complementaria como un gráfico, infografía, foto, audio, video. En definitiva, cualquier archivo que permita ampliar los datos que presentamos con palabras.

Y los archivos más utilizados son los archivos de gráficos o las imágenes.

A nosotros como bloggers nos encanta trabajar con imágenes. Y a la audiencia que lo hagamos.

Por eso hemos preparado diversos tutoriales donde la imagen es la protagonista. Tutoriales como:

En cada uno de ellos hemos hablado de lo vital que resulta trabajar con imágenes. Y además hemos insistido en que ilustres tu contenido con buenas fotos o gráficos.

Pero además que lo hagas bien. Por eso te explicamos:

¿Cómo se deben trabajar las imágenes para WordPress?

Para trabajar con imágenes tenemos varias opciones. La idea es que antes de subirlas a tu WordPress ya estén optimizadas.

Cómo optimizar imágenes antes de subirlas a WordPress

Para optimizar archivos de gráficos antes de subirlos a tu blog es necesario considerar algunos factores importantes. Como el tamaño.

El tamaño (y el peso) si importan

Sí, aparte de que nuestro contenido sea visualmente atractivo queremos que cargue rápido. Ya sabemos la importancia que tiene para el SEO y para la experiencia de usuario en general los tiempos de carga.

Para nuestro blog, web o ecommerce necesitamos fotos livianas.

¿Cómo reducir el peso de nuestras imágenes?

Tenemos varias opciones.

1.     Comienza desde la fuente

La primera opción y una de las más efectivas es sin duda comenzar desde tus archivos fuente. Si eres fotógrafo y tienes un portafolio en la web quizá quieras subir tus mejores disparos en la mejor calidad posible.

Pero sería contraproducente para tus tiempos de carga, navegabilidad y SEO subir los archivos RAW desde tu cámara réflex a tu WordPress. Eso sin contar con todo el espacio de almacenamiento que consumirías en tu host.

Por eso debes trabajar archivos que sean amigables con la web y los navegadores.

2.     Elige formatos de archivos de imagen con “perdida”

Los archivos más amigables con la experiencia de navegación web son:

  • JPEG
  • PNG
  • GIF

Nada de estar subiendo cosas en RAW, TIFF o tus archivos de Photoshop con capas.

3.     Reduce el peso de tus archivos.

Se recomienda que antes de subir nuestras imágenes a WordPress  sigamos una serie de pasos que nos permitan obtener una imagen liviana. Y que aún conserve la calidad.

El primero sin duda es comprimirlas. Pero vale, calma, no estamos hablando de pasarlas por el compresor y dejarlas en RAR o ZIP.

Para reducir el tamaño de las imágenes tenemos varias opciones.

Reducir el peso de las imágenes con Photoshop

Reducir el peso de una imagen con Photoshop es sencillo.

Sigue los siguientes pasos (la ubicación de los menús y las rutas pueden variar ligeramente en función de la versión del programa que utilices).

  1. Abre tu imagen en Photoshop.
  2. Ve a través de la siguiente ruta:

Archivo > Guardar para web y dispositivos

  1. Ajusta la calidad de la imagen modificando los parámetros que se muestran a continuación.

trabajar imagen wordpress photoshop

Esto hasta que el elemento grafico que deseas subir tenga en peso deseado (no más de 70 kbs).

  1. Guarda el archivo.
  2. Cambia el nombre del archivo. Photoshop guarda las imágenes con-nombres-así-usando-guiones. Pero de cara al SEO no es muy bueno. Quítale los guiones a los títulos de tus imágenes.

Reducir el peso de las imágenes con Microsoft Office

En caso que no tengas editores de imágenes dedicados como Photoshop o su alternativa gratuita el Gimp. Puedes reducir el peso de tus imágenes con una herramienta que viene por default en la suite ofimática.

Para ello ubicamos nuestra imagen. Le damos clic derecho: Abrir con Microsoft Office.

Una vez abierta la imagen ubicamos la barra de tareas. Y seguimos esta ruta:

Imagen > Cambiar tamaño

magenes wordpress tamaño

Lo ideal es que tengan un tamaño que no exceda los: 1024 x 768 px.

Una vez reducido el tamaño necesitamos reducir el peso.

Seguimos la siguiente ruta:

Imagen > Comprimir >

 magenes wordpress office

Seleccionamos la opción que nos ofrezca el mejor peso. Nosotros recomendamos elegir la opción: Documentos.  

Reducir el peso de una imagen usando RIOT

RIOT o Radical Image Optimization Tool es una herramienta gratuita muy potente. Esta te ayudará a reducir el peso de tus imágenes antes de subirlas a tu web. Además con RIOT resulta muy sencillo optimizar imágenes.

En conclusión

Las imágenes son un elemento importante para las webs y los blogs. Ofrecen muchas posibilidades de cara al atractivo visual y posicionamiento de una página, un blog o un ecommerce.  Pero eso resulta un tema amplio que seguiremos tratando si quieres seguir aprendiendo puedes apuntarte al mejor curso online y en español de WordPress y conviértete en un experto.