Cómo evitar que WordPress genere tamaños de imagen

Cuando carga una imagen en WordPress, genera tres tamaños de imagen de forma predeterminada (tamaño de miniatura, tamaño mediano y tamaño grande). Sin embargo, puede haber ocasiones en las que desee utilizar tamaños de imagen personalizados de WordPress, ya sea con fines de diseño o para administrar el rendimiento de su sitio.

Si bien la compresión automática de imágenes de WordPress está destinada a ser una conveniencia, puede terminar creando demasiados archivos que ocupan almacenamiento innecesario y conducen a copias de seguridad demasiado grandes. Afortunadamente, hay pasos que puede tomar para evitar que esto suceda.

En esta publicación, responderemos la pregunta: "¿Por qué WordPress cambia el tamaño de mis imágenes?" Le explicaremos por qué es posible que desee evitar que WordPress genere varios tamaños de imagen de WordPress y le mostraremos cómo hacerlo. ¡Empecemos!

Por qué WordPress genera múltiples tamaños de imagen

En pocas palabras, WordPress cambia automáticamente el tamaño de las imágenes para ayudarlo a ahorrar ancho de banda y evitar que tenga que cambiar el tamaño de las imágenes manualmente. Por ejemplo, el tamaño de imagen que usaría para una miniatura de publicación es muy diferente al que usaría para un control deslizante de imagen en su página de inicio. Al generar tamaños de imagen adicionales, WordPress le facilita la selección de la opción más adecuada para cada caso de uso.

¿Cuáles son los tamaños de imagen estándar para WordPress?

Cada vez que subes una imagen a WordPress, crea tres nuevas versiones, lo que te da cuatro tamaños totales. Los tamaños de imagen predeterminados son:

• Tamaño de la miniatura : 150 x 150 píxeles
• Tamaño mediano : 300 x 300 píxeles (máximo)
• Tamaño grande : 1024 x 1024 píxeles (máximo)
• Tamaño completo: tamaño de imagen original

Los tamaños de imagen de WordPress están escalonados de esta manera para simplificar el diseño web. No es necesario que cambie manualmente el tamaño de una foto o un gráfico para usarlo como, por ejemplo, una imagen destacada: el tamaño de imagen correcto ya existe en WordPress.

Cuándo evitar que WordPress genere diferentes tamaños de imagen

Además de los diferentes tamaños de imagen generados por WordPress, su tema también puede crear copias o tamaños de imagen adicionales, como una presentación de diapositivas en la página de inicio o publicaciones destacadas. Esta redundancia puede presentar problemas, como hacer que sus copias de seguridad tarden más o que sus páginas se carguen más lentamente.

Por esa razón, hay momentos en los que es beneficioso evitar que WordPress genere diferentes tamaños de imagen. Si está buscando ahorrar espacio, tiene un sitio web con muchas imágenes, como un sitio de bienes raíces o fotografía, o simplemente no está usando todos los diferentes tamaños de imagen que se están creando, es posible que esté agregando volumen adicional a su sitio. sin razón.

Cómo evitar que WordPress genere copias de imágenes de diferentes tamaños

Ahora que comprende por qué WordPress genera múltiples tamaños de imagen y por qué tiene sentido evitar que lo haga, es hora de ponerse a trabajar. Echemos un vistazo a cómo evitar que WordPress genere diferentes tamaños de imagen en seis simples pasos.

Paso 1: conecte su sitio a un cliente FTP (para determinar cuántas copias de imágenes se están realizando)

El primer paso es averiguar cuántas copias genera WordPress cuando subes una imagen. Puede hacerlo conectándose a su sitio a través de un cliente de Protocolo de transferencia de archivos (FTP) o el administrador de archivos de su cPanel.

Como mencionamos anteriormente, WordPress genera tres copias por defecto. Sin embargo, su tema también puede crear su propio conjunto de tamaños de imagen para controles deslizantes, etc. Por lo tanto, es importante saber exactamente qué copias se están generando.

Paso 2: sube una imagen a tu sitio

A continuación, cargue una imagen en su sitio desde el área de administración del panel de control de WordPress y abra la biblioteca de medios ( Medios > Agregar nuevo ).

Haga clic en Seleccionar archivos y luego elija el archivo de imagen para cargar.

Paso 3: navegue al directorio de carga de su sitio

Dentro de su Administrador de archivos o cliente FTP, navegue hasta el directorio de "carga" de su sitio. Esto se ubicará dentro de la carpeta wp-contents . Allí encontrará todas las copias de sus imágenes existentes, que están organizadas por fecha:

Como mínimo, debería encontrar los tres tamaños de imagen generados por WordPress. Si hay más de tres, es probable que sean las copias creadas por su tema de WordPress (en nuestro ejemplo anterior, hay cinco copias en total).

Paso 4: establezca los tamaños de imagen en cero

A continuación, navegue a Configuración> Medios en su panel de administración de WordPress.

Allí encontrará la configuración de imagen predeterminada:

Cambie cada uno de los valores para los tamaños de imagen a 0 (asumiendo que son todos los que no usará). Seleccione el botón Guardar cambios en la parte inferior de la página cuando haya terminado.

Paso 5: Abra el archivo functions.php de su tema de WordPress

Ahora ha impedido que WordPress genere varias copias de las imágenes existentes que carga. Sin embargo, es posible que también deba evitar que su tema haga lo mismo.

Para hacer eso, navegue hasta el archivo functions.php para su tema de WordPress.

Lo encontrará en la carpeta /wp-contents/themes/ del directorio de su sitio web.

Paso 6: elimine el código de tamaño de imagen predeterminado

Una vez que esté en el archivo functions.php , busque cualquier línea de código que sea similar a esta:

add_image_size('homepage-thumb', 200, 160, true);

Según el tema que esté utilizando, puede haber varias versiones de esta línea. También querrá buscar cualquiera que diga "set_thumbnail_post_size". Elimine estas líneas y luego guarde los cambios.

Cómo evitar que WordPress comprima imágenes

Además de evitar que WordPress y su tema generen varios tamaños de imágenes, también puede evitar que compriman imágenes. Si bien la compresión está destinada a mejorar el rendimiento sin reducir la calidad, no siempre es así.

Con eso en mente, aquí le mostramos cómo evitar que WordPress comprima y recorte imágenes en tres simples pasos.

Paso 1: Abra el archivo functions.php

Si desea deshabilitar la compresión de imágenes de WordPress, el primer paso es ubicar y abrir el archivo functions.php de su tema. Nuevamente, puede hacer esto conectándose a su sitio a través de un cliente FTP o accediendo al Administrador de archivos de su cPanel.

Paso 2: Modifique el valor devuelto a 100

Después de ubicar y abrir el archivo functions.php en el directorio de su tema, simplemente agregue la siguiente línea de código:

add_filter('jpeg_quality', function($arg){return 100;});

También puede cambiar el valor de 'retorno' para que sea inferior a 100 si lo prefiere.

Paso 3: Guarde sus cambios

Una vez que haya terminado, guarde los cambios. Ahora WordPress dejará de comprimir automáticamente las imágenes y, en su lugar, conservará su calidad original. Tenga en cuenta que para ver el efecto, deberá regenerar sus miniaturas.

Cómo optimizar las imágenes de WordPress

La optimización de imágenes para la web implica reducir el tamaño total del archivo sin reducir la calidad de la imagen. El objetivo final es un sitio que cargue más rápido; un sitio web rápido mejora el SEO y atrae visitantes.

La mejor manera de optimizar imágenes para WordPress es hacer ajustes antes de subirlas. Este proceso generalmente ocurre en la configuración Guardar o Exportar de su editor de imágenes (como Adobe Photoshop o GIMP). Aquí hay una lista de verificación paso a paso a seguir:

Paso 1: reducir las dimensiones de la imagen

Si tu imagen tiene 2000 x 2000 píxeles o más, vale la pena reducir las dimensiones antes de subirla a WordPress. Excepto en casos excepcionales, una foto en su sitio no necesita ser tan grande. Las dimensiones finales dependerán de su uso para la imagen, pero reducir la altura y el ancho a al menos 1200 px es un buen comienzo.

Paso 2: seleccione el formato de imagen

Debido a que los tamaños de archivo más pequeños son ideales, la elección del formato es crucial. Al guardar su imagen, evite los archivos TIFF de alta calidad, ya que el tamaño aumenta sustancialmente.

En su lugar, apégate a PNG para logotipos y gráficos, y JPEG para fotos. Si bien los archivos JPEG reducen ligeramente la calidad de la imagen, el resultado no se nota en la web y su imagen se cargará más rápido.

Paso 3: elija la cantidad de compresión

Las capacidades de compresión de imágenes varían según el software. Pero la mayoría de las veces, está buscando un menú desplegable o un control deslizante etiquetado como Calidad de imagen o Compresión . Por lo general, lo verás cuando guardes tu foto.

La compresión reduce el tamaño de un archivo sin sacrificar la calidad. Cuanta más compresión, más pequeño es el archivo. Elegir un número más bajo para Calidad realiza la misma función. 150 KB o menos es un objetivo final seguro para la optimización de imágenes.

Complementos de optimización de imágenes

Alternativamente, puede usar un complemento de WordPress para optimizar sus imágenes al cargarlas. Opciones como Smush o EWWW Image Optimizer le permiten controlar el tamaño de las imágenes con facilidad.

Mantenga su sitio optimizado con WP Engine

De forma predeterminada, WordPress genera automáticamente varios tamaños de imagen durante el proceso de carga. Sin embargo, cuando usa un tema o complementos que también crean copias de sus imágenes, esto puede generar copias de seguridad innecesariamente grandes y menos espacio en disco. Afortunadamente, puede evitar que WordPress haga esto configurando los tamaños de imagen predeterminados en cero en la configuración de medios.

Por supuesto, esta es solo una de las muchas formas en que puede optimizar su sitio de WordPress. Si está buscando mejorar toda la experiencia digital, descubra cómo nuestros mejores planes de hospedaje en su clase pueden ayudarlo a llevar su presencia en línea (y a sus clientes) al siguiente nivel.