{"id":23086,"date":"2018-12-21T23:07:34","date_gmt":"2018-12-21T23:07:34","guid":{"rendered":"https:\/\/codewebbarcelona.com\/imagenes-animadas-o-ambient-gifs-2\/"},"modified":"2026-04-20T23:16:09","modified_gmt":"2026-04-20T23:16:09","slug":"animated-images-or-ambient-gifs-2","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/","title":{"rendered":"Animated Images or Ambient GIFs #2"},"content":{"rendered":"<p>Well, well, well&#8230; Here we are again. The second installment. Part two of the animated images series. Ambient gifs. The perfect way to wrap up the week\u2014just in time for Santa and the Three Wise Men to arrive.<\/p>\n<p>Lately, it\u2019s been tough to find time for the blog\u2014spending all day on web design will do that to you&#8230; But I finally managed to carve out a moment to share some seriously cool content with you all.<\/p>\n<p>If you missed the first post, here\u2019s a link to the original article on the same topic.<\/p>\n<p>Here it goes: <a href=\"https:\/\/codewebbarcelona.com\/blog\/imagenes-animadas-o-ambient-gifs\/\">Animated Images or Ambient Gifs #1<\/a><\/p>\n<p>I decided to split these posts into several parts because the images are a bit heavy\u2014and, let\u2019s be honest, to keep you coming back for more.<\/p>\n<p>Personally, these remind me a lot of classic video game animations. There\u2019s something oddly soothing about watching them.<\/p>\n<p>As usual, I\u2019m rambling a bit before getting to the good stuff. Enough talk\u2014let\u2019s dive in.<\/p>\n<h2>Ambient gifs and animated images to lift your spirits<\/h2>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2316\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-42.gif\" alt=\"\" width=\"1024\" height=\"535\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2315\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-41.gif\" alt=\"\" width=\"903\" height=\"507\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2314\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-40.gif\" alt=\"\" width=\"500\" height=\"600\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2313\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-39.gif\" alt=\"\" width=\"891\" height=\"418\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2312\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-38.gif\" alt=\"\" width=\"499\" height=\"477\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2311\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-37.gif\" alt=\"\" width=\"768\" height=\"256\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2310\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-36.gif\" alt=\"\" width=\"500\" height=\"250\" \/><\/p>\n<p>&#8220;Using [Campfire Level 5] grants the hero +10 vitality for 30 minutes&#8221;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2309\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-35.gif\" alt=\"\" width=\"500\" height=\"600\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2308\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-34.gif\" alt=\"\" width=\"616\" height=\"338\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2307\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-33.gif\" alt=\"\" width=\"499\" height=\"477\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2306\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-32.gif\" alt=\"\" width=\"500\" height=\"475\" \/><\/p>\n<p>Is this Rivendell, Elrond\u2019s house?<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2305\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-31.gif\" alt=\"\" width=\"498\" height=\"477\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2304\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-30.gif\" alt=\"\" width=\"360\" height=\"640\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2302\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-29.gif\" alt=\"\" width=\"500\" height=\"475\" \/><\/p>\n<h3>Conclusions<\/h3>\n<p>They\u2019re just awesome. That\u2019s all there is to it.<\/p>\n<p>If you enjoyed these images and they blew your mind (just a little), I don\u2019t know what you\u2019re waiting for\u2014go check out the other post I wrote on the same topic!<\/p>\n<p>Here\u2019s the link: <a href=\"https:\/\/codewebbarcelona.com\/blog\/imagenes-animadas-o-ambient-gifs\/\">Animated Images or Ambient Gifs #1<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Well, well, well&#8230; Here we are again. The second installment. Part two of the animated images series. Ambient gifs. The perfect way to wrap up the week\u2014just in time for Santa and the Three Wise Men to arrive. Lately, it\u2019s been tough to find time for the blog\u2014spending all day on web design will do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1920,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[210,212],"class_list":["post-23086","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiracio","category-altres"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Im\u00e1genes animadas o ambient gifs #2 - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Recopilaci\u00f3n de im\u00e1genes animadas en gif. Una serie de animaciones que te van a dejar flipando en colores. Segunda entrega.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Im\u00e1genes animadas o ambient gifs #2 - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Recopilaci\u00f3n de im\u00e1genes animadas en gif. Una serie de animaciones que te van a dejar flipando en colores. Segunda entrega.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-21T23:07:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T23:16:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"535\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Animated Images or Ambient GIFs #2\",\"datePublished\":\"2018-12-21T23:07:34+00:00\",\"dateModified\":\"2026-04-20T23:16:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\"},\"wordCount\":258,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif\",\"articleSection\":[\"Inspiraci\u00f3\",\"Altres\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\",\"name\":\"Im\u00e1genes animadas o ambient gifs #2 - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif\",\"datePublished\":\"2018-12-21T23:07:34+00:00\",\"dateModified\":\"2026-04-20T23:16:09+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Recopilaci\u00f3n de im\u00e1genes animadas en gif. Una serie de animaciones que te van a dejar flipando en colores. Segunda entrega.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif\",\"width\":1024,\"height\":535},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Im\u00e1genes animadas o ambient gifs #2 - Code Barcelona","description":"Recopilaci\u00f3n de im\u00e1genes animadas en gif. Una serie de animaciones que te van a dejar flipando en colores. Segunda entrega.","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:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/","og_locale":"en_US","og_type":"article","og_title":"Im\u00e1genes animadas o ambient gifs #2 - Code Barcelona","og_description":"Recopilaci\u00f3n de im\u00e1genes animadas en gif. Una serie de animaciones que te van a dejar flipando en colores. Segunda entrega.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/","og_site_name":"Code Barcelona","article_published_time":"2018-12-21T23:07:34+00:00","article_modified_time":"2026-04-20T23:16:09+00:00","og_image":[{"width":1024,"height":535,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif","type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Animated Images or Ambient GIFs #2","datePublished":"2018-12-21T23:07:34+00:00","dateModified":"2026-04-20T23:16:09+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/"},"wordCount":258,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif","articleSection":["Inspiraci\u00f3","Altres"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/","name":"Im\u00e1genes animadas o ambient gifs #2 - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif","datePublished":"2018-12-21T23:07:34+00:00","dateModified":"2026-04-20T23:16:09+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Recopilaci\u00f3n de im\u00e1genes animadas en gif. Una serie de animaciones que te van a dejar flipando en colores. Segunda entrega.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/animated-images-or-ambient-gifs-2\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/imagenes-animadas-o-ambient-gifs-2-featured.gif","width":1024,"height":535},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=23086"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23086\/revisions"}],"predecessor-version":[{"id":23103,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23086\/revisions\/23103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/1920"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=23086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=23086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}