Dado que la mitad de los datos que los visitantes necesitan descargar cuando ven su sitio provienen de im\u00e1genes, cualquier optimizaci\u00f3n que realice aqu\u00ed puede tener un gran impacto en el rendimiento de su sitio.<\/p>\n
De hecho, si sus im\u00e1genes no est\u00e1n optimizadas en absoluto, podr\u00e1 reducir el peso de su imagen en un 50-80%<\/strong> siguiendo esta gu\u00eda.<\/p>\n Cuando se trata de optimizaci\u00f3n de im\u00e1genes, existen tres t\u00e9cnicas simples.<\/p>\n La primera y m\u00e1s eficaz forma de optimizar sus im\u00e1genes es comprimirlas.<\/p>\n Haga clic aqu\u00ed para probar ShortPixel usted mismo<\/a><\/p>\n La compresi\u00f3n de im\u00e1genes es el medio principal para optimizar gr\u00e1ficos. Si sigui\u00f3 la gu\u00eda de optimizaci\u00f3n de WP Rocket<\/a>, estar\u00e1 familiarizado con el concepto de minificaci\u00f3n introducido all\u00ed. La compresi\u00f3n de im\u00e1genes no es tan diferente.<\/p>\n Al comprimir una imagen, un algoritmo b\u00e1sicamente reescribe el c\u00f3digo en la imagen para reducir el tama\u00f1o total del archivo. Hay dos tipos principales de compresi\u00f3n.<\/p>\n La compresi\u00f3n sin p\u00e9rdida optimiza sus im\u00e1genes mientras conserva exactamente la misma visualizaci\u00f3n p\u00edxel por p\u00edxel. No hay ninguna raz\u00f3n para omitir la compresi\u00f3n sin p\u00e9rdida porque reduce el tama\u00f1o del archivo y, literalmente, no hace ninguna diferencia visual.<\/p>\n Dicho esto, te recomend\u00e9 que uses compresi\u00f3n con p\u00e9rdida en su lugar.<\/p>\n La compresi\u00f3n con p\u00e9rdida ofrece una optimizaci\u00f3n mucho mayor, pero a expensas de una menor degradaci\u00f3n de la calidad. Sin embargo, esa p\u00e9rdida de calidad es tan peque\u00f1a que a menudo es imperceptible.<\/p>\n La compresi\u00f3n sin p\u00e9rdida es importante para las im\u00e1genes m\u00e9dicas y los dibujos t\u00e9cnicos, pero para las im\u00e1genes que se muestran en un sitio web, la p\u00e9rdida cumple f\u00e1cilmente con nuestros est\u00e1ndares de calidad.<\/p>\n Voy a recomendar el complemento ShortPixel<\/a> para la optimizaci\u00f3n de im\u00e1genes que utilizo aqu\u00ed en Compete Themes. Incluye compresi\u00f3n con p\u00e9rdida y sin p\u00e9rdida m\u00e1s compresi\u00f3n "brillante", que es una especie de opci\u00f3n intermedia.<\/p>\n ShortPixel comprimir\u00e1 autom\u00e1ticamente las im\u00e1genes a medida que las carga en su sitio, lo que puede ser realmente conveniente. Estoy bastante impaciente mientras edito, as\u00ed que prefiero desactivar esta opci\u00f3n y optimizar las im\u00e1genes del men\u00fa Medios m\u00e1s tarde.<\/p>\n La compresi\u00f3n autom\u00e1tica al cargar se puede desactivar<\/p>\n Puede usar una herramienta como TinyPNG<\/a> para comprimir sus im\u00e1genes, pero me resulta m\u00e1s f\u00e1cil subir las im\u00e1genes a mi sitio como siempre y luego optimizarlas con ShortPixel.<\/p>\n Aqu\u00ed es donde ShortPixel<\/a> realmente sobresale.<\/p>\n Si usa una herramienta como TinyPNG para optimizar sus im\u00e1genes, solo optimizar\u00e1 las nuevas im\u00e1genes que cargue en su sitio. \u00bfQu\u00e9 pasa con todas las im\u00e1genes que ya has subido? \u00bfC\u00f3mo los optimizas?<\/p>\n ShortPixel tiene una incre\u00edble opci\u00f3n de optimizaci\u00f3n masiva que se ejecutar\u00e1 en todas sus im\u00e1genes a la vez.<\/p>\n La imagen de arriba se explica por s\u00ed misma, excepto por la parte de "miniaturas m\u00e1s peque\u00f1as". \u00bfPor qu\u00e9 hay 4 veces m\u00e1s miniaturas m\u00e1s peque\u00f1as y qu\u00e9 son?<\/p>\n Es posible que no sepa esto, pero cada vez que carga una imagen en WordPress, autom\u00e1ticamente crea tres tama\u00f1os adicionales (si la imagen es lo suficientemente grande):<\/p>\n Puede ver y editar las dimensiones de estos tama\u00f1os de imagen desde el men\u00fa Configuraci\u00f3n> Medios.<\/p>\n Aqu\u00ed est\u00e1 el problema …<\/p>\n Digamos que comprime una imagen y luego la sube a su sitio. La versi\u00f3n "completa" est\u00e1 totalmente optimizada, pero los tres tama\u00f1os adicionales no. Si inserta la versi\u00f3n "mediana" de la imagen en una publicaci\u00f3n, esa imagen se descomprime. ShortPixel optimizar\u00e1 las im\u00e1genes originales que carg\u00f3 y todos los tama\u00f1os adicionales que crea WordPress.<\/p>\n Obtendr\u00e1 un incre\u00edble aumento de rendimiento solo con la compresi\u00f3n, pero hay dos formas m\u00e1s simples de optimizar a\u00fan m\u00e1s las im\u00e1genes en su sitio.<\/p>\n Supongamos que carga una imagen de 5.000 x 2.500 p\u00edxeles en su sitio. Luego lo inserta en una publicaci\u00f3n donde se muestra a 800 x 400 px. A pesar de que la imagen tiene solo 800 px de ancho en la pantalla del visitante, todav\u00eda tienen que descargar la versi\u00f3n de 5,000 px.<\/p>\n No hace falta decir que una imagen de 5.000 p\u00edxeles de ancho es enorme y probablemente tardar\u00e1 m\u00e1s en cargarse que todos los dem\u00e1s archivos de su sitio combinados.<\/p>\n Hay dos formas de evitarlo.<\/p>\n Como regla general, no suba im\u00e1genes de m\u00e1s de 2000 p\u00edxeles de ancho. Ya sea que use Windows o Mac, tiene un editor de im\u00e1genes simple que puede usar para cambiar r\u00e1pidamente el tama\u00f1o de las im\u00e1genes que son demasiado grandes antes de cargarlas.<\/p>\n Otro consejo es evitar la versi\u00f3n "completa" al insertar una imagen de gran tama\u00f1o en una publicaci\u00f3n. Elija el tama\u00f1o "Grande" en su lugar, que es 1024px por defecto.<\/p>\n Es f\u00e1cil cambiar el tama\u00f1o de las im\u00e1genes antes de subirlas, pero \u00bfqu\u00e9 pasa con las que ya est\u00e1n en su sitio?<\/p>\n ShortPixel<\/a> tiene una configuraci\u00f3n que le permite establecer un ancho y alto m\u00e1ximo para sus im\u00e1genes.<\/p>\n Puede configurar esta opci\u00f3n para que las im\u00e1genes nunca se recorten cuando se cambia de tama\u00f1o. Una vez que haya activado esta configuraci\u00f3n, puede ejecutar el optimizador masivo y ShortPixel cambiar\u00e1 el tama\u00f1o de las im\u00e1genes demasiado grandes que encuentre. Tambi\u00e9n cambiar\u00e1 el tama\u00f1o de las nuevas im\u00e1genes a medida que las suba.<\/p>\n Si ha estado utilizando muchas im\u00e1genes grandes, este podr\u00eda ser el paso m\u00e1s beneficioso para su sitio. Solo hay una t\u00e9cnica de optimizaci\u00f3n m\u00e1s y es la m\u00e1s f\u00e1cil hasta ahora.<\/p>\n Los archivos de imagen pueden contener datos adicionales que no se muestran en la propia imagen, denominados datos EXIF. El EXIF \u200b\u200bpuede ser bastante \u00fatil e incluye informaci\u00f3n como el fabricante de la c\u00e1mara, la fecha y la hora en que se tom\u00f3 la foto e incluso las coordenadas del GPS.<\/p>\n No necesita estos datos adjuntos a las im\u00e1genes que publica en su sitio. Sin mencionar que probablemente sea mejor por razones de privacidad que tus fotos no incluyan coordenadas GPS.<\/p>\n Una vez m\u00e1s, ShortPixel<\/a> maneja esto f\u00e1cilmente por nosotros. Hay una configuraci\u00f3n activada de forma predeterminada que elimina los datos EXIF \u200b\u200bde todas las im\u00e1genes durante el proceso de optimizaci\u00f3n.<\/p>\n En promedio, esto conduce a una reducci\u00f3n adicional del 8.5% en el tama\u00f1o del archivo.<\/p>\n Si no ha optimizado sus im\u00e1genes en absoluto, \u00a1este ser\u00e1 un d\u00eda incre\u00edble para su sitio!<\/p>\n Todo el mundo habla de hosting y optimizaciones de archivos, pero por alguna raz\u00f3n, la optimizaci\u00f3n de im\u00e1genes a menudo se descuida. Eso es una locura porque se pueden obtener enormes ganancias.<\/p>\n Utilizo ShortPixel para manejar todas las pr\u00e1cticas de optimizaci\u00f3n de im\u00e1genes descritas en esta gu\u00eda y la recomiendo para cualquier otra persona que se preocupe por el rendimiento de su sitio de WordPress.<\/p>\n Haga clic aqu\u00ed para probar ShortPixel ahora<\/a><\/p>\n Ahora que est\u00e1 en camino a una biblioteca de medios s\u00faper optimizada, es posible que desee considerar un host premium como WP Engine<\/a> para cargar esas im\u00e1genes a\u00fan m\u00e1s r\u00e1pido. Y deber\u00eda echar un vistazo a la gu\u00eda de WP Rocket,<\/a> especialmente la parte sobre la carga diferida<\/a> para una mayor optimizaci\u00f3n de la imagen.<\/p>\nTres formas de optimizar im\u00e1genes<\/h2>\n
1 Comprime tus im\u00e1genes<\/h3>\n
Compresi\u00f3n sin perdidas<\/h4>\n
Compresi\u00f3n con p\u00e9rdida<\/h4>\n
C\u00f3mo comprimir tus im\u00e1genes<\/h4>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3240ca972.png\")
<\/a><\/p>\n![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32428aed6.png\")
<\/a><\/p>\n\u00bfQu\u00e9 pasa con las im\u00e1genes que ya subiste?<\/h4>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32446974a.png\")
<\/a><\/p>\nOptimizar todos los tama\u00f1os de imagen<\/h4>\n
\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32466e04b.png\")
<\/a><\/p>\n2 Cambiar el tama\u00f1o de sus im\u00e1genes<\/h3>\n
Sube im\u00e1genes m\u00e1s peque\u00f1as<\/h4>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3248c6bb4.png\")
<\/a><\/p>\nCambiar el tama\u00f1o de las im\u00e1genes en su biblioteca multimedia<\/h4>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324ac8d3b.png\")
<\/a><\/p>\n3 Eliminar datos EXIF<\/h3>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324cc2416.png\")
<\/a><\/p>\nIm\u00e1genes m\u00e1s peque\u00f1as = sitios m\u00e1s r\u00e1pidos<\/h2>\n