Buenas prácticas con imágenes
Para mantener una apariencia coherente y garantizar una navegación fluida, es recomendable utilizar imágenes destacadas del mismo tamaño en todas nuestras entradas. Esta práctica no solo contribuye a una estética más uniforme, sino que también simplifica la organización y el diseño de nuestro sitio web.
Además, no podemos pasar por alto el impacto del rendimiento de nuestro sitio. Una estrategia efectiva es utilizar imágenes comprimidas, lo que nos permite reducir el tamaño de archivo sin comprometer la calidad visual. Esto tiene un impacto significativo en la velocidad de carga de nuestras páginas, lo cual es esencial para ofrecer una experiencia de usuario óptima y mejorar nuestro posicionamiento en los motores de búsqueda.
Es importante considerar el impacto en el rendimiento y el tiempo de carga al utilizar imágenes en formato PNG en lugar de formatos más adecuados, como JPEG, para fotografías en la web. En general, se recomienda utilizar siempre el formato PNG para imágenes que requieran transparencia o necesiten conservar detalles precisos, como gráficos o logotipos.
Para fotografías, es más común y eficiente utilizar el formato JPEG, que ofrece una buena calidad de imagen con un tamaño de archivo más pequeño.
El formato que tiene lo mejor de los dos mundos es el WEBP y es el que estamos implementando en todos los últimos proyectos.
Herramientas Gratuitas:
Similar a Photoshop: Photopea
Comprimir PNG, y otros formatos: Tiny PNG
Comprime a WEBP: Tiny Img
Las imágenes deberían tener estas características aproximadas:
Formato: JPG o WEBP
Tamaño: 1240 x 800px
Resolución: 72dpi
Compresión JPG: entre 50 y 70 (Photoshop)
Compresión WEBP: 80 (Photoshop)
Peso sugerido: menor 100kb
Beneficios
- Garantizan una estética uniforme en todas las publicaciones de la web en relación con las imágenes utilizadas.
- Aseguran que las miniaturas de las imágenes destacadas sean coherentes en diferentes módulos de visualización, como el de las últimas subidas en la página de inicio, evitando variaciones de tamaño o proporción (anchas, cuadradas, verticales, etc.).
- Evitan ocupar espacio innecesario en el disco del servidor con imágenes obsoletas que no se utilizan.
- Previenen la ralentización y sobrecarga del servidor al gestionar gráficos que no están optimizados para la web, como aquellos diseñados para impresión.
- Agilizan el tiempo de carga de las imágenes y del sitio web en general, evitando retrasos y mejorando la experiencia de los usuarios.
El Editor de imágenes de WordPress
Aunque WordPress tiene un editor de imágenes incorporado que permite realizar modificaciones como recortar, redimensionar y ajustar la calidad de las imágenes, es recomendable subir las imágenes ya preparadas y optimizadas en lugar de depender únicamente del editor de WordPress. Esto se debe a que, por defecto, WordPress conserva la imagen original que se ha subido, lo que puede ocupar espacio innecesario en el servidor.
Al subir imágenes listas y optimizadas, reducimos el tamaño de archivo y mejoramos el rendimiento de carga de la página. Además, al tener un control más preciso sobre las imágenes antes de subirlas, podemos garantizar una apariencia consistente y una calidad óptima en todo nuestro sitio web.
En resumen, es recomendable preparar y optimizar las imágenes antes de subirlas a WordPress en lugar de depender exclusivamente del editor de imágenes incorporado. Esto nos permite tener un mejor control sobre el tamaño de archivo, el rendimiento de carga y la calidad visual de las imágenes en nuestro sitio web.