WordPressing images
Contenidos
A medida que aumenta la velocidad de Internet y se eliminan los límites de ancho de banda, los fotógrafos y otros profesionales creativos tienen por fin la oportunidad de hacer que sus imágenes aparezcan en línea en todo su esplendor en alta resolución.
Antes, las imágenes grandes se cargaban mucho más despacio y no resultaba práctico llenar el sitio web con montones de imágenes de alta resolución. En su lugar, las imágenes tenían que comprimirse para reducir su tamaño (lo que también reducía su calidad) y mostrarse en galerías como miniaturas.
El tiempo de carga de la página sigue siendo importante, pero la tecnología ha mejorado y ya no se tardan 5 minutos en descargar una sola imagen de alta resolución. Mostrar las imágenes a gran tamaño incrustadas en entradas de blog o como galería a pantalla completa es una forma estupenda de que los fotógrafos muestren su trabajo con el máximo efecto.
Sin embargo, hay que tener en cuenta algunos aspectos a la hora de subir imágenes de gran tamaño a su sitio web para ofrecer a los visitantes una buena experiencia y un sitio de carga rápida, manteniendo al mismo tiempo la calidad de las imágenes.
¿Cómo puedo subir fotos de alta calidad a WordPress?
Cuando insertas una miniatura en una entrada de blog o página, puedes enlazarla a la imagen original eligiendo “Archivo multimedia” en el menú de archivos adjuntos. WordPress también incluye una función para crear una galería directamente desde una entrada o página. Sólo tiene que seleccionar las imágenes que desea incluir y hacer clic en “Crear una nueva galería”.
¿Por qué mis imágenes se cargan borrosas en WordPress?
Por defecto, WordPress comprime las imágenes con un 82% de calidad para mejorar el rendimiento del sitio para los usuarios móviles. Si esto te causa problemas, puedes desactivar la compresión de imágenes o reducirla un poco más. Redimensiona el tamaño predeterminado de las miniaturas y regenéralas usando un plugin como Regenerate Thumbnails o Simple Image Sizes.
¿Cómo puedo corregir la resolución de una imagen en WordPress?
Utilizar el editor de tamaño de imagen integrado en WordPress
En primer lugar, haga clic en el menú Multimedia para acceder a la biblioteca multimedia. A continuación, haga clic en la imagen cuyo tamaño desea ajustar. El botón Editar Imagen. Verá el tamaño actual de la imagen y podrá ajustarlo aquí.
Cómo arreglar imágenes borrosas en wordpress
WordPress reduce la calidad de la imagen al 60% al subirla cuando la procesa. Las plantillas de los temas están diseñadas para utilizar una copia específica de la imagen cargada, escalada o recortada (o ambas cosas) para obtener el mejor ajuste y el tiempo de carga más eficiente, por lo que esas copias tendrán un aspecto diferente del original si la compresión es un problema. Por ejemplo, en Photogenic, las entradas de Álbum mostrarán la imagen escalada a 1080px, mientras que al hacer clic aparece el original en una nueva pestaña o light-box. En la mayoría de los casos, el cambio de calidad no es perceptible, pero si su imagen original ya está preprocesada o comprimida, la reducción del 60% puede causar artefactos o pérdida de calidad visual.
Si desea evitar que WordPress comprima los archivos o aumentar el nivel de compresión, puede realizar un cambio en functions.php en su tema, o instalar un plugin para gestionar el nivel de compresión como WP Smush.it (recomendado si no tiene experiencia en el desarrollo de WordPress).
Esto se considera una modificación, y se proporciona tal cual. Esperamos que entienda lo que está haciendo si aplica cambios de código utilizando estos u otros tutoriales de WordPress. Haga una copia de seguridad de su archivo existente para que pueda reemplazarlo si algo va mal y necesita empezar de nuevo. Los archivos modificados probablemente serán reemplazados por una actualización del tema en algún momento, así que tome nota de sus cambios para futuras referencias o consulte nuestras guías a continuación. No podemos ayudarle a modificar su tema ni a solucionar los problemas que surjan como consecuencia de ello.
Miniaturas borrosas en WordPress
No hay nada más frustrante que saber que has subido una imagen del tamaño correcto y verla borrosa en tu sitio web, especialmente cuando es clara en algunos dispositivos o pantallas y borrosa en otros.
Sin embargo, este artículo no ahondará en detalles técnicos intrincados, principalmente porque muchos sitios en la web ya han hecho justicia a este tema. Por ejemplo, recomiendo encarecidamente consultar la extensa explicación de Smashing Magazine sobre el “por qué” de las imágenes borrosas en pantallas responsivas (en resumen, no existe una solución perfecta para ello, pero tenemos algunas soluciones). Smashing Magazine también escribió extensamente sobre varias soluciones de imágenes responsivas entre las que elegir. Echa un vistazo también a este artículo de boagworld titulado “Por qué los gráficos de tu web se ven fatal en el iPhone”.
Antes de empezar, tengo que dar mis elogios a una persona que ayudó tremendamente en la formación de este recurso. No podría haber completado este artículo sin la experiencia voluntaria y generosa, la aportación y la lluvia de ideas colaborativa de una amiga mía desarrolladora, Stacey Cordoni, que hace sitios responsivos profesionalmente como su trabajo freelance a tiempo completo para agencias de Vancouver. La citaré en este artículo.
WordPress calidad_jpeg
A medida que aumenta la velocidad de Internet y se eliminan los límites de ancho de banda, los fotógrafos y otros profesionales creativos tienen por fin la oportunidad de hacer que sus imágenes aparezcan en línea en todo su esplendor en alta resolución.
Antes, las imágenes grandes se cargaban mucho más despacio y no resultaba práctico llenar el sitio web con muchas imágenes de alta resolución. En su lugar, las imágenes tenían que comprimirse para reducir su tamaño (lo que también reducía su calidad) y mostrarse en galerías como miniaturas.
El tiempo de carga de la página sigue siendo importante, pero la tecnología ha mejorado y ya no se tardan 5 minutos en descargar una sola imagen de alta resolución. Mostrar las imágenes a gran tamaño incrustadas en entradas de blog o como galería a pantalla completa es una forma estupenda de que los fotógrafos muestren su trabajo con el máximo efecto.
Sin embargo, hay que tener en cuenta algunos aspectos a la hora de subir imágenes de gran tamaño a su sitio web para ofrecer a los visitantes una buena experiencia y un sitio de carga rápida, manteniendo al mismo tiempo la calidad de las imágenes.