{"id":37576,"date":"2013-11-07T15:55:55","date_gmt":"2013-11-07T14:55:55","guid":{"rendered":"https:\/\/promocionalia.es\/web\/2013\/11\/07\/optimizar-una-imagen-para-la-web\/"},"modified":"2024-05-07T18:24:51","modified_gmt":"2024-05-07T16:24:51","slug":"optimizar-una-imagen-para-la-web","status":"publish","type":"post","link":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/","title":{"rendered":"Optimizar una imagen para la web"},"content":{"rendered":"<p>Videotutorial que nos ense\u00f1a a optimizar una imagen para subirla a nuestra p\u00e1gina web.<br \/>Este v\u00eddeo forma parte de una serie de videotutoriales HOWTO (c\u00f3mo se hace) que estamos realizando en DesarrolloWeb.com enfocados a los principiantes en el mundo del desarrollo de p\u00e1ginas web y los usuarios de sistemas Windows en general.<br \/>Como todos sabemos es importantisimo el peso de las im\u00e1genes que vayamos a subir a nuestra web. A mayor peso m\u00e1s lento es el proceso de carga de nuestra p\u00e1gina.<br \/>Por ello es importante optimizar al m\u00e1ximo nuestras im\u00e1genes antes de subirlas.<\/p>\n<p>En Desarrolloweb.com ya tenemos art\u00edculos que nos cuentan como realizarlo, por ejemplo \u00abFormatos gr\u00e1ficos para p\u00e1ginas web\u00bb, o videotutoriales sobre Formatos gr\u00e1ficos para p\u00e1ginas web, pero hemos querido hacer algo pr\u00e1ctico y r\u00e1pido para la gente que este empezando en este mundo del desarrollo web.<\/p>\n<p>En este video vamos a ver como, mediante photoshop, podemos redimensionar y cambiar la calidad y el peso de las im\u00e1genes, as\u00ed como seleccionar el formato de imagen m\u00e1s adecuado en cada situaci\u00f3n.<\/p>\n<p>Es un video r\u00e1pido pero muy pr\u00e1ctico y que nos ense\u00f1a a utilizar un poquito la herramienta Adobe Photoshop.<\/p>\n<p>&nbsp;<\/p>\n<p>{youtube}<a href=\"http:\/\/www.youtube.com\/watch?v=IPNMF9ffDGE\">http:\/\/www.youtube.com\/watch?v=IPNMF9ffDGE<\/a>{\/youtube}<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Fuente: <a href=\"http:\/\/www.desarrolloweb.com\/articulos\/video-como-optimizar-imagen.html\">http:\/\/www.desarrolloweb.com\/articulos\/video-como-optimizar-imagen.html<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"position: absolute; left: -40px; top: -25px; width: 1px; height: 1px; overflow: hidden;\" data-mce-bogus=\"1\" class=\"mcePaste\" id=\"_mcePaste\">\n<div class=\"breve_descripcion col_1 mb\" style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 20px; vertical-align: baseline; background-color: #ffffff; display: inline-block; float: left; width: 901.640625px; line-height: 1.35em; color: #313131; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial;\"><b style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 20px; vertical-align: baseline; background-color: transparent; font-weight: bold; background-position: initial initial; background-repeat: initial initial;\">Videotutorial que nos ense\u00f1a a optimizar una imagen para subirla a nuestra p\u00e1gina web.<\/b><\/div>\n<div style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 16px; vertical-align: baseline; background-color: #ffffff; color: #313131; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 25.59375px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial;\">Este v\u00eddeo forma parte de una serie de videotutoriales HOWTO (c\u00f3mo se hace) que estamos realizando en DesarrolloWeb.com enfocados a los principiantes en el mundo del desarrollo de p\u00e1ginas web y los usuarios de sistemas Windows en general. <\/p>\n<p style=\"box-sizing: border-box; margin: 0px 0px 1.6em; padding: 0px; border: 0px; outline: 0px; font-size: 1.6rem; vertical-align: baseline; background-color: transparent; line-height: 1.6em; background-position: initial initial; background-repeat: initial initial;\">Como todos sabemos es importantisimo el peso de las im\u00e1genes que vayamos a subir a nuestra web. A mayor peso m\u00e1s lento es el proceso de carga de nuestra p\u00e1gina.<span class=\"Apple-converted-space\">&nbsp;<\/span><br style=\"box-sizing: border-box;\" \/>Por ello es importante optimizar al m\u00e1ximo nuestras im\u00e1genes antes de subirlas.<\/p>\n<p style=\"box-sizing: border-box; margin: 0px 0px 1.6em; padding: 0px; border: 0px; outline: 0px; font-size: 1.6rem; vertical-align: baseline; background-color: transparent; line-height: 1.6em; background-position: initial initial; background-repeat: initial initial;\">En Desarrolloweb.com ya tenemos art\u00edculos que nos cuentan como realizarlo, por ejemplo<span class=\"Apple-converted-space\">&nbsp;<\/span><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/19.php\" style=\"box-sizing: border-box; text-decoration: none; color: #0066ee; display: inline-block; outline: 0px;\">\u0093Formatos gr\u00e1ficos para p\u00e1ginas web\u0094<\/a>, o videotutoriales sobre<span class=\"Apple-converted-space\">&nbsp;<\/span><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/video-formatos-graficos.html\" style=\"box-sizing: border-box; text-decoration: none; color: #0066ee; display: inline-block; outline: 0px;\">Formatos gr\u00e1ficos para p\u00e1ginas web<\/a>, pero hemos querido hacer algo pr\u00e1ctico y r\u00e1pido para la gente que este empezando en este mundo del desarrollo web.<\/p>\n<p style=\"box-sizing: border-box; margin: 0px 0px 1.6em; padding: 0px; border: 0px; outline: 0px; font-size: 1.6rem; vertical-align: baseline; background-color: transparent; line-height: 1.6em; background-position: initial initial; background-repeat: initial initial;\">En este video vamos a ver como, mediante<span class=\"Apple-converted-space\">&nbsp;<\/span><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/330.php\" style=\"box-sizing: border-box; text-decoration: none; color: #0066ee; display: inline-block; outline: 0px;\">photoshop<\/a>, podemos redimensionar y cambiar la calidad y el peso de las im\u00e1genes, as\u00ed como seleccionar el<span class=\"Apple-converted-space\">&nbsp;<\/span><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/formatos-imagen.html\" style=\"box-sizing: border-box; text-decoration: none; color: #0066ee; display: inline-block; outline: 0px;\">formato de imagen<\/a><span class=\"Apple-converted-space\">&nbsp;<\/span>m\u00e1s adecuado en cada situaci\u00f3n.<\/p>\n<p style=\"box-sizing: border-box; margin: 0px 0px 1.6em; padding: 0px; border: 0px; outline: 0px; font-size: 1.6rem; vertical-align: baseline; background-color: transparent; line-height: 1.6em; background-position: initial initial; background-repeat: initial initial;\">Es un video r\u00e1pido pero muy pr\u00e1ctico y que nos ense\u00f1a a utilizar un poquito la herramienta Adobe Photoshop.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Videotutorial que nos ense\u00f1a a optimizar una imagen para subirla a nuestra p\u00e1gina web.Este v\u00eddeo&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-37576","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Optimizar una imagen para la web - PROMOCIONALIA<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimizar una imagen para la web - PROMOCIONALIA\" \/>\n<meta property=\"og:description\" content=\"Videotutorial que nos ense\u00f1a a optimizar una imagen para subirla a nuestra p\u00e1gina web.Este v\u00eddeo&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/\" \/>\n<meta property=\"og:site_name\" content=\"PROMOCIONALIA\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-07T14:55:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T16:24:51+00:00\" \/>\n<meta name=\"author\" content=\"editor Web\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"editor Web\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/\"},\"author\":{\"name\":\"editor Web\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/person\\\/178e232c6192997d47707c6f0c4ef5ab\"},\"headline\":\"Optimizar una imagen para la web\",\"datePublished\":\"2013-11-07T14:55:55+00:00\",\"dateModified\":\"2024-05-07T16:24:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/\"},\"wordCount\":467,\"publisher\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/\",\"name\":\"Optimizar una imagen para la web - PROMOCIONALIA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#website\"},\"datePublished\":\"2013-11-07T14:55:55+00:00\",\"dateModified\":\"2024-05-07T16:24:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/optimizar-una-imagen-para-la-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimizar una imagen para la web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#website\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/\",\"name\":\"PROMOCIONALIA\",\"description\":\"m\u00e1s que inform\u00e1tica\",\"publisher\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#organization\",\"name\":\"PROMOCIONALIA\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png\",\"contentUrl\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png\",\"width\":350,\"height\":43,\"caption\":\"PROMOCIONALIA\"},\"image\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/person\\\/178e232c6192997d47707c6f0c4ef5ab\",\"name\":\"editor Web\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g\",\"caption\":\"editor Web\"},\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/author\\\/editor\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimizar una imagen para la web - PROMOCIONALIA","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Optimizar una imagen para la web - PROMOCIONALIA","og_description":"Videotutorial que nos ense\u00f1a a optimizar una imagen para subirla a nuestra p\u00e1gina web.Este v\u00eddeo&hellip;","og_url":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/","og_site_name":"PROMOCIONALIA","article_published_time":"2013-11-07T14:55:55+00:00","article_modified_time":"2024-05-07T16:24:51+00:00","author":"editor Web","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"editor Web","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/#article","isPartOf":{"@id":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/"},"author":{"name":"editor Web","@id":"https:\/\/promocionalia.es\/web\/#\/schema\/person\/178e232c6192997d47707c6f0c4ef5ab"},"headline":"Optimizar una imagen para la web","datePublished":"2013-11-07T14:55:55+00:00","dateModified":"2024-05-07T16:24:51+00:00","mainEntityOfPage":{"@id":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/"},"wordCount":467,"publisher":{"@id":"https:\/\/promocionalia.es\/web\/#organization"},"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/","url":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/","name":"Optimizar una imagen para la web - PROMOCIONALIA","isPartOf":{"@id":"https:\/\/promocionalia.es\/web\/#website"},"datePublished":"2013-11-07T14:55:55+00:00","dateModified":"2024-05-07T16:24:51+00:00","breadcrumb":{"@id":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/promocionalia.es\/web\/optimizar-una-imagen-para-la-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/promocionalia.es\/web\/"},{"@type":"ListItem","position":2,"name":"Optimizar una imagen para la web"}]},{"@type":"WebSite","@id":"https:\/\/promocionalia.es\/web\/#website","url":"https:\/\/promocionalia.es\/web\/","name":"PROMOCIONALIA","description":"m\u00e1s que inform\u00e1tica","publisher":{"@id":"https:\/\/promocionalia.es\/web\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/promocionalia.es\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/promocionalia.es\/web\/#organization","name":"PROMOCIONALIA","url":"https:\/\/promocionalia.es\/web\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/promocionalia.es\/web\/#\/schema\/logo\/image\/","url":"https:\/\/promocionalia.es\/web\/wp-content\/uploads\/2023\/08\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png","contentUrl":"https:\/\/promocionalia.es\/web\/wp-content\/uploads\/2023\/08\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png","width":350,"height":43,"caption":"PROMOCIONALIA"},"image":{"@id":"https:\/\/promocionalia.es\/web\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/promocionalia.es\/web\/#\/schema\/person\/178e232c6192997d47707c6f0c4ef5ab","name":"editor Web","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g","caption":"editor Web"},"url":"https:\/\/promocionalia.es\/web\/author\/editor\/"}]}},"_links":{"self":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/posts\/37576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/comments?post=37576"}],"version-history":[{"count":0,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/posts\/37576\/revisions"}],"wp:attachment":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/media?parent=37576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/categories?post=37576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/tags?post=37576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}