{"id":368753,"date":"2023-01-11T13:23:00","date_gmt":"2023-01-11T10:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368753"},"modified":"2023-05-07T15:11:41","modified_gmt":"2023-05-07T12:11:41","slug":"tamanos-de-imagen-de-wordpress-todo-lo-que-necesita-saber","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/tamanos-de-imagen-de-wordpress-todo-lo-que-necesita-saber\/","title":{"rendered":"Tama\u00f1os de imagen de WordPress: todo lo que necesita saber"},"content":{"rendered":"\n<p>Las im\u00e1genes que usa en su sitio web a menudo <strong>hacen que su contenido sea m\u00e1s atractivo y, a menudo, tienen el poder de brindar una perspectiva completamente diferente al tema al<\/strong> que se refieren. Pero, son mucho m\u00e1s que una forma de mantener la atenci\u00f3n de su usuario: juegan un papel muy importante en el SEO de su sitio web, las clasificaciones SERP y, finalmente, pueden afectar sus tasas de conversi\u00f3n.<\/p>\n<p>Para poder disfrutar de todos los beneficios que pueden proporcionar las im\u00e1genes, generalmente debe <a href=\"https:\/\/themewp.inform.click\/es\/optimice-las-imagenes-en-wordpress-para-aumentar-la-velocidad-del-sitio-web\/\" title=\"asegurarse de que su tama\u00f1o sea adecuado\">asegurarse de que su tama\u00f1o sea adecuado<\/a>. En este art\u00edculo, aprender\u00e1 todo lo que necesita saber sobre los tama\u00f1os de imagen de WordPress y c\u00f3mo afecta a su sitio web.<\/p>\n<h2>Explicaci\u00f3n de los tama\u00f1os predeterminados de las im\u00e1genes de WordPress<\/h2>\n<p>Cuando carga una imagen en su biblioteca multimedia de WP, <strong>WordPress genera autom\u00e1ticamente tres versiones adicionales de esa imagen y las almacena por separado<\/strong>. Ver\u00e1 cuatro opciones de imagen: las opciones de <strong>miniatura, mediana, grande y de tama\u00f1o completo<\/strong>. Las primeras tres opciones son los tama\u00f1os de imagen predeterminados de WordPress y la opci\u00f3n de tama\u00f1o completo es en realidad la imagen que carg\u00f3 en su tama\u00f1o original.<\/p>\n<p>La raz\u00f3n por la que WordPress crea estas opciones es que el <strong>tama\u00f1o \u00f3ptimo de una imagen depende de su ubicaci\u00f3n en tu sitio web<\/strong>. Por ejemplo, la resoluci\u00f3n de la imagen en el control deslizante puede ser diferente a la resoluci\u00f3n de la imagen utilizada en la miniatura. Dado que se crean autom\u00e1ticamente diferentes tama\u00f1os, no tiene que ajustar el tama\u00f1o de la imagen manualmente si desea usar la misma imagen en diferentes lugares de su sitio.<\/p>\n<p>Los 4 tama\u00f1os de imagen diferentes en p\u00edxeles:<\/p>\n<ul>\n<li>150 x 150 p\u00edxeles &#8211; Tama\u00f1o de miniatura<\/li>\n<li>m\u00e1ximo 300 x 300 p\u00edxeles \u2013 Tama\u00f1o mediano<\/li>\n<li>m\u00e1ximo 1024 x 1024 p\u00edxeles \u2013 Tama\u00f1o grande<\/li>\n<li>Tama\u00f1o completo: el tama\u00f1o original de la imagen<\/li>\n<\/ul>\n<h2>\u00bfQu\u00e9 sucede si ninguno de los tama\u00f1os de imagen predeterminados se ajusta a sus necesidades?<\/h2>\n<p>Como suele ocurrir en WordPress, la soluci\u00f3n es sencilla. Esto es lo que debe hacer para cargar tama\u00f1os de im\u00e1genes personalizados.<\/p>\n<p>Primero, vaya a su <strong>Panel de administraci\u00f3n de WP<\/strong>. En segundo lugar, haga clic en <strong>Configuraci\u00f3n &gt; Medios<\/strong>. Luego, simplemente ajuste la configuraci\u00f3n de imagen predeterminada en Configuraci\u00f3n de medios y haga clic en Guardar cuando termine.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" alt=\"Tama\u00f1os de imagen de WordPress: todo lo que necesita saber\"><\/a><\/p>\n<p>Si por alguna raz\u00f3n le resulta \u00fatil saber exactamente cu\u00e1ndo carg\u00f3 cada imagen, puede marcar la casilla Organizar mis cargas en carpetas basadas en meses y a\u00f1os que aparece despu\u00e9s de todas las dem\u00e1s opciones, y todas las im\u00e1genes que cargue se organizar\u00e1n cronol\u00f3gicamente.<\/p>\n<h2>\u00bfCu\u00e1l es el mejor tama\u00f1o de imagen que garantiza un rendimiento \u00f3ptimo?<\/h2>\n<p>Seguramente no existe un tama\u00f1o de imagen universal que pueda cubrir todas las necesidades, pero existen reglas que aseguran que sus im\u00e1genes se ver\u00e1n bien en diferentes tama\u00f1os de pantalla. Entonces, <strong>estos son los tama\u00f1os ideales dependiendo de la ubicaci\u00f3n de la imagen en tu sitio web<\/strong> :<\/p>\n<ul>\n<li>1200 x 630 p\u00edxeles: tama\u00f1o de imagen de publicaci\u00f3n de blog<\/li>\n<li>1048 x 250 p\u00edxeles \u2013 tama\u00f1o de la pancarta<\/li>\n<li>1200 x 900 p\u00edxeles \u2013 paisaje<\/li>\n<li>900 x 1200 p\u00edxeles \u2013 retrato<\/li>\n<li>1920 x 1080 p\u00edxeles: tama\u00f1o de la imagen de fondo de WordPress<\/li>\n<li>200 x 100 p\u00edxeles: tama\u00f1o de la imagen del logotipo<\/li>\n<li>150 x 150 p\u00edxeles: tama\u00f1o de imagen en miniatura<\/li>\n<\/ul>\n<h2>\u00bfPor qu\u00e9 deber\u00eda optimizar el tama\u00f1o de sus archivos de imagen?<\/h2>\n<p>Como ya sabe, la velocidad y el rendimiento de su sitio son la base de una experiencia de usuario de calidad. Cualquier cosa que ponga en peligro la velocidad y el rendimiento tarde o temprano afecta muchos aspectos diferentes del \u00e9xito de su sitio. <strong>Cada imagen con un tama\u00f1o de archivo grande afecta la velocidad de su sitio, y no de manera positiva<\/strong>. Eso significa que debe ser absolutamente pr\u00e1ctico: no tiene sentido que sus im\u00e1genes sean m\u00e1s grandes de lo que deben ser. <strong>A excepci\u00f3n de las fotos grandes, el tama\u00f1o de las im\u00e1genes de WordPress no debe ser superior a 150 kb<\/strong>. Pero tampoco hay necesidad de hacerlos m\u00e1s peque\u00f1os de lo necesario, tenga en cuenta que demasiada personalizaci\u00f3n puede afectar la calidad de la foto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" alt=\"Tama\u00f1os de imagen de WordPress: todo lo que necesita saber\"><\/a><\/p>\n<h2>Por qu\u00e9 es importante la compresi\u00f3n de im\u00e1genes<\/h2>\n<p>Una manera f\u00e1cil de mejorar el rendimiento de su sitio web r\u00e1pidamente que no requiere ninguna habilidad o conocimiento especial de su parte es comprimir im\u00e1genes. <strong>La compresi\u00f3n de im\u00e1genes aumenta el rendimiento de su sitio sin afectar la calidad de sus im\u00e1genes de ninguna manera<\/strong>.<\/p>\n<p>Hay una variedad de <strong>herramientas de compresi\u00f3n en l\u00ednea que hacen que comprimir im\u00e1genes sea incre\u00edblemente simple<\/strong>. Es muy recomendable que comprimas cada imagen que subas a tu sitio web.<\/p>\n<h2>Im\u00e1genes de WordPress Responsivas<\/h2>\n<p>WordPress detecta autom\u00e1ticamente el tama\u00f1o de la imagen que subes y la categoriza como peque\u00f1a, mediana o grande. Y como describimos anteriormente, WordPress tambi\u00e9n cambia autom\u00e1ticamente el tama\u00f1o de la imagen, brind\u00e1ndole tres tama\u00f1os de imagen predeterminados para diferentes ubicaciones en su sitio. Cuando se trata de capacidad de respuesta, el proceso tambi\u00e9n est\u00e1 automatizado. WordPress tambi\u00e9n <strong>proporciona compatibilidad con im\u00e1genes receptivas que permite a los navegadores web elegir el tama\u00f1o de imagen \u00f3ptimo seg\u00fan el dispositivo del usuario de forma predeterminada<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" alt=\"Tama\u00f1os de imagen de WordPress: todo lo que necesita saber\"><\/a><\/p>\n<h2>Tipos de archivos de imagen que puede cargar<\/h2>\n<p>Hay cinco tipos diferentes de archivos de imagen que puede cargar en WordPress:<\/p>\n<ul>\n<li>.jpg<\/li>\n<li>.jpeg<\/li>\n<li>.png<\/li>\n<li>.gif<\/li>\n<li>.ico<\/li>\n<\/ul>\n<p>Cargar cualquiera de estos tipos de im\u00e1genes permite insertar los archivos directamente en las \u00e1reas de texto de WP usando el bot\u00f3n Agregar medios. Algunos otros formatos populares como archivos .svg, .bmp o .tiff. no son compatibles oficialmente.<\/p>\n<p>En caso de que intente cargar un tipo de archivo no admitido, recibir\u00e1 una notificaci\u00f3n que dice &quot;Lo sentimos, este tipo de archivo no est\u00e1 permitido por razones de seguridad&quot;.<\/p>\n<h2>C\u00f3mo elegir el formato de imagen adecuado<\/h2>\n<p>Generalmente, <strong>JPEG es la mejor opci\u00f3n para fotos y PNG es la primera opci\u00f3n para gr\u00e1ficos<\/strong>. Describiremos brevemente las principales caracter\u00edsticas de los tres tipos de archivos m\u00e1s utilizados:<\/p>\n<p><strong>JPEG<\/strong>: significa Grupo de expertos fotogr\u00e1ficos conjuntos que ofrece soporte para 16 millones de colores. Tambi\u00e9n es el tama\u00f1o de archivo m\u00e1s peque\u00f1o para fotos y, por lo tanto, garantiza que la imagen se cargue r\u00e1pidamente y parezca m\u00e1s v\u00edvida.<\/p>\n<p><strong>PNG<\/strong>: significa Gr\u00e1fico de red port\u00e1til y es la opci\u00f3n predeterminada para gr\u00e1ficos, logotipos y elementos de sitios web similares. No ofrece soporte para tantos colores, pero permite la transparencia de la imagen.<\/p>\n<p><strong>GIF<\/strong>: significa Graphics Interchange Format y su caracter\u00edstica distintiva es que permite animaciones. Tambi\u00e9n admite 256 colores y transparencia.<\/p>\n<p><strong>SVG<\/strong>: el m\u00e1s utilizado para iconos, favicons y logotipos. Es muy ligero y flexible y, por lo tanto, ideal para elementos de sitios web m\u00e1s peque\u00f1os.<\/p>\n<h2>SEO de im\u00e1genes: \u00bfpuede hacerlo usted mismo?<\/h2>\n<p>Elegir el formato correcto para sus im\u00e1genes es un aspecto importante del SEO de im\u00e1genes que seguramente puede cubrir por s\u00ed mismo. <strong>PNG es recomendable para im\u00e1genes que exigen alta calidad y tama\u00f1os de archivo m\u00e1s grandes, JPG es ideal para im\u00e1genes m\u00e1s peque\u00f1as, ya que utiliza optimizaci\u00f3n con p\u00e9rdida y sin p\u00e9rdida y se puede comprimir a tama\u00f1os m\u00e1s peque\u00f1os, mientras que GIF se basa en compresi\u00f3n sin p\u00e9rdida y es la mejor opci\u00f3n para im\u00e1genes animadas.<\/strong>.<\/p>\n<p>Otra cosa que puede hacer es usar <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-rapidamente-una-leyenda-de-imagen-de-wordpress\/\" title=\"etiquetas de t\u00edtulo precisas y descriptivas para sus im\u00e1genes\">etiquetas de t\u00edtulo precisas y descriptivas para sus im\u00e1genes<\/a>, ya que ayudan a los motores de b\u00fasqueda a comprender de qu\u00e9 se trata su imagen.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/FJ5PKEjfwZU\" frameborder=\"0\"><\/iframe><\/div>\n<p>Una de las formas m\u00e1s pr\u00e1cticas de garantizar la optimizaci\u00f3n de im\u00e1genes es utilizar algunos de los mejores complementos de optimizaci\u00f3n de im\u00e1genes de WordPress que le permiten ajustar todos los aspectos relacionados con la calidad de la imagen y garantizar un rendimiento \u00f3ptimo del sitio web.<\/p>\n<h2>Consejos \u00fatiles para administrar im\u00e1genes de WordPress<\/h2>\n<p>Es posible que haya notado que reemplazar <a href=\"https:\/\/themewp.inform.click\/es\/imagen-destacada-de-wordpress-que-es-y-como-agregarlo\/\" title=\"im\u00e1genes destacadas en WordPress\">im\u00e1genes destacadas en WordPress<\/a> o cualquier otro no es un procedimiento simple y directo. WordPress requiere que realice un cambio en cada p\u00e1gina que contenga la imagen, y eso puede consumir una cantidad significativa de su tiempo. Dado que normalmente necesita realizar este tipo de tareas r\u00e1pidamente, le recomendamos que <a href=\"https:\/\/themewp.inform.click\/es\/como-reemplazar-imagenes-en-wordpress-con-habilitar-el-complemento-de-reemplazo-de-medios\/\" title=\"utilice un complemento para reemplazar im\u00e1genes en WordPress\">utilice un complemento para reemplazar im\u00e1genes en WordPress<\/a> como la forma m\u00e1s r\u00e1pida y sencilla de realizar este tipo de tareas sin poner en peligro el rendimiento de su sitio web.<\/p>\n<p>Las im\u00e1genes son una de las causas m\u00e1s comunes de la velocidad de carga lenta del sitio web. La mejor soluci\u00f3n es cambiar el tama\u00f1o de las im\u00e1genes siempre que sea necesario o disminuir el tama\u00f1o del archivo comprimi\u00e9ndolas. Hay muchas herramientas como el optimizador de <a href=\"https:\/\/ewww.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">im\u00e1genes EWWW<\/a> que lo ayudan a comprimir im\u00e1genes f\u00e1cilmente, o puede <a href=\"https:\/\/themewp.inform.click\/es\/como-cambiar-el-tamano-de-la-imagen-en-photoshop-de-forma-sencilla\/\" title=\"cambiar el tama\u00f1o de las im\u00e1genes en Photoshop\">cambiar el tama\u00f1o de las im\u00e1genes en Photoshop<\/a>.<\/p>\n<p>A menudo tendr\u00e1s la necesidad de pulir tus im\u00e1genes antes de subirlas. Hay muchas cosas que puedes hacer en WordPress para <a href=\"https:\/\/themewp.inform.click\/es\/como-editar-imagenes-en-wordpress-de-forma-rapida\/\" title=\"editar im\u00e1genes por ti mismo\">editar im\u00e1genes por ti mismo<\/a>.<\/p>\n<p>La mejor manera de garantizar la calidad de la imagen si usted no es un fot\u00f3grafo profesional es aprovechar <a href=\"https:\/\/themewp.inform.click\/es\/los-mejores-sitios-web-de-archivo-de-fotos-gratis-y-premium\/\" title=\"los sitios web de almacenamiento de fotograf\u00edas premium y gratuitos\">los sitios web de almacenamiento de fotograf\u00edas premium y gratuitos<\/a>.<\/p>\n<p>Realmente no hay muchas excusas para no tener im\u00e1genes de calidad en tu sitio web. Ahora que conoce todos los aspectos t\u00e9cnicos esenciales sobre los tama\u00f1os de imagen de WordPress, ser\u00e1 mucho m\u00e1s f\u00e1cil garantizar un rendimiento y una velocidad \u00f3ptimos del sitio web. Si tiene alguna pregunta sobre este tema, no dude en comunicarse con nosotros en la secci\u00f3n de comentarios.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda todo lo que necesita saber sobre los tama\u00f1os de imagen de WordPress y c\u00f3mo afecta su sitio web en un solo lugar.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-368753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/368753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=368753"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/368753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=368753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=368753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=368753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}