The Ultimate Guide to WordPress Image Management

El impacto visual es una de las características más importantes cuando se trata de un plan de marketing de contentsEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus impactante. Bienvenido a una nueva serie de publicaciones: la guía definitiva para la gestión de imágenes en WordPress.

It is designed to give you the must-have tools to manage your image assets in WordPress, from technical optimizations, SEO, CDN onboarding, and library management. In this multi-part guide, we will only recommend those methods, tutorials, plugins, and themes that we have tried or are recommended by industry experts.

In addition, we will avoid blindly suggesting plugins that have a high use in the WordPress repository. Rather, we will recommend the ones that are a great fit between value initiative and performance optimization.

You may wonder how we would do it. Over 24,000 downloads of our Total - Responsive Multipurpose WordPress theme on ThemeForest might not be a great indicator.

Well, we have crawled the best blogs from industry leading WordPress hosting companies (like WPEngine and Pagely) and I learned that they learned by serving hundreds of millions of page views from hundreds of high-profile customers. We have compressed all of this information for you into small paragraphs and bullets for your online success. Now let's get started, shall we?

Technical and performance optimization tips for WordPress images

There are quite a few image optimization options available in WordPress that do not poner carga innecesaria en el serverLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en plus web. Veremos algunos de los consejos de optimización de imágenes más comunes que todos should follow along with a few others that are useful on special occasions.

JPG or PNG? Using the correct image format

El primer paso en la optimización de imágenes es un buen comienzo. Comentan que un trabajo bien comenzado está a medio hacer. Ese es precisamente el caso cuando se trata de optimización de imágenes en WordPress. Todo comienza con la elección del formato de imagen adecuado. JPG y PNG son los dos formatos de imagen más comunes utilizados en línea en el content marketingEl Marketing de contenidos es una técnica de Marketing que pretende generar un vínculo con clientes potenciales y clientes existentes sin demostrar intenciones de venta inmediatamente. El objetivo principal del Marketing de contenidos es crear una buena vinculación con los clientes. Además se utiliza para incrementar la popularidad, el desarrollo de la marca, el lanzamiento de nuevos productos y la creación de un fama de experto (Thought-Leadership). Funciones El Marketing plus.

The trick is to understand which format to select for each type of image. Selecting the wrong one causes a monumental increase in image size. These are the rules.

When to use PNG format?

Para imágenes planas, como vectores, ilustraciones, fuentes, logotipos, pancartas, formas, pancartas, etc., cualquier cosa que se cree en un formato vectorial como el formato EPS o Adobe illustratorConcepto de Adobe Illustrator¿Qué es Adobe Illustrator?Adobe Illustrator es un software diseñado para realizar dibujos vectoriales. Es una herramienta que lleva más de 25 años en el mercado y es un programa de referencia dentro del diseño, y es la más utilizada para diseño gráfico, diseño web… etc. Junto con PhotoShop es la principal herramienta del actual Creative Cloud de Adobe y del Creative Suite del pasado.En las sucesivas actualizaciones plus (.AI), use un PNG. Terminará obteniendo una imagen optimizada con una pérdida de calidad casi nula. Si utiliza un JPG para este caso, no comprometerá el tamaño, pero podría quedarse sin calidad. En realidad, a resoluciones más altas, el PNG sería más ligero sin pérdida de calidad. El JPG sufriría.

Take their example. We will create a flat image at 5000px and save it as JPG and PNG.

Flat image
JPG	233 KB
PNG	42 KB

In short, the JPG image was 455% taller than the PNG for the same resolution.

When to use the JPG format?

Para todo lo demás, use un JPG. Cualquier cosa que no sea una imagen plana o vectorial, use JPG. Fotos de personsLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima plus, lugares, cosas, etc. – use JPG. Casi todas las fotos de archivo de esta categoría utilizan JPG. Si utiliza PNG en lugar de un JPG, se encontrará con algunos serious performance issues.

You must be very careful in this case. If you use a JPG instead of a PNG, there will be little or no damage. However, if you use a bloody PNG in the case of a JPG, you create a lot of room for damage. Take a look at this example.

Prepare: I downloaded this image from Shutterstock, weighing around 10.3 MB to a resolution of 6149 × 4562 – esencialmente una foto de archivo de 28MP. A menos que estemos preparando algo como un user informationConcepto de Folleto¿Qué es un Folleto?Un Folleto es un impreso, normalmente en papel, que contiene pocas hojas y que se usa con fines tanto divulgativos como publicitarios. En el campo del marketing se tiene en cuenta como un método de contacto directo y como un elemento sencillo con el que realizar promoción comercial para un producto o una compañía.Dada su simplicidad, permite realizar todo tipo de diseños con los que plus listo para imprimir, no usaremos la resolución completa de la foto en nuestros blogs. Supongamos que tenemos un tamaño de imagen máximo fijo de nuestro BlogEl término blog se usa para describir un diario virtual en Internet. El autor de un blogger puede publicar posts sobre cualquier tema. Los posts suelen estar presente de forma cronológica. El estilo de redacción de un blog suele ser informal y se escribe en primera persona. No obstante, además son posibles otros estilos, por ejemplo en el caso de los periódicos online, en los que la atención se centra plus from 1600px.

To experience: We will resize the source image to 1600px and create four versions - two for PNG format and two for JPG. For each format (JPG / PNG), we will use the (a) recommended compression setting and (b) maximum compression setting.

Results: Here are the results in a good graph for you to follow:

Original image (KB)		10870
Target resolution		1600 px
Format	Configurations	Size (KB)	% Decreasing
JPG	Progressive, Quality = 85	231	98%
	Non-progressive, quality = 85	239	98%
PNG	Compression = 0	5575	49%
	Compression = 6	1852	83%
	Compression = 9	1750	84%

At first glance, you might think that the 84% compression of PNG is good enough versus the 98% achieved in JPG. That's not true at all. If you take a closer look at the sizes of the images, you will see that the PNG is a little over 1.7 MB while the JPG is 0.22 MB. Which means that the PNG is 8 times heavier than JPG version of the same image with the same resolution. In other words, for the same image and resolution, the JPG version is 700% lighter than the PNG.

For the same image and resolution, the JPG version is 700% lighter than the PNG.

As a general guideline, use PNG for flat images and JPG for everything else.

Checklist for uploading stock photos to blogs

Hay toneladas de blogs donde los editores cargan de forma directa la versión de resolución completa de la imagen en sus publicaciones de blog. Aquí hay algunos consejos para subir fotos de archivo a blogs. Utilizo un softwareConcepto de Software¿Qué es el Software y cuál es su función?Un Software es la parte lógica, o más bien el soporte lógico, de cualquier sistema de tipo informático. Sea un PC, un teléfono teléfono celular o inclusive una tablet, es todo aquel programa que se ejecuta en él gracias a la coordinación de la parte física, es decir, el hardware, para llevar adelante alguna tarea concretamente o un recopilatorio de plus sin costes llamado IrfanView que tiene muchas características increíbles. Te ilustraré cada uno.

1. Resize your image

First of all, you need to choose a maximum resolution for all your images on your WordPress site. Any image above that dimension would change in size, unless it is decidedly smaller.

IrfanView have a ConversionConversión es una acción precisa que lleva a cabo un usuario al visitar un portal web. Algunas formas clásica de conversión son, por ejemplo, una compra, una descarga o una suscripción a la newsletter. Un parte del SEO o del Marketing Online es la Optimización de Ratio de Conversión (CRO). En el Marketing de afiliación se usa para la conversión de los editores. Información general Hay diferentes indicadores para medir plus por lotes function (press B after launching the app) that can apply a list of functions to a bunch of images in one go. For our purposes, the functions include resizing, cropping, adding a watermark, etc.

2. Clear EXIF data

The photos that are clicked on a normal camera have many metadataLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan plus - which is nothing more than small (but useful) bits of information about the image. Examples of such information include GPS coordinates of where the image was clicked, ISO settings, camera model, etc.

Unless we are on a photo blog, we generally don't want that information in the image of a blog post. When you batch save or convert images in IrfanView, the EXIF ​​data is usually removed. This helps preserve your privacy, especially your physical location. The size difference for most photos is approximately 200-300KB per image.

3. Save as progressive JPG

A progressive JPG image loads the image layer by layer, which speeds up loading time. Content distribution networks such as KeyCDN have been started converting automatically JPG to JPG progressive to speed up image delivery and make the most of storage.

4. Set the DPI to 72

DPI or dots per inch is a measure of image quality. A high DPI setting is used for media. For the web, a value of 72 is perfect.

Well, summarizing the above, the following are my settings. I run this function once I have compiled all the images for my blog post, before uploading the images to WordPress.

5. Optimize your images

It doesn't matter if you've used JPG or PNG, you need to get the most out of your image. There are many truly amazing online tools that help you get the most out of your images and save one lot from space.

I am talking about services like TinyPNG or TinyJPG which basically optimizes your PNG / JPG images with some advanced algorithms.

To be honest I don't know how the algorithms work, but they do and I have always been able to get a 50-70% decrease no matter how better I save them.

You can also buy the pro version del servicio como un complemento de PhotoshopConcepto de Photoshop¿Qué es Photoshop?Photoshop es el nombre de una más que conocida herramienta de edición de imágenes y fotografía, un programa que se usa en ordenador para retocar fotos y hacer montajes de carácter profesional, aún cuando además alcanzable para usuarios que llevan poco tiempo experimentando en ese terreno.Con la innovación tecnológica de los últimos años, las empresas se han lanzado cada vez más a recurrir a este programa plus por $ 50 USD. Están disponibles las versiones para Windows y Mac. Para mis propósitos, la versión en línea (junto con la Save to dropbox function) works better.

Image optimization plugins in WordPress

So far, we have learned the steps to get started Right. What if you've come across this post now and already have thousands of images uploaded? Well here are some plugins to help you with that:

EWWW Cloud Image Optimizer

This plugin is a fork of the original and very popular Image Optimizer EWWW plug. With over 500,000 downloads, these image optimization plugins allow you to get the most out of your images as they are uploaded to WordPress.

Lo que lo distingue de la competencia es su capacidad para aprovechar al máximo las imágenes existentes en su base de datos, lo que resulta en un gran aumento de rendimiento. Además ahorra importantes costos de ancho de banda, dado que la mayor parte de su tráfico proviene de posts antiguos. Opcionalmente, además puede optar por habilitar la compresión de imágenes con pérdida (que apenas es visible a simple vista) pero puede ahorrar mucho espacio y ancho de banda. En términos de tecnología de optimización, puede utilizar TinyPNG o la APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene plus de TinyJPG para aprovechar al máximo imágenes nuevas y existentes.

But here's the problem. Many hosts (including WPEngine) do not allow the EWWW Image Optimization plug-in as it places a lot of additional load on the server. If you somehow manage to bypass the server's restrictions, you may risk having your account suspended due to policy violations.

This is where the EWWW Cloud Optimizer the complement comes into play. Download all the calculations needed to get the most out of the images to the cloud and basically replace the non-optimized images with the optimized ones. Since virtually zero CPU power is used for compression, there is no additional load on the server. This is valid for all new and existing image conversions on your WordPress site.

Plans and prices: Unsurprisingly, the plugin is free as the developer has to pay the bills for the cloud computing. however, the prices es extremadamente razonable y cuesta $ 9 USD por 3000 optimizaciones de imagen para una subscriptionConcepto de Suscripción¿Qué es una Suscripción?Una Suscripción es un concepto que se usa para definir al procedimiento por el que una persona/consumidor, acepta a recibir información de una empresa o un producto o servicio de forma periódica. Puede ser gratuita o de pago y puede traer consigo todo tipo de ventajas para dicho usuario, que muestra interés por lo que brinda la compañía.Las suscripciones gratuitas, por lo general, consisten en plus prepaga.

The EWWW Cloud Optimizer plugin is beautifully designed. The media scanner tells you how many images you need to get the most out of before making a purchase. Based on your server images, you can buy a relevant prepaid plan.

TinyPNG WordPress Plugin

This is another great image optimization plugin that integrates directly with the TinyPNG / JPG service. New and existing images are automatically uploaded to the WordPress media library. This add-on offers a free plan of 100 image optimizations per month.

Freddy had compiled a list of image optimization plugins a while ago; read it if you want to know more about it.

conclusion

Esto nos lleva al final del primer postConcepto de Post¿Qué es un Post?Un Post es todo aquel contenido, sea post, opinión, noticia u otro género, que un autor publica en un blog. Este puede ser de carácter corporativo o meramente ocioso; pero siempre tiene como meta arrojar información o reflejar una idea, al mismo tiempo de facilitar que los usuarios encuentren la web donde se recoge por medio de de buscadores y demás plataformas online.Generalmente, se han plus de esta serie. En el próximo post, aprenderemos algunos consejos y trucos de optimización de imágenes menos conocidos, como prevenir links directos, conseguir imágenes de servidores remotos y similares. ¿Tiene algunos consejos debajo del starting well category? Let us know in the comments below.