¿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 con dimensiones más grandes.

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 con dimensiones muy grandes.

Pero, lo que sucedió es que los principiantes de WordPress estaban cargando imágenes que eran simplemente 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 solucionar 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 las dimensiones de 5000px por 7000px, WordPress cambiará el tamaño de la imagen a 2560px y escalará 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 escale 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 mostrar imágenes a tamaño completo.

Por ejemplo, si usted es un fotógrafo o 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.

O bien, podría estar ejecutando un sitio web donde se requieren imágenes más grandes, como un sitio web de fotografías de archivo o un sitio web que vende impresiones e imágenes personalizadas.

Tal vez, ¿necesita una imagen grande para la imagen de fondo de su página de inicio que sea más grande que los límites de 2560px?

No importa cuál sea su motivo para querer una imagen a tamaño completo, le mostraremos cómo hacerlo, paso a paso.

Cómo mostrar imágenes de 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 son mejores 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 solución probablemente sea la mejor.

Cuando subes una imagen a WordPress que excede las dimensiones, WordPress escalará tu imagen y creará una nueva. Pero la imagen original sigue intacta.

Para mostrar las dimensiones de la imagen original, deberá eliminar ‘-escalado’ del final de la URL de la imagen de WordPress e insertar la imagen en su sitio con el enlace modificado.

Simplemente diríjase a su biblioteca multimedia yendo a Mediateca y seleccione su imagen grande.

Biblioteca multimedia de imágenes grandes

Ahora, ubique 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 la 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 mediante el enlace, menos la parte escalada.

Para hacer esto, navegue a una publicación o página en 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 ícono ‘Imagen’ para agregar un bloque de imagen donde 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 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 se podrá ver 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 menos ‘escalado’, sus imágenes de WordPress se mostrarán en tamaño completo.

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

El segundo método es usar WordPress plugin para deshabilitar el escalado de imágenes en su sitio.

La plugin que recomendamos se llama Desactivar el umbral de “imagen grande”. Esto plugin ofrece una de las soluciones más fáciles para mostrar imágenes grandes en su sitio, y su uso es completamente gratuito.

Primero, deberá instalar y activar el Deshabilitar el umbral de “Imagen GRANDE” plugin. Para obtener más detalles sobre la instalación de un plugin, consulte nuestra guía paso a paso sobre cómo instalar un WordPress plugin.

Una vez que haya instalado y activado el plugin en su sitio, eliminará automáticamente el umbral de imagen grande agregado por WordPress.

Puede agregar nuevas imágenes tal como estaba antes de la actualización de la imagen de WordPress.

Cuando esto plugin 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 fragmento de código)

Otra opción es agregar un fragmento de código a WordPress que logre el mismo objetivo que el plugin sobre.

Si el plugin no funciona por alguna razón, o no desea instalar demasiados plugins, entonces puedes usar 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' );

Necesita agregar este código en el archivo functions.php de su tema, en un sitio específico plugino mediante el uso de fragmentos de código plugin.

Método 4: Abrir 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, aparecerá una ventana emergente con su imagen de tamaño completo.

Mostrar efecto de caja de luz de imagen a tamaño completo

Para hacer esto, recomendamos usar la Galería Envira. plugin. Es la mejor galería de imágenes de WordPress plugin en el mercado y le permite agregar fácilmente el efecto de imagen emergente de caja de luz.

Lo primero que deberá hacer es instalar la Galería Envira plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

Después de instalar y activar el plugin, 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 plugin o métodos de tema hijo anteriores.

De lo contrario, las imágenes de tu caja de luz utilizarán la versión reducida de la imagen.

Finalmente, es importante tener en cuenta que si agrega imágenes de grandes dimensiones, es fundamental optimizarlas para la web, para no ralentizar su sitio web.

Esperamos que este artículo le haya ayudado a mostrar imágenes a tamaño completo en WordPress. Es posible que desee ver nuestra guía sobre la optimización de 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 . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *