Gestión de Contenidos y Mejores Prácticas: Carga y Optimización de imágenes para el SEO y la performance

Este artículo es el primero de nuestra serie de tres partes dedicada a las Mejores Prácticas de Gestión de Contenidos. Puedes leer el segundo artículo aquí y el tercero artículo aquí.

Para las personas encargadas de gestionar el contenido de cualquier producto digital (también conocidos como Content Managers), es especialmente importante que la carga o actualización de dicho contenido no repercuta en la velocidad de carga de la página, es decir, en la performance. También es crucial tener en cuenta que, hacer bien la carga de las imágenes, impactará de forma positiva al SEO del producto.

En Modyo damos mucha relevancia a que, tanto al momento de la entrega del producto como en su administración a lo largo del tiempo, la velocidad de carga de la página o aplicación se mantenga lo más baja posible. Es por eso que queremos dar algunas recomendaciones indispensables para realizar esta tarea lo mejor posible. Adquirir estas buenas prácticas como parte del día a día, facilitará el trabajo diario que supone manejar el contenido de un producto digital.

Ajustar el tamaño de imagen

Parece un paso muy sencillo, pero ajustar el tamaño de la imagen según las medidas correspondientes en píxeles al espacio que debe ocupar, es lo que hará que la imagen se vea bien (que no se pixelee o sea innecesariamente grande). 

Podemos ajustar el tamaño de la imagen en Photoshop eligiendo Imagen > Tamaño de imagen en el menú principal, elegimos medirlo en píxeles en el desplegable, restringimos la proporción de aspecto, y elegimos el tamaño correcto. También puedes ajustar el tamaño en Paint si usas Windows, o en Photopea si no dispones de un software específico.

ejemplo de edición del tamaño de una imagen

cambiar las dimensiones de una foto

Guardar la imagen optimizada para Web

Una vez hayas ajustado el tamaño de la imagen, si usas Photoshop, la puedes guardar optimizada para web, lo cual te permitirá reducir al máximo el peso de las imágenes sin perder calidad ni reducir su tamaño. 

Esto lo puedes hacer eligiendo en el menú principal Archivo > Exportar > Guardar para web (heredado), y después eligiendo, idealmente el formato JPG (PNG siempre tendrá un peso superior), dejando marcada la opción Optimizado, y eligiendo la calidad de imagen Muy Alta, Alta o Mediana del desplegable (sin perder más del 70% de la calidad de imagen). Abajo a la izquierda podemos ver cuantos KB pesará finalmente la imagen para saber si es el peso adecuado para nuestra web, el cual suele ser de no más de 100 KB.

Este artículo es el segundo de nuestra serie de tres partes dedicada a las Mejores Prácticas de Gestión de Contenidos. Puedes leer el primer artículo aquí y el tercero artículo aquí.

ejemplo de exportación de una imagen

mostrar el tamaño del archivo de una imagen

Entradas recientes

El Crisol de la CX: Cómo las Fábricas Digitales Forjan la Innovación
Transformación Digital
Wesley Campbell

Wesley Campbell

El Crisol de la CX: Cómo las Fábricas Digitales Forjan la Innovación

Las fábricas digitales están transformando las experiencias del cliente en el sector financiero, ofreciendo un enfoque transformador para construir y ofrecer niveles de experiencia en formas que el desarrollo tradicional no logra.

Cómo Construir Resilencia en Seguridad y Proteger tus Datos
Seguridad
Alexander Rodriguez

Alexander Rodriguez

Cómo Construir Resilencia en Seguridad y Proteger tus Datos

Las IFs son blancos atractivos para ciberataques debido al tipo de información que gestionan. Un SGSI protege la confidencialidad, disponibilidad e integridad de la información. Aprende a implementar un SGSI para resguardar los datos de tu organización.

El Influenciador Oculto: Cómo el UX Interno Impacta la Experiencia del Cliente
Transformación Digital
Andy Bermúdez

Andy Bermúdez

El Influenciador Oculto: Cómo el UX Interno Impacta la Experiencia del Cliente

¿Has pensado en la importancia que las experiencias de usuario de tus equipos internos tiene para optimizar el rendimiento de tu organización, evitar errores, y mejorar la satisfacción del cliente?

4 Pasos para Desarrollar Experiencias de Clientes Basadas en Datos
Experiencia Digital
Mariano González

Mariano González

4 Pasos para Desarrollar Experiencias de Clientes Basadas en Datos

Uno de cada tres clientes abandona una marca después de solo una mala experiencia. Tomar decisiones basadas en datos al diseñar las experiencias para tus clientes es fundamental para el éxito de tus productos digitales.

El Valor de Fomentar la Ciberprotección en los Ecosistemas
Seguridad
Alexander Rodriguez

Alexander Rodriguez

El Valor de Fomentar la Ciberprotección en los Ecosistemas

Comprender los riesgos de ciberseguridad para grandes organizaciones es vital. Su contexto único, mercados y amenazas emergentes requieren monitoreo y mejora constante para tener estrategias de protección sólidas.