La mayoría de los propietarios de sitios de WordPress<\/a> terminan subiendo y usando imágenes que no están optimizadas para la web, lo que puede causar mucho más daño que bien.<\/p> En esta guía aprenderás por qué es imprescindible optimizar tus imágenes, así como cinco maneras de optimizar las imágenes para WordPress.<\/p> No optimizar las imágenes puede conllevar a velocidades de carga increíblemente lentas y problemas de ancho de banda. Las imágenes pueden ocupar una cantidad considerable de espacio, y la mayor parte es innecesaria.<\/p> Estas son algunas de las razones principales para optimizar imágenes:<\/p> Un sitio de carga lenta crea una experiencia de usuario mediocre. Esto conduce a tasas de rebote más altas y un menor tiempo de cada visita a tu sitio en general. No puedes esperar que tus usuarios se queden y esperen a que se carguen tus imágenes.<\/p> Por lo general, no alcanzarás los límites de almacenamiento de tu hosting web actual.<\/p> Pero tener un sitio que ocupe menos espacio en el servidor lo hará más ágil.<\/p> Puedes quitarle ese peso de más a tu sitio web y tener un sitio más liviano y de mayor rendimiento. Además, puedes reducir los costos del servidor si pagas con base en el almacenamiento.<\/p> Google y otros motores de búsqueda odian los sitios web de carga lenta.<\/p> Al optimizar tus imágenes mejorará tu rendimiento al igual que tu posicionamiento.<\/p> Con imágenes optimizadas, Google rastreará y posicionará tus imágenes mucho más rápido también, lo que puede ser bueno para recibir mayor tráfico.<\/p> La optimización de tus imágenes no tiene que ser difícil ni requerir de mucho tiempo, y puede formar parte de tu flujo de trabajo de publicación habitual. No optimizar tus imágenes puede ser perjudicial para el éxito de tu sitio.<\/p> A continuación, aprenderás cómo puedes optimizar tus imágenes para WordPress de una manera que conserve la calidad y no sacrifique el rendimiento.<\/p> Tu objetivo con la optimización de imágenes para WordPress es reducir el tamaño del archivo sin sacrificar la calidad de la imagen. No hay una manera perfecta de optimizar, sino un equilibrio que tendrás que encontrar.<\/p> Hay muchas formas de abordar la optimización de imágenes. Inclusos puedes combinar un par de métodos para garantizar que tu archivo de imagen sea lo más pequeño posible.<\/p> Sigue leyendo para aprender seis métodos diferentes que puedes usar para optimizar fácilmente tus imágenes en la web.<\/p> Una red de distribución de contenidos (CDN)<\/a> es un sistema global de servidores que acelera la distribución del contenido de su sitio web, incluidas imágenes, vídeos y hojas de estilo. <\/p> El uso de una CDN en su sitio de WordPress<\/a> garantiza que los visitantes reciban los datos desde un servidor cercano.<\/p> Por ejemplo, si tu visitante se encuentra en Indonesia, recibirá el contenido de un servidor cercano, lo que reduce los tiempos de carga.<\/p> Puedes configurar una CDN por separado, como integrar Cloudflare con tu sitio de WordPress. Afortunadamente, algunos proveedores de hosting gestionado de WordPress como Hostinger ofrecen una CDN como parte de sus servicios. <\/p> Si tienes un plan Business o superior, activa la CDN de Hostinger siguiendo estos pasos:<\/p> Al hacer clic en el signo de flecha situado junto a Vaciar caché, aparecerán opciones para activar la compresión de imágenes WebP, la minificación de CSS y JavaScript y la optimización inteligente de imágenes.<\/p> La propagación de la CDN o el proceso de actualización y distribución de tu contenido por todos los servidores de la red puede tardar entre 24 y 48 horas.<\/p> Antes de comenzar a optimizar, asegúrate de haber elegido el formato de archivo correcto. El formato de archivo que elijas afectará su tamaño total y la capacidad de optimizar la imagen.<\/p> Los dos tipos de imágenes más comunes<\/a> son JPEG<\/strong> y PNG<\/strong>.<\/p> Los archivos JPEG se usan comúnmente para fotografías e imágenes generales, ya que:<\/p> Los archivos PNG se utilizan para vectores, logotipos, capturas de pantalla e imágenes más pequeñas. Querrás usarlos con menos frecuencia ya que tienen un tamaño de archivo más grande.<\/p> Aparte de PNG y JPEG, encontrarás docenas de otros tipos de imágenes. Sin embargo, no se recomiendan al crear imágenes para la web.<\/p> Pero, hay una excepción. Probablemente hayas notado la explosión de GIFs en los últimos años. Estos videos poco animados se pueden utilizar para mejorar tu contenido existente. Si planeas insertar un video pequeño, asegúrate de que esté en formato GIF, y no MP4.<\/p> Al comprimir una imagen para WordPress, deberás encontrar el equilibrio entre la calidad de compresión y el tamaño de la imagen.<\/p> Con una compresión mínima, obtendrás con un tamaño de archivo grande, pero una imagen de mayor calidad. Con un alto nivel de compresión, el tamaño de la imagen será muy pequeño, pero la calidad de la imagen se verá afectada.<\/p> Tu objetivo debe ser encontrar un balance ideal entre el tamaño del archivo y el nivel de compresión que usas.<\/p> Si tienes un sitio web que depende de las imágenes de alta calidad, como un sitio de fotografía, te llevará más tiempo encontrar el equilibrio entre las dos. Sin embargo, podrás usar esa configuración de optimización para todas las imágenes en adelante.<\/p> A continuación, examinamos herramientas para escritorio, herramientas online e incluso algunos plugins para optimizar imágenes de WordPress que puedes utilizar para comprimir tus imágenes sin sacrificar la calidad.<\/p> Las herramientas para escritorio te ofrecen más control sobre tu configuración de optimización. Si estás acostumbrado a trabajar en un editor de fotos como Photoshop, entonces tal vez prefieras este enfoque.<\/p> Algunas de las herramientas más populares para escritorio incluyen:<\/p> Las herramientas anteriores tienen una de curva de aprendizaje, pero te permiten encontrar la configuración de optimización de imagen que mejor se adapta a tus necesidades.<\/p> Si prefieres un enfoque más sencillo, puedes usar una herramienta en línea que optimice automáticamente tus fotos.<\/p> Estas herramientas son excelentes si no quieres perder el tiempo aprendiendo los pormenores del software de edición de fotos.<\/p> Algunas de las herramientas online más comunes incluyen JPEGmimi<\/a> y TinyPNG<\/a>.<\/p> Con estos, todo lo que tienes que hacer es subir tus fotos y la herramienta se ejecutará y descargarás tus fotos optimizadas.<\/p> Si prefiere ejecutar un software en tu computadora tendrás algunas opciones más, como ImageOptim<\/a>, OptiPNG<\/a> y Trimage<\/a>.<\/p> Como la mayoría de las cosas en WordPress, hay un plugin para cualquier problema que encuentres.<\/p> Los siguientes plugins optimizarán tus imágenes mientras las cargas, e incluso optimizan las imágenes que ya estén en tu biblioteca de medios:<\/p> Antes de comenzar a optimizar tus imágenes, puede ser útil dimensionarlas adecuadamente. No tiene sentido cargar una imagen enorme a tu sitio, especialmente cuando se cambiará el tamaño de todos modos.<\/p> Ajusta las dimensiones de tu imagen antes de subirlas. De esa forma tendrás que lidiar con una imagen más pequeña desde el principio.<\/p> Por ejemplo, supongamos que necesitas una imagen de 300 × 300 píxeles, pero en su lugar, cargas una imagen de 3000 × 3000 píxeles y haces que tu tema de WordPress reduzca la imagen para mostrarla correctamente.<\/p> Esto no solo aumentará tu ancho de banda, sino que hará que tu foto cargue muy lentamente.<\/p> El mejor enfoque es tomar nota de las dimensiones de la imagen requeridas por tu tema y dimensionar tus imágenes acorde con este. Luego, pasa tu imagen por una herramienta de optimización y cárgala.<\/p> WordPress tiene un editor de imágenes incorporado que te permite recortar tus imágenes desde tu escritorio.<\/p> Aunque esto puede ser útil, recomendamos recortar tus imágenes antes de optimizarlas y cargarlas.<\/p> Si te das cuenta de que una imagen debe recortarse para ajustarse mejor a tu sitio, elimina la imagen de tu sitio, recórtala y vuélvela a cargar.<\/p> Al realizar demasiadas ediciones dentro del escritorio, puedes terminar guardando múltiples versiones del mismo archivo. Esto aumenta la carga en tu servidor y el volumen total de tu sitio.<\/p> ¿Sabías que puedes optimizar tus imágenes para ayudar a que tu sitio y tus imágenes se posicionen en los motores de búsqueda?<\/p> Optimizar tus imágenes acelerará tu sitio y mejorará tus posibilidades posicionamiento. Sin embargo, hay algunos pasos adicionales que puedes tomar para mejorar el SEO de tu imagen.<\/p> Sigue estos pasos para mejorar el SEO<\/a> de tus imágenes:<\/p> El texto del título de la imagen aparecerá cuando un lector pase el puntero sobre tu imagen. No es muy importante para el SEO, pero este pequeño truco puede mejorar la experiencia del usuario.<\/p> Para cambiar el texto del título de la imagen, ve al editor de entradas en el que colocaste la imagen.<\/p> Selecciona la imagen y haz clic en el icono de lápiz, que mostrará la opción ‘Editar<\/strong>‘.<\/p> En la pantalla ‘Opciones avanzadas<\/strong>‘, tendrás un lugar donde puedes ingresar o cambiar el título de tu imagen.<\/p> El texto alternativo de tu imagen le dará a Google un indicador de lo que trata tu página.<\/p> Si tienes varias imágenes en tu página, entonces la primera imagen debería incluir tu palabra clave objetivo. Cada imagen que le sigue debería usar una variación de esa frase, sin dejar de ser relevante para la imagen.<\/p> Para cambiar el texto alternativo de tu imagen ve a tu editor visual y desplaza el cursor sobre la imagen que has insertado. Una vez más, haz clic en el ícono del lápiz que abrirá la opción ‘Editar<\/strong>‘.<\/p> En esta pantalla, busca un cuadro llamado ‘Texto alternativo<\/strong>‘ y escribe tu palabra clave objetivo o palabra clave relacionada en ese cuadro.<\/p> El nombre de archivo de tu imagen puede ayudarte a posicionarte en la búsqueda de imágenes de Google, que puede ser una buena fuente de tráfico adicional.<\/p> En lugar de tener un nombre de archivo sin sentido, cámbialo a algo que incluya tu palabra clave objetivo o refleje de qué se trata la imagen.<\/p> Antes de subir la imagen a WordPress dedica un tiempo a considerar cuál nombre sería apropiado para esa imagen.<\/p> Finalmente, si usas varias palabras en tu nombre de archivo, asegúrate de estar usando un guion entre las palabras, ya que Google las leerá como un espacio. De lo contrario, las palabras estarán juntas y tu nombre de archivo no será legible.<\/p> Si sigues los pasos anteriores para optimizar tus imágenes para WordPress, será más fácil para Google enamorarse de tu sitio.<\/p> Se cargará más rápido, tus visitantes te lo agradecerán, y también lo harán tu posicionamiento en los motores de búsqueda.<\/p> Cuando se trata de compresión, es importante jugar con la configuración y las diferentes herramientas hasta encontrar el equilibrio perfecto entre la calidad de la imagen y el tamaño del archivo de imagen. Es un equilibrio difícil de alcanzar, pero definitivamente vale la pena lograrlo para mejorar tus velocidades de carga y tu experiencia de navegación.<\/p> ¿La optimización de tus imágenes ha mejorado la velocidad y el rendimiento de carga de tu sitio web? Comparte tu experiencia en los comentarios a continuación.<\/p> Cambiar el tamaño de fuente en WordPress<\/a> Esta sección responderá a algunas preguntas frecuentes sobre la optimización de imágenes en WordPress.<\/p> Sí, desde la versión 4.5, WordPress comprime todas las imágenes subidas a un 82% de su calidad original. Sin embargo, este porcentaje de compresión no ofrece una mejora significativa de la velocidad del sitio. Recomendamos usar los métodos listados en este artículo.<\/p>\n\n<\/div>\n<\/div>\n Los tamaños recomendados para los diferentes tipos de imágenes en WordPress son:u003cbr \/u003eu003cstrongu003eImágenes de entradas de blogu003c\/strongu003e: 1200 x 630 píxelesu003cbr \/u003eu003cstrongu003eEncabezadosu003c\/strongu003e: 1048 x 250 píxelesu003cbr \/u003eu003cstrongu003eMiniaturasu003c\/strongu003e: 150 x 150 píxelesu003cbr \/u003eu003cstrongu003eLogotiposu003c\/strongu003e: 200 x 100 píxelesu003cbr \/u003eu003cstrongu003eImágenes destacadasu003c\/strongu003e: 1200 x 900 píxeles (horizontal) o 900 x 1200 píxeles (vertical)u003cbr \/u003eu003cstrongu003eImágenes de fondou003c\/strongu003e: 1920 x 1080 píxeles<\/p>\n\n<\/div>\n<\/div>\n El mejor optimizador de imágenes para WordPress depende de tus necesidades específicas. Busca un optimizador de imágenes que ofrezca funciones de compresión y optimización para u003ca href=u0022\/tutoriales\/mejorar-velocidad-wordpressu0022u003emejorar la velocidad de tu sitio web de WordPressu003c\/au003e.<\/p>\n\n<\/div>\n<\/div>\n Sí, puedes optimizar tus imágenes de WordPress sin un plugin ajustándolas a las dimensiones adecuadas, comprimiéndolas con una herramienta en línea y optimizando sus nombres de archivo y etiquetas alt. También puedes utilizar la carga lenta para mejorar los tiempos de carga de la página.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":" Sin imágenes, la mayoría de los sitios web se verían como interminables bloques de texto. Para capturar la atención del visitante son imprescindibles las imágenes de alta calidad. Crearán espacios en tu contenido y lo harán más legible; sin mencionar el tráfico adicional de las búsquedas de imágenes. Pero para obtener todos estos beneficios, debes […]<\/p>\nPor qué necesitas optimizar tus imágenes para WordPress<\/h2>
Tu sitio se cargará más rápido<\/h3>
Tu sitio ocupará menos espacio en el servidor<\/h3>
Mejorará tu posicionamiento en los buscadores<\/h3>
6 métodos para optimizar imágenes para WordPress<\/h2>
1. Muestra imágenes a través de una CDN<\/h3>
![\"Funcionamiento](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/12\/%C2%BFCo%CC%81mo-funciona-una-CDN-1-1024x886.png\")
<\/figure>\n
![\"Menú](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/12\/image-2.png\")
<\/figure>2. Elige el formato de archivo correcto<\/h3>
\n
3. Comprime tus imágenes<\/h3>
Herramientas de optimización de imágenes tipo Hazlo tu mismo (DIY)<\/h4>
\n
Herramientas automáticas de optimización de imagen<\/h4>
![\"tinypng](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/herramienta-tinypng.png\")
<\/figure><\/div>Plugins de compresión de WordPress<\/h4>
![\"plugins](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/wordpress-compresio%CC%81n-de-ima%CC%81genes.png\")
<\/figure><\/div>\n
4. Cambiar el tamaño de las imágenes para una visualización óptima<\/h3>
![\"cambiar](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/opciones-editar-imagen-en-WP-1024x387.png\")
<\/figure><\/div>5. Asegúrate de que las imágenes estén bien recortadas<\/h3>
![\"recortar](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/recortar-imagen-en-WP-1024x475.png\")
<\/figure><\/div>6. Mejorar el SEO de la imagen<\/h3>
Optimiza el título de la imagen<\/h4>
![\"Edición](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/editar-imagen-wordpress.jpg\")
<\/figure><\/div>![\"Atributo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/opciones-avnzadas-editar-imagen.png\")
<\/figure><\/div>Agregar etiqueta ALT<\/h4>
![\"Configuración](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/detalles-de-la-imagen-en-wordpress.png\")
<\/figure><\/div>Dale un nombre apropiado a tu archivo de imagen<\/h4>
![\"tráfico](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2018\/07\/busqueda-de-ima%CC%81genes-en-google-1024x453.png\")
<\/figure><\/div>![\"\"](\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\")
<\/a><\/figure><\/div>Conclusión<\/h2>
Aprende más sobre WordPress<\/h4>\n
Aumentar el límite de memoria de WordPress
<\/a>Eliminar la barra lateral de WordPress
<\/a>Crear un sitio de pruebas de WordPress
<\/a>Añadir campos personalizados en entradas de WordPress
<\/a>Guía completa de WordPress GDRP<\/a><\/p>\n <\/div><\/p>Cómo optimizar imágenes para WordPress – FAQ<\/h2>
¿WordPress optimiza automáticamente las imágenes?<\/h3>\n
¿Cuál es el mejor tamaño de imagen para WordPress?<\/h3>\n
¿Cuál es el mejor optimizador de imágenes para WordPress?<\/h3>\n
¿Puedo optimizar mis imágenes de WordPress sin un plugin?<\/h3>\n