Wordpress

Cómo trabajar las imágenes para WordPress

Por 05/12/2020enero 10th, 2021Comentarios no habilitados

Las imágenes son parte importante del diseño de un blog o la presentación de un post. 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 oportunidad 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.

Es por ello que hemos preparado múltiples 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 al mismo tiempo hemos insistido en que ilustres tu contenido con buenas fotos o gráficos.

Pero al mismo tiempo que lo hagas bien. Es por ello que 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 aprovechar al máximo imágenes antes de subirlas a WordPress

Para aprovechar al máximo archivos de gráficos antes de subirlos a tu blog hace falta 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 pretendemos 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 indudablemente empezar desde tus archivos fuente. Si eres fotógrafo y tienes un portafolio en la web quizás quieras subir tus mejores disparos en la mejor calidad factible.

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.

Es por ello que debes trabajar archivos que sean amigables con la web y los navegadores.

Quizás te interesa >>>  Cómo duplicar una página en WordPress

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

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

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 conseguir una imagen liviana. Y que todavía conserve la calidad.

El primero indudablemente 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 mediante de la próxima 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 pretendes 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 esto 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 mejor 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 próxima ruta:

Imagen > Comprimir >

 magenes wordpress office

Seleccionamos la opción que nos ofrezca el mejor peso. Nosotros sugerimos seleccionar la opción: Documentos.  

Reducir el peso de una imagen utilizando 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. Al mismo tiempo con RIOT resulta muy sencillo aprovechar al máximo imágenes.

Para terminar

Las imágenes son un elemento importante para las webs y los blogs. Ofrecen muchas alternativas 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 deseas seguir aprendiendo puedes apuntarte al mejor curso online y en español de WordPress y conviértete en un experto.

error: Atención: Contenido protegido.