How To Display Full-Size Images In Wordpress

Cómo mostrar imágenes a tamaño completo en WordPress (4 métodos)

¿Quieres aprender a mostrar imágenes a tamaño completo en WordPress? La última versión de WordPress cambia automáticamente el tamaño de las imágenes grandes para mejorar el rendimiento. Pero a veces es posible que deba mostrar imágenes de mayor dimensión. En este tutorial, compartiremos cuatro formas diferentes de mostrar imágenes a tamaño completo en su sitio de WordPress.

¿Por qué WordPress escala imágenes grandes?

Las versiones anteriores de WordPress permitían a los usuarios cargar imágenes muy grandes. Pero lo que sucedió fue que los novatos de WordPress estaban cargando imágenes que eran demasiado grandes para la web moderna. Las imágenes grandes conducen a velocidades de carga lentas del sitio web y a un rendimiento deficiente. Para abordar este problema, la actualización de WordPress 5.3 cambió la forma en que WordPress maneja imágenes muy grandes. Por ejemplo, si carga una imagen con dimensiones de 5000 px por 7000 px, WordPress cambiará el tamaño de la imagen a 2560 px y el ancho para que coincida con las dimensiones originales. Ahora, cuando un usuario visita una página con una imagen anteriormente grande, verá la versión reducida de esa imagen. Esto conduce a un mejor rendimiento del sitio web y a usuarios más felices en general.

Razones para evitar que WordPress cambie el tamaño de las imágenes

Esta nueva función es útil para la mayoría de los propietarios de sitios web de WordPress, pero es posible que algunos usuarios necesiten ver imágenes a tamaño completo. Por ejemplo, si es un fotógrafo o un artista que vende su trabajo, es posible que desee mostrar imágenes más grandes en su sitio web, para que los visitantes puedan comprarlas o descargarlas. También puede operar un sitio web donde se necesitan imágenes más grandes, como un sitio web de fotografías o un sitio web que vende impresiones e imágenes personalizadas. ¿Quizás necesita una imagen grande para la imagen de fondo de su página de inicio que exceda los límites de 2560px? Cualquiera que sea su razón para querer una imagen a tamaño completo, le mostraremos cómo hacerlo, paso a paso.

Cómo mostrar imágenes a tamaño completo en WordPress (4 métodos)

Hay 4 formas diferentes de mostrar imágenes a tamaño completo en WordPress. Algunos métodos funcionan mejor para imágenes individuales, mientras que otros funcionan mejor para una biblioteca de imágenes completa. Querrá elegir el método de imagen de tamaño completo adecuado para sus objetivos.

Método 1. Obtenga la URL de la imagen de tamaño completo en WordPress

Si solo desea utilizar una o dos imágenes grandes en su sitio web, esta es probablemente la mejor solución. Cuando sube una imagen a WordPress que excede las dimensiones, WordPress escala su imagen y crea una nueva. Pero la imagen original sigue intacta. Para mostrar las dimensiones de la imagen original, deberá eliminar el « -escalado » al final de la URL de la imagen de WordPress e insertar la imagen en su sitio con el enlace modificado. Simplemente vaya a su biblioteca de medios accediendo Mediateca y seleccione su imagen grande.

Biblioteca Multimedia De Imágenes Grandes
Ahora localice su ‘URL de archivo’ en el cuadro de la imagen. A continuación, querrá eliminar «-escalado» del final de la URL de su imagen.
Eliminar Url De La Imagen Escalada
Después de eso, puede copiar la URL de la imagen e insertar la imagen en su sitio web. Tenga en cuenta que deberá incrustar la imagen en su sitio utilizando el enlace menos la parte de escala. Para hacer esto, navegue hasta un artículo o página a la que desee agregar la imagen y haga clic en el icono «+» para agregar un nuevo bloque.
Insertar Un Nuevo Bloque De Imagen Para Una Imagen Grande
Luego haga clic en el icono «Imagen» para agregar un bloque de imagen en el que puede pegar su URL. Haga clic en «Insertar desde URL», luego pegue la URL de su imagen de tamaño completo en el cuadro y presione «Entrar».
Agregar Una Url De Imagen Sin Escala
Después de eso, deberá hacer clic en «Publicar» o «Actualizar», si la publicación ya está publicada, y su imagen a tamaño completo ahora será visible en su sitio. Puede seguir este mismo proceso para cada imagen de tamaño completo que desee agregar a su sitio. Pero, siempre que use la URL del archivo con menos « escalado », sus imágenes de WordPress se mostrarán en tamaño completo.

Método 2. Desactive automáticamente el escalado de imágenes en WordPress (con un complemento)

El segundo método es utilizar un complemento de WordPress para desactivar el escalado de imágenes en su sitio. El complemento que recomendamos se llama Disable BIG Image Threshold. Este complemento ofrece una de las soluciones más fáciles para mostrar imágenes grandes en su sitio y es de uso completamente gratuito. Primero, deberá instalar y activar el complemento Deshabilitar umbral de “imagen grande”. Para obtener más detalles sobre la instalación de un complemento, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Una vez que haya instalado y activado el complemento en su sitio, automáticamente eliminará el umbral de imagen grande agregado por WordPress. Puede agregar nuevas imágenes como antes de actualizar la imagen de WordPress. Cuando este complemento está activo, WordPress no agregará el atributo ‘-escalado’ a ninguna imagen.

Método 3. Deshabilite automáticamente el escalado de imágenes grandes en WordPress (con un fragmento de código)

Otra opción es agregar un fragmento de código a WordPress que tenga el mismo propósito que el complemento anterior. Si el complemento no funciona por algún motivo, o si no desea instalar demasiados complementos, puede utilizar este método. La nueva función de escalado de imágenes de WordPress utiliza un filtro llamado big_image_size_threshold. Querrá usar el siguiente código para deshabilitar esta función: add_filter (‘big_image_size_threshold’, ‘__return_false’); Debe agregar este código en el archivo functions.php de su tema, en un complemento específico del sitio o utilizando el complemento de fragmentos.

Método 4: abra imágenes de WordPress de tamaño completo en una caja de luz

La última opción es agregar una caja de luz de imagen de tamaño completo a su sitio. Con esta solución, obtiene lo mejor de ambos mundos. Puede cargar miniaturas de imágenes más pequeñas en el contenido de su blog, galería o carrusel, y cuando haga clic en él, aparecerá con su imagen de tamaño completo.
Mostrar Efecto De Caja De Luz De Imagen A Tamaño Completo
Para hacer esto, recomendamos usar el complemento Envira Gallery. Es el mejor complemento de galería de imágenes de WordPress del mercado y le permite agregar fácilmente el efecto de imagen emergente de caja de luz. Lo primero que debe hacer es instalar el complemento Envira Gallery. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Después de instalar y activar el complemento, consulte nuestra guía paso a paso sobre cómo crear una galería de imágenes en WordPress con el efecto lightbox. Tenga en cuenta que antes de cargar imágenes de tamaño completo para su galería, deberá deshabilitar el escalado de imágenes a través del complemento o los métodos de tema secundario anteriores. De lo contrario, las imágenes de tu caja de luz usarán la versión reducida de la imagen. Por último, es importante señalar que si estás agregando imágenes de gran tamaño, es fundamental optimizarlas para la web, para no ralentizar tu web. Esperamos que este artículo le haya ayudado a ver imágenes a tamaño completo en WordPress. Es posible que desee consultar nuestra guía para optimizar imágenes para SEO y nuestra selección experta de 40 herramientas útiles para administrar y hacer crecer su blog. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply