{"id":1023,"date":"2010-12-19T19:26:50","date_gmt":"2010-12-19T17:26:50","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=1023"},"modified":"2020-07-13T11:41:55","modified_gmt":"2020-07-13T10:41:55","slug":"disenar-paginas-web-con-css-sprittes","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes","title":{"rendered":"Dise\u00f1ar p\u00e1ginas web con css sprittes"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1027\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg\" alt=\"\" width=\"551\" height=\"248\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg 551w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite-300x135.jpg 300w\" sizes=\"auto, (max-width: 551px) 85vw, 551px\" \/><\/p>\n<p><strong>\u00bfQue es CSS SPRITE? <\/strong>Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.<\/p>\n<p>La principales ventajas de usar esta t\u00e9cnica son las siguientes:<\/p>\n<ul>\n<li>Reducci\u00f3n de transferencia y recursos del servidor.<\/li>\n<li>Mayor velocidad de la p\u00e1gina web al realizar menos peticiones Http<\/li>\n<\/ul>\n<p>Esta t\u00e9cnica aparece en los a\u00f1os 80 cuando se dise\u00f1aban los juegos en 2 dimensiones, en la actualidad se usan para realizar juegos para m\u00f3viles debido a que necesitan ser muy livianos. Y desde hace unos a\u00f1os a irrumpido en el desarrollo web.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1025\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprites.jpg\" alt=\"\" width=\"475\" height=\"71\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprites.jpg 475w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprites-300x44.jpg 300w\" sizes=\"auto, (max-width: 475px) 85vw, 475px\" \/><\/p>\n<p>En los videojuegos la t\u00e9cnica consiste en crear en una secuencia con todas las im\u00e1genes necesarias para realizar una animaci\u00f3n, en el caso de la web consistir\u00eda en incluir el mayor n\u00famero de im\u00e1genes en un solo archivo, mediante cambios css en el background conseguiremos desplazar la posici\u00f3n de la misma para que se muestre unicamente la parte de imagen que necesitamos.<\/p>\n<p>Un ejemplo muy gr\u00e1fico ser\u00eda Google, si realizamos una b\u00fasqueda y nos deplazamos al pie de p\u00e1gina , en donde figuran los resultados y est\u00e1 la p\u00e1ginaci\u00f3n si guardamos la imagen de fondo (bot\u00f3n derecho del raton sobre la G de Google), podremos ver que todas las im\u00e1genes que usa Google en su web , realmente es solo una.<\/p>\n<p style=\"text-align: center;\">\n<p>El c\u00f3digo b\u00e1sico para comprender la forma de <a  href=\"https:\/\/www.4webs.es\/\">dise\u00f1ar una p\u00e1gina web<\/a> ser\u00eda la siguiente. En una lista por ejemplo primero asignaremos la imagen y le daremos el tama\u00f1o que necesitamos.<br \/>\n#contenedor{<br \/>\nbackground-image: url(&#8216;imagenes\/imagensprite.png&#8217;) no-repeat;<br \/>\nheight: 16px;width:16px;<br \/>\ndisplay:block;<br \/>\npadding-left:5px;<br \/>\n}<br \/>\nY a cada elemento individual le aplicariamos un desplazamiento del fondo para conseguir que se muestre exactamente el trozo que necesitamos:<\/p>\n<p>#contenedor lista1{background-position:0px 0px; }<br \/>\n#contenedor lista2{background-position:-26px 0px;}<br \/>\n#contenedor lista3{background-position: -43px 0px ;}<br \/>\n#contenedor lista4 { background-position : -68px 0px ;}<br \/>\n#contenedor lista5 { background-position :  -94px 0px ;}<\/p>\n<p>Recursos autom\u00e1ticos de CSS Sprites:<\/p>\n<ul>\n<li><a href=\"http:\/\/csssprites.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Css Sprittes<\/a><\/li>\n<\/ul>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.<\/p>\n","protected":false},"author":1,"featured_media":1027,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,3],"tags":[],"class_list":{"0":"post-1023","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-codigos-scripts","8":"category-diseno-web"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1ar p\u00e1ginas web con css sprittes | 4webs.es<\/title>\n<meta name=\"description\" content=\"\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1ar p\u00e1ginas web con css sprittes | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2010-12-19T17:26:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-13T10:41:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"551\" \/>\n\t<meta property=\"og:image:height\" content=\"248\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\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:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Dise\u00f1ar p\u00e1ginas web con css sprittes\",\"datePublished\":\"2010-12-19T17:26:50+00:00\",\"dateModified\":\"2020-07-13T10:41:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes\"},\"wordCount\":398,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/css-sprite.jpg\",\"articleSection\":[\"C\u00f3digos (Scripts)\",\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes\",\"name\":\"Dise\u00f1ar p\u00e1ginas web con css sprittes | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/css-sprite.jpg\",\"datePublished\":\"2010-12-19T17:26:50+00:00\",\"dateModified\":\"2020-07-13T10:41:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/css-sprite.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/css-sprite.jpg\",\"width\":551,\"height\":248},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-con-css-sprittes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1ar p\u00e1ginas web con css sprittes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1ar p\u00e1ginas web con css sprittes | 4webs.es","description":"\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1ar p\u00e1ginas web con css sprittes | 4webs.es","og_description":"\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.","og_url":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2010-12-19T17:26:50+00:00","article_modified_time":"2020-07-13T10:41:55+00:00","og_image":[{"width":551,"height":248,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Dise\u00f1ar p\u00e1ginas web con css sprittes","datePublished":"2010-12-19T17:26:50+00:00","dateModified":"2020-07-13T10:41:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes"},"wordCount":398,"commentCount":1,"image":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg","articleSection":["C\u00f3digos (Scripts)","Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes","url":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes","name":"Dise\u00f1ar p\u00e1ginas web con css sprittes | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg","datePublished":"2010-12-19T17:26:50+00:00","dateModified":"2020-07-13T10:41:55+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"\u00bfQue es CSS SPRITE? Css Sprite es una t\u00e9cnica de maquetaci\u00f3n de p\u00e1ginas web en la que se reduce la carga de im\u00e1genes en la web, no es lo mismo cargar 10 im\u00e1genes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el n\u00famero de peticiones es de solo una, aqu\u00ed radica el potencial de la t\u00e9cnica css sprite.","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/css-sprite.jpg","width":551,"height":248},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-con-css-sprittes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Dise\u00f1ar p\u00e1ginas web con css sprittes"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=1023"}],"version-history":[{"count":9,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1023\/revisions"}],"predecessor-version":[{"id":11504,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1023\/revisions\/11504"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/1027"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=1023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=1023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}