In our modern times, more and more people like to wear homeSwiss replica watches. If you come to our site, we can offer you all kinds of Swiss replica watches such asReplica rolex watches Breitling watches, Hublot watches and Tag heuer watches. When you wear these delicate best imitation watches on our site, you can become outstanding in a crowd of people. No matter which kind of stylish watches you like, we will do our best to offer you all-sided service,Replica prada Handbags UKstore with all brands Hermes Handbags replica bags ,Replica gucci bags

Trucos para tratar la imagen en WordPress como un verdadero maestro

optimizar imagenes wordpress

Cuando desarrollamos un proyecto en WordPress tomamos mucho cuidado en la optimización del contenido, al menos eso deberíamos hacer, revisar el tiempo de carga de cada página, controlar si las imágenes subidas están optimizadas para nuestra web, ya que estos detalles resultaran en mayores resultados en la conversión y posicionamiento en los buscadores.

Si bien al momento de construir una página web tenemos cuidado es los temas de optimización, no es así, por lo general, lo que ocurre con los clientes quienes suben sus propias imágenes al sitio web. Estas pueden ser subidas en su forma original causando problemas de rendimiento y por supuesto incrementar el tiempo de carga de la página.

Frente a estos inconvenientes hemos preparado un post en el que trataremos las diferentes formas que tenemos de optimizar imágenes JPEG y PNG, que son subidas por nuestros clientes y propietarios de sitios en WordPress.

MODIFICAR EL TAMAÑO DE LA IMAGEN

Dentro de nuestros temas existen tamaños preestablecidos para nuestras imágenes, pero muchas veces estos tamaños o no son suficientes o no están acorde con el tema, para ello tenemos una solución, que se basa en la codificación dentro del archivo funtions.php del tema.

WordPress nos presenta tres tamaños predeterminados de imagen: miniatura, medianas y grandes. Cada uno puede tener sus propias dimensiones establecidas.

Para usar un tamaño de imagen predefinido en su tema de WordPress, utilice:

while ( have_posts() ) {

    the_post();

    the_post_thumbnail( ‘thumbnail’ ); // Or ‘medium’, or ‘large’

}

set_post_thumbnail_size ()

Esta línea de código nos permite utilizar tamaños de imágenes adicionales. Con esta línea de código podemos definir tamaños de imágenes para mensajes o paga páginas de desarrollo, etc. Para definir el tamaño principal de la imagen, debe agregar el siguiente código al archivo functions.php de su tema.

add_theme_support( ‘post-thumbnails’ );

set_post_thumbnail_size( 500, 500, true );

while ( have_posts() ) {

    the_post();

    the_post_thumbnail();

}

add_image_size ()

Registra un nuevo tamaño de la imagen. Esto significa WordPress creará una copia de la imagen con las dimensiones especificadas cuando se ha subido una nueva imagen. Para ello vamos a nuestro archivo functions.php, y allí agregamos las líneas de código siguiente si quieres agregar un tamaño especifico para tus post y un tamaño para las demás paginas

add_image_size( ‘post’, 500, 500, true );

add_image_size( ‘page’, 400, 400, true );

while ( have_posts() ) {

    the_post();

    the_post_thumbnail( ‘post’ ); // Or ‘page’

}

COMPRESIÓN DE IMAGEN

Hay dos métodos principales para la compresión de imágenes: con pérdida y sin pérdida

Compresión de imágenes con pérdida

La compresión con pérdida utiliza aproximaciones inexactas, descartando cantidades parciales de datos de la imagen, para producir una imagen que tiene un tamaño de archivo menor, manteniendo la imagen original de la mejor manera posible, la calidad de la imagen puede sufrir, por lo que es importante encontrar el equilibrio adecuado entre calidad y tiempo de carga.

Compresión de imagen sin pérdida

La compresión sin pérdida permite descarte parcial y la compresión de datos de imagen, sin pérdida de calidad de imagen. La desventaja es que no suele proporcionar ninguna mejora tamaño del archivo de imágenes más complejas, como fotografías.

Compresión de imagen: Soluciones con Plugin

Hay unos cuantos plugins de WordPress que proporcionan la compresión automática de la imagen:

EWWW Image Optimizer: Este plugin nos ofrece una comprensión sin perdida puede usar una variedad de formatos JPEG, PNG y GIF. Por defecto, el plugin proporcionará compresión sin pérdida de nuestras imágenes, sin necesidad de configuración adicional requerida.

Compress JPEG & PNG Images

Además de proporcionar un servicio de compresión de imágenes basado en web, TinyPNG también proporcionan un plugin de WordPress para proporcionar automáticamente la compresión con pérdida de JPEG y PNG. Los primeros 500 compresiones de imagen por mes son gratis. Después de eso, cuesta $ 0,009 por compresión de imágenes.

CONTENT DELIVERY NETWORKS (CDN)

Otra opción para optimizar una imagen es utilizar un CDN que se puede definir como es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes por la red. Debido a las ubicaciones geográficas de las CDN, la mayoría detecta país del visitante, y tratar de entregar el texto, imágenes, CSS y Javascript desde el centro de datos más cercano disponible. Esto ayuda a reducir los tiempos de respuesta y los tiempos de carga de la página, así como la reducción del ancho de banda del servidor y la carga en el servidor.

Curso Gratis de WP

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Abrir chat
Hosting 1 año $24.95
¿Podemos Ayudarte?