{"id":483,"date":"2022-02-26T08:37:42","date_gmt":"2022-02-26T07:37:42","guid":{"rendered":"https:\/\/wp.catedu.es\/zgzsur\/?p=483"},"modified":"2022-02-26T08:38:52","modified_gmt":"2022-02-26T07:38:52","slug":"how-to-guardar-imagenes-para-tu-web","status":"publish","type":"post","link":"https:\/\/wp.catedu.es\/zgzsur\/how-to-guardar-imagenes-para-tu-web\/","title":{"rendered":"HOW TO&#8230; guardar im\u00e1genes para tu web."},"content":{"rendered":"\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=cpizaragozasur\" class=\"twitter-share-button\" data-size=\"large\">Twittear<\/a><\/div>\n<p>Hola a todos:<\/p>\n<p>Seguro que cuando est\u00e1is navegando por internet, encontr\u00e1is im\u00e1genes que dese\u00e1is utilizar en vuestro blog, im\u00e1genes que quer\u00e9is guardar o im\u00e1genes que os parecen interesantes por uno u otro motivo y que quer\u00e9is utilizar en vuestro site.<\/p>\n<p>El problema (por llamarlo de alg\u00fan modo) viene a la hora de descargar la imagen, momento en el que os pod\u00e9is encontrar con varios problemas, desde el &#8220;como lo descargo&#8221;, pasando por el &#8220;en que formato lo hago para que no me ocupe mucho espacio&#8221; hasta llegar al &#8220;pues no hay manera, as\u00ed que hago captura y chisp\u00fan&#8221;.<\/p>\n<p>Pues bien, para solucionar este y otros problemas, se ha creado un plugin llamado &#8220;SAVE IMAGE AS&#8221; y que pod\u00e9is a\u00f1adir como extensi\u00f3n a los m\u00e1s distintos navegadores (recomiendo Chrome y FF) y que tras activarlo os permitir\u00e1 guardar esas im\u00e1genes en los mejores formatos para web.<\/p>\n<p>&nbsp;<\/p>\n<p>Y aqu\u00ed entra el \u00bfCU\u00c1L ES EL MEJOR FORMATO PARA WEB?<\/p>\n<p>Pues solo hay una respuesta:\u00a0\u00a0\u00a0 .webp<\/p>\n<p>Para empezar, <strong>este formato nace el 30 de septiembre de 2010 de la mano de Google<\/strong> . La <strong>raz\u00f3n<\/strong> por la que surge tiene que ver con la compresi\u00f3n de las\u00a0im\u00e1genes: <strong>el formato webP permite mostrar la misma calidad que JPEG sin p\u00e9rdidas de gr\u00e1ficos en 24 bits<\/strong>.<\/p>\n<p>As\u00ed que, <strong>se trata de un formato de imagen que se centra en la compresi\u00f3n sin p\u00e9rdida<\/strong>. El problema que tiene es que<strong> Chrome s\u00ed lo soporta nativamente<\/strong>, pero otros navegadores est\u00e1n trabajando para implementarlo tambi\u00e9n.<\/p>\n<h2><span id=\"%C2%BFPara_que_sirve\" class=\"ez-toc-section\"><\/span>\u00bfPara qu\u00e9 sirve?<\/h2>\n<p>De esta manera, <strong>nace para reducir el peso de las im\u00e1genes en internet<\/strong>. Dicha compresi\u00f3n <strong>supone un 30% menos de tama\u00f1o que una imagen PNG o JPG<\/strong>,<strong> sin p\u00e9rdidas<\/strong> de calidad. Por tanto, alguna vez habr\u00e9is querido guardar una imagen de Google Im\u00e1genes, almacen\u00e1ndola en formato webP.<\/p>\n<p>Toda esta<strong> comprensi\u00f3n sin p\u00e9rdida se apoya en el c\u00f3dec VP8<\/strong>, un formato de v\u00eddeo <strong>desarrollado por ON2 Technologies<\/strong>. Se trata de un m\u00e9todo que utiliza bloques para calcular fotogramas (fps). Cada fotograma se divide en macrobloques, lugar en el que el c\u00f3dec predice la informaci\u00f3n sobre la imagen y la sustrae del bloque.<\/p>\n<p>Dicho esto, cabe mencionar que <strong>el archivo webp tambi\u00e9n est\u00e1 ideado para im\u00e1genes animadas<\/strong> (GIF). De hecho, <strong>tiene una profundidad de color de 24 bits y un canal de 8 bits<\/strong>, adem\u00e1s de una gran compresi\u00f3n. Al igual que ocurre con las im\u00e1genes normales, este formato permite la comprensi\u00f3n con p\u00e9rdida y sin p\u00e9rdidas.<\/p>\n<p>&nbsp;<\/p>\n<p>Problema?&#8230; pues como todo, que al descargar im\u00e1genes de la web puede que esten en formato .jpg, .png, gif, &#8230;. o software no lo reconozca, pero eso PARA OTRO POST.<\/p>\n<p>&nbsp;<\/p>\n<form name=\"s2form\" method=\"post\"><input type=\"hidden\" name=\"ip\" value=\"172.27.42.6\" \/><span style=\"display:none !important\"><label for=\"firstname\">Leave This Blank:<\/label><input type=\"text\" id=\"firstname\" name=\"firstname\" \/><label for=\"lastname\">Leave This Blank Too:<\/label><input type=\"text\" id=\"lastname\" name=\"lastname\" \/><label for=\"uri\">Do Not Change This:<\/label><input type=\"text\" id=\"uri\" name=\"uri\" value=\"http:\/\/\" \/><\/span><p><label for=\"s2email\">Tu correo electr\u00f3nico:<\/label><br><input type=\"email\" name=\"email\" id=\"s2email\" value=\"Introduce tu direcci\u00f3n de correo electr\u00f3nico...\" size=\"20\" onfocus=\"if (this.value === 'Introduce tu direcci\u00f3n de correo electr\u00f3nico...') {this.value = '';}\" onblur=\"if (this.value === '') {this.value = 'Introduce tu direcci\u00f3n de correo electr\u00f3nico...';}\" \/><\/p><p><input type=\"submit\" name=\"subscribe\" value=\"Suscribirme\" \/>&nbsp;<input type=\"submit\" name=\"unsubscribe\" value=\"Cancelar suscripci\u00f3n\" \/><\/p><\/form>\r\n\n<p>&nbsp;<\/p>\n\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=cpizaragozasur\" class=\"twitter-share-button\" data-size=\"large\">Twittear<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hola a todos: Seguro que cuando est\u00e1is navegando por internet, encontr\u00e1is im\u00e1genes que dese\u00e1is utilizar en vuestro blog, im\u00e1genes que quer\u00e9is guardar o im\u00e1genes que os parecen interesantes por uno&#8230;<\/p>\n","protected":false},"author":355,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[17],"tags":[23,47,34,46,27,36],"class_list":["post-483","post","type-post","status-publish","format-standard","hentry","category-web","tag-webp","tag-diseno-web","tag-formatos-de-imagen","tag-imagen","tag-optimizacion","tag-seo"],"_links":{"self":[{"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/posts\/483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/comments?post=483"}],"version-history":[{"count":2,"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/posts\/483\/revisions"}],"predecessor-version":[{"id":485,"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/posts\/483\/revisions\/485"}],"wp:attachment":[{"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/media?parent=483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/categories?post=483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.catedu.es\/zgzsur\/wp-json\/wp\/v2\/tags?post=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}