{"id":263235,"date":"2023-02-13T08:03:00","date_gmt":"2023-02-13T05:03:00","guid":{"rendered":"https:\/\/inform.click\/como-optimizar-imagenes-para-wordpress\/"},"modified":"2023-02-13T08:36:00","modified_gmt":"2023-02-13T05:36:00","slug":"como-optimizar-imagenes-para-wordpress","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/como-optimizar-imagenes-para-wordpress\/","title":{"rendered":"C\u00f3mo optimizar im\u00e1genes para WordPress"},"content":{"rendered":"<p>\n  Si tiene un sitio web o un blog, debe agregarle im\u00e1genes. Agregar im\u00e1genes a su sitio web es vital si desea que su contenido sea m\u00e1s atractivo para los usuarios; a nadie le gusta leer un muro de texto, por lo que las im\u00e1genes ayudan a dividir el contenido escrito y lo hacen m\u00e1s atractivo visualmente para los usuarios.\n<\/p>\n<p>\n  Agregar im\u00e1genes a su sitio tambi\u00e9n puede ayudarlo a mejorar la optimizaci\u00f3n del motor de b\u00fasqueda, aumentar las ventas de su producto o servicio, atraer m\u00e1s tr\u00e1fico a su sitio y m\u00e1s.\n<\/p>\n<p>\n  Pero agregar una tonelada de im\u00e1genes a su sitio puede ralentizarlo.\n<\/p>\n<p>\n  La mayor\u00eda de los usuarios de WordPress simplemente suben sus fotos a su sitio sin optimizarlas primero para la web. Esto da como resultado tener archivos de imagen grandes que ralentizan su sitio web a un paso de tortuga.\n<\/p>\n<p>\n  Seg\u00fan las estad\u00edsticas, solo un retraso de 2 segundos en el tiempo de carga de la p\u00e1gina puede aumentar las tasas de rebote hasta en un 103 %, lo que no es bueno para tu negocio.\n<\/p>\n<p>\n  Por lo tanto, debe optimizar sus im\u00e1genes para la web para acelerar su sitio. Y debe hacerlo sin tener que sacrificar la calidad de sus im\u00e1genes.\n<\/p>\n<p>\n  Aqu\u00ed se explica c\u00f3mo optimizar las im\u00e1genes para WordPress.\n<\/p>\n<h5>\n  \u00bfQu\u00e9 es la optimizaci\u00f3n de im\u00e1genes?<br \/>\n<\/h5>\n<p>\n  En pocas palabras, la optimizaci\u00f3n de im\u00e1genes es el acto de hacer que las im\u00e1genes sean m\u00e1s peque\u00f1as y m\u00e1s accesibles en su sitio web. Este proceso implica manipular el tama\u00f1o de la imagen sin reducir la calidad.\n<\/p>\n<p>\n  No desea que la gente visite su sitio, solo para ver im\u00e1genes estiradas y distorsionadas. Del mismo modo, no desea dejar las im\u00e1genes que agrega en tama\u00f1o completo porque eso podr\u00eda afectar dr\u00e1sticamente sus tiempos de carga.\n<\/p>\n<p>\n  La mejor manera de optimizar sin sacrificar la calidad es mediante el uso de herramientas que le permitan comprimir archivos r\u00e1pida y f\u00e1cilmente en partes m\u00e1s peque\u00f1as y manejables.\n<\/p>\n<p>\n  Ahora, veamos los factores que debe tener en cuenta antes de comenzar.\n<\/p>\n<p>\n  Factores de imagen a considerar\n<\/p>\n<p>\n  Hay varios factores en los que debe pensar durante el proceso de optimizaci\u00f3n. Cada pieza del rompecabezas juega un papel esencial en la creaci\u00f3n de im\u00e1genes n\u00edtidas, limpias y de alta calidad.\n<\/p>\n<p>\n  Las tres partes clave son:\n<\/p>\n<ul>\n<li>Formatos de archivo de imagen\n  <\/li>\n<li>Tama\u00f1o\n  <\/li>\n<li>Compresi\u00f3n\n  <\/li>\n<\/ul>\n<p>\n  Vale la pena se\u00f1alar que los tres elementos funcionan juntos para crear una buena imagen. Si el tama\u00f1o es correcto, pero el formato es incorrecto, podr\u00eda terminar con im\u00e1genes inconexas y rotas.\n<\/p>\n<p>\n  Veamos los factores de optimizaci\u00f3n que mencionamos anteriormente para que pueda ver c\u00f3mo cada uno juega un papel en la creaci\u00f3n de una imagen de sitio web de primer nivel.\n<\/p>\n<h5>\n  Formatos de archivo de imagen<br \/>\n<\/h5>\n<p>\n  La primera parte que discutiremos son los formatos de archivo de imagen. En la mayor\u00eda de los casos, hay tres formatos de archivo que usar\u00e1 en su sitio. Se incluyen los formatos PNG, JPEG y GIF. Cada uno tiene ventajas y desventajas que debe tener en cuenta al optimizar para sus necesidades individuales.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-318347-6383ac8b9b450.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-318347-6383ac8b9b450.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Los archivos PNG no est\u00e1n comprimidos, lo que significa que puede esperar una imagen de alta calidad. Sin embargo, el tama\u00f1o del archivo suele ser mucho mayor que el de los archivos JPEG. Descubrir\u00e1 que este formato es \u00fatil si desea publicar fotos simples o usar una imagen con transparencia.\n<\/p>\n<p>\n  Los archivos JPEG est\u00e1n comprimidos y, por lo tanto, son m\u00e1s peque\u00f1os que los archivos PNG. Si desea una imagen con una tonelada de color, los archivos JPEG son una excelente opci\u00f3n. Pero debe saber que el tama\u00f1o reducido podr\u00eda resultar en una p\u00e9rdida de calidad, dependiendo de c\u00f3mo escale el gr\u00e1fico.\n<\/p>\n<p>\n  Los GIF tambi\u00e9n son \u00fatiles para los sitios web que desean agregar un toque de animaci\u00f3n a su sitio web. Estas im\u00e1genes utilizan un esquema de color limitado con 256 opciones disponibles. La compresi\u00f3n sin p\u00e9rdidas significa que puede cargar un GIF y esperar una calidad constante en todo momento.\n<\/p>\n<h5>\n  Tama\u00f1o de la imagen<br \/>\n<\/h5>\n<p>\n  El tama\u00f1o de la imagen juega un papel importante en el proceso de optimizaci\u00f3n. Si est\u00e1 cargando fotos desde su tel\u00e9fono o c\u00e1mara digital, encontrar\u00e1 que estas im\u00e1genes son enormes. Por lo general, tienen dimensiones que son excelentes para imprimir y enmarcar fotos, pero terribles para el dise\u00f1o de sitios web.\n<\/p>\n<p>\n  No es raro ver im\u00e1genes con una altura y un ancho de 4000 \u00d7 1600 si agrega sus propias fotos. No desea colocar estas fotos directamente en su sitio porque los tiempos de carga y la calidad se ver\u00e1n afectados.\n<\/p>\n<p>\n  En cambio, desea reducir sus im\u00e1genes a alrededor de 650 \u00d7 300, que es significativamente m\u00e1s peque\u00f1a que la imagen predeterminada. Es posible reducir el tama\u00f1o de algunas im\u00e1genes en casi un 90 %, lo que le brinda m\u00e1s libertad al agregar fotos a su sitio web.\n<\/p>\n<h5>\n  Compresi\u00f3n de imagen<br \/>\n<\/h5>\n<p>\n  La forma en que comprime su imagen puede tener un impacto en la calidad general de su trabajo. Hay m\u00faltiples niveles de compresi\u00f3n, pero el objetivo es siempre el mismo: reducir el uso de im\u00e1genes de espacio en su servidor sin afectar la calidad.\n<\/p>\n<p>\n  Dependiendo de los complementos que use, la compresi\u00f3n de im\u00e1genes se produce autom\u00e1ticamente cuando carga un nuevo gr\u00e1fico en su sitio web de WordPress. Tambi\u00e9n hay programas disponibles que le permiten comprimir im\u00e1genes antes de subirlas a su sitio.\n<\/p>\n<h3>\n  Las mejores herramientas para optimizar sus im\u00e1genes<br \/>\n<\/h3>\n<p>\n  Existe una amplia gama de complementos y programas disponibles que puede utilizar para optimizar sus im\u00e1genes. Vamos a ver varias herramientas que puede usar para mejorar la calidad y el tama\u00f1o de sus im\u00e1genes antes de agregarlas a su sitio.\n<\/p>\n<h5>\n  1 adobe photoshop<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\" target=\"_blank\" rel=\"noopener\">Adobe Photoshop<\/a> es una de las formas m\u00e1s populares de optimizar im\u00e1genes que a\u00fan no ha agregado a su sitio. Esta herramienta premium viene con muchas caracter\u00edsticas que facilitan la edici\u00f3n, creaci\u00f3n y optimizaci\u00f3n de fotos.\n<\/p>\n<p>\n  Despu\u00e9s de abrir una imagen en Adobe, puede hacer clic en Archivo &gt;&gt; Guardar en la web para elegir el formato y el tama\u00f1o que desea utilizar. Aseg\u00farese de guardar los cambios como un archivo nuevo para tener una copia de seguridad si la optimizaci\u00f3n no sale seg\u00fan lo planeado.\n<\/p>\n<p>\n  En general, esta herramienta le dar\u00e1 el mayor valor por su dinero, pero hay alternativas disponibles para propietarios de negocios y vendedores con un presupuesto limitado.\n<\/p>\n<h5>\n  2 PNG min\u00fasculos + JPEG min\u00fasculos<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\">Tiny PNG<\/a> y <a href=\"https:\/\/tinyjpg.com\/\" target=\"_blank\" rel=\"noopener\">Tiny JPEG<\/a> son dos excelentes herramientas que puedes usar para comprimir tus im\u00e1genes. Ambos sitios son de uso gratuito y pueden ayudarlo a reducir sus fotos a un tama\u00f1o m\u00e1s manejable antes de agregarlas a su sitio.\n<\/p>\n<p>\n  Nuestra parte favorita de estas herramientas es que son muy f\u00e1ciles de usar. Tiny PNG y Tiny JPEG cuentan con interfaces de arrastrar y soltar, lo que le ahorra tiempo y energ\u00eda.\n<\/p>\n<p>\n  Simplemente arrastre y suelte la imagen que desea comprimir y espere a que aparezca el enlace de descarga. Guarde la nueva descarga y tendr\u00e1 una imagen comprimida nueva y brillante para agregar a su sitio web de WordPress.\n<\/p>\n<h5>\n  3 GIMP<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener\">GIMP<\/a> es una alternativa gratuita que puede usar en lugar de Adobe Photoshop. El problema aqu\u00ed es que este es un software de c\u00f3digo abierto, lo que significa que los cambios pueden ocurrir espor\u00e1dicamente.\n<\/p>\n<p>\n  Adem\u00e1s, el dise\u00f1o no es tan f\u00e1cil de usar como el de Adobe. Sin embargo, si est\u00e1 buscando una alternativa gratuita para la optimizaci\u00f3n de fotos, no puede equivocarse con GIMP.\n<\/p>\n<p>\n  Si desea optimizar im\u00e1genes con GIMP, abra su foto con la herramienta. A continuaci\u00f3n, haga clic en Archivo &gt;&gt; Exportar como y elija el tipo de archivo que desea usar. Una vez que haga su selecci\u00f3n, puede ajustar la compresi\u00f3n y el tama\u00f1o a trav\u00e9s de las opciones en pantalla.\n<\/p>\n<h3>\n  C\u00f3mo optimizar las im\u00e1genes que ya est\u00e1n en su sitio<br \/>\n<\/h3>\n<p>\n  Si ya tiene un sitio web con un mont\u00f3n de im\u00e1genes, llevar\u00eda mucho tiempo eliminar las im\u00e1genes, optimizarlas y volver a cargarlas.\n<\/p>\n<p>\n  Afortunadamente, hay algunas herramientas que puede usar para optimizar sus im\u00e1genes despu\u00e9s de que ya se hayan subido a WordPress.\n<\/p>\n<h5>\n  1 Optimol<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener\">Optimole<\/a> es un complemento de WordPress extremadamente popular que optimiza las im\u00e1genes que ya ha agregado a su sitio web. La gente detr\u00e1s de esta herramienta tambi\u00e9n es responsable de ThemeIsle, un complemento de plantillas y temas de primer nivel.\n<\/p>\n<p>\n  Los puntos destacados incluyen:\n<\/p>\n<ul>\n<li>Totalmente basado en la nube, lo que significa tiempos de carga m\u00e1s r\u00e1pidos\n  <\/li>\n<li>Instalaci\u00f3n y configuraci\u00f3n ultrarr\u00e1pidas\n  <\/li>\n<li>Cambia autom\u00e1ticamente el tama\u00f1o de las im\u00e1genes para adaptarse a todas las pantallas m\u00f3viles y de escritorio.\n  <\/li>\n<li>Rastree y monitoree las estad\u00edsticas de optimizaci\u00f3n\n  <\/li>\n<li>Funciona con creadores de p\u00e1ginas populares, incluidos Elementor, Beaver Builder y el generador de bloques introducido con WordPress 5.0\n  <\/li>\n<\/ul>\n<h5>\n  2 imaginar<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener\">Imagify<\/a> es un complemento de optimizaci\u00f3n de im\u00e1genes del equipo detr\u00e1s de WP Rocket. Esta herramienta es perfecta para las personas que han subido un mont\u00f3n de im\u00e1genes a su sitio pero que no las optimizaron correctamente primero.\n<\/p>\n<p>\n  Tambi\u00e9n hay muchos beneficios excelentes para las personas que planean agregar constantemente nuevas im\u00e1genes a su sitio web.\n<\/p>\n<p>\n  Las caracter\u00edsticas notables incluyen:\n<\/p>\n<ul>\n<li>Establezca un tama\u00f1o de compresi\u00f3n para todas las im\u00e1genes futuras, agregue para una optimizaci\u00f3n r\u00e1pida y autom\u00e1tica\n  <\/li>\n<li>Optimice las im\u00e1genes agregadas previamente a su sitio con un solo clic\n  <\/li>\n<li>La interfaz f\u00e1cil de usar hace que esta herramienta sea perfecta tanto para principiantes como para veteranos de WordPress.\n  <\/li>\n<li>Opci\u00f3n para cambiar el tama\u00f1o de las im\u00e1genes sobre la marcha\n  <\/li>\n<\/ul>\n<h5>\n  3 EWWW Optimizador de im\u00e1genes<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"noopener\">EWWW Image Optimizer<\/a> es un complemento de WordPress de optimizaci\u00f3n asequible. Puede usar esta herramienta para corregir im\u00e1genes existentes, optimizar nuevas fotos y m\u00e1s. Nos gusta esta herramienta porque es f\u00e1cil de usar y puede mejorar r\u00e1pidamente los tiempos de carga del sitio web mientras reduce el valioso espacio de almacenamiento.\n<\/p>\n<p>\n  Los planes van desde $ 5 a $ 15 por mes, seg\u00fan sus necesidades. El plan de $5 viene con suficientes funciones para hacer de este complemento una opci\u00f3n viable para los propietarios de peque\u00f1as empresas. El optimizador de im\u00e1genes EWWW viene con muchas de las funciones que esperar\u00eda, como la capacidad de optimizar im\u00e1genes ya cargadas en su sitio web de WordPress.\n<\/p>\n<h5>\n  Optimizaci\u00f3n de sus im\u00e1genes para SEO<br \/>\n<\/h5>\n<p>\n  El tema final que discutiremos es la optimizaci\u00f3n de sus im\u00e1genes para SEO. Es probable que est\u00e9 al tanto de los beneficios que vienen con las estrategias de marketing orientadas a SEO. Las empresas que se enfocan en SEO ven m\u00e1s participaci\u00f3n, ventas y tr\u00e1fico en su sitio web.\n<\/p>\n<p>\n  Sus cargas visuales son tan cruciales para su clasificaci\u00f3n SEO como su contenido escrito. Google analiza m\u00e1s de 200 factores al clasificar los sitios web, pero queremos centrarnos en algunos que son importantes para optimizar el SEO de im\u00e1genes.\n<\/p>\n<p>\n  Primero, aseg\u00farese de incluir texto alternativo cuando agregue nuevas im\u00e1genes a su sitio. Una vez que agregue una imagen, ver\u00e1 una pantalla similar a la siguiente.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-318347-6383ac8eb897d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-318347-6383ac8eb897d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Los subt\u00edtulos y el texto alternativo tienen la misma funci\u00f3n para sus usuarios, pero son muy diferentes cuando se trata de SEO. El texto alternativo brinda a los rastreadores de Google un contexto adicional sobre las im\u00e1genes que agrega a su sitio. Entonces, si est\u00e1 escribiendo un art\u00edculo sobre collares para perros, incluir texto alternativo debajo de sus im\u00e1genes ayuda a Google a comprender que su sitio, o al menos esa p\u00e1gina, trata sobre perros.\n<\/p>\n<p>\n  Cuanto m\u00e1s contexto tenga Google sobre su sitio web, m\u00e1s posibilidades tendr\u00e1 de llegar a la p\u00e1gina principal para las palabras clave elegidas.\n<\/p>\n<p>\n  Otras <a href=\"https:\/\/inform.click\/es\/19-tecnicas-avanzadas-de-seo-que-duplicaran-tu-trafico-de-busqueda\/\" title=\"mejores pr\u00e1cticas de SEO\">mejores pr\u00e1cticas de SEO<\/a> incluyen muchos de los consejos que hemos mencionado anteriormente. Elegir el tipo de archivo, la compresi\u00f3n y la calidad correctos juegan un papel importante en la forma en que Google percibe su sitio.\n<\/p>\n<p>\n  Los rastreadores tambi\u00e9n toman decisiones en funci\u00f3n de c\u00f3mo los usuarios interact\u00faan con su marca. Por ejemplo, si no est\u00e1 comprimiendo im\u00e1genes, los tiempos de carga aumentar\u00e1n y m\u00e1s consumidores abandonar\u00e1n su p\u00e1gina. Una <a href=\"https:\/\/inform.click\/es\/7-formas-de-estabilizar-su-tasa-de-rebote-de-wordpress\/\" title=\"alta tasa de rebote\">alta tasa de rebote<\/a> env\u00eda se\u00f1ales negativas a Google, lo que puede reducir su clasificaci\u00f3n SEO.\n<\/p>\n<p>\n  Si su objetivo es realmente optimizar sus im\u00e1genes para SEO, es posible que deba retroceder e incluir texto alternativo en im\u00e1genes antiguas que ha agregado a su sitio a lo largo de los a\u00f1os. Si tiene un blog repleto de contenido, conc\u00e9ntrese primero en las p\u00e1ginas de alto tr\u00e1fico.\n<\/p>\n<h4>\n  Pensamientos finales<br \/>\n<\/h4>\n<p>\n  Como puede ver, debe tener en cuenta muchos factores al optimizar las im\u00e1genes para WordPress. Centrarse en im\u00e1genes atractivas y de alta calidad har\u00e1 felices tanto a su audiencia como a Google. El resultado es un sitio web de WordPress con impresionantes tiempos de carga, bellas im\u00e1genes y contenido muy atractivo.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/11\/06\/wordpress-images-optimization\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si tiene un sitio web o un blog, debe agregarle im\u00e1genes. Agregar im\u00e1genes a su sitio web es vital si desea que su contenido sea m\u00e1s atractivo para los usuarios; a nadie le gusta leer un muro de texto, por lo que las im\u00e1genes ayudan a dividir el contenido escrito y lo hacen m\u00e1s atractivo visualmente para los usuarios. Agregar im\u00e1genes a su sitio tambi\u00e9n puede ayudarlo a mejorar la optimizaci\u00f3n del motor de b\u00fasqueda, aumentar las ventas de su producto o servicio, atraer m\u00e1s tr\u00e1fico a su sitio y m\u00e1s. Pero agregar una tonelada de im\u00e1genes a su sitio puede ralentizarlo. La mayor\u00eda de los usuarios de WordPress simplemente&#8230;<\/p>\n","protected":false},"author":1,"featured_media":214706,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[229,60],"tags":[],"class_list":["post-263235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-libros-de-texto","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263235"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263235\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/214706"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}