{"id":80281,"date":"2017-11-08T09:20:19","date_gmt":"2017-11-08T09:20:19","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/bring-your-points-to-life-with-gif-symbols\/"},"modified":"2018-04-09T18:28:36","modified_gmt":"2018-04-09T18:28:36","slug":"bring-your-points-to-life-with-gif-symbols","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols","title":{"rendered":"Bring Your Points to Life with GIF Symbols"},"author":6461,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[23201,26451,34711,24581,31301],"industry":[],"product":[36571,36551],"class_list":["post-80281","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-cartographic-design","tag-cartography","tag-points","tag-smart-mapping","tag-symbology","product-arcgis-enterprise","product-arcgis-online"],"acf":{"short_description":"You can easily transform your maps by using a custom image as your point symbol in ArcGIS Online. But did you know that you can create an...","flexible_content":[{"acf_fc_layout":"content","content":"

You can easily transform your maps by using a custom image as your point symbol in ArcGIS Online. But did you know that you can create animated point symbols using the same technique?<\/p>\n

<\/p>\n

\"\"<\/a><\/p>\n

There are many image formats out there (JPG, PNG, etc), but the one we are interested in for animated symbols is the GIF (Graphics Interchange Format). GIF files support multiple frames, which is why they appear as animated. By spacing out the timing of multiple images, a GIF comes to life, like in the map above showing graffiti incidents in Minneapolis. So how is this done?<\/p>\n

Overall, the process is easy:<\/p>\n

1)\u00a0\u00a0\u00a0\u00a0\u00a0 Find\/create the GIF you want<\/p>\n

2)\u00a0\u00a0\u00a0\u00a0\u00a0 Host the GIF<\/p>\n

3)\u00a0\u00a0\u00a0\u00a0\u00a0 Use it as your point symbol<\/p>\n

\"\"<\/a><\/p>\n

For example, the maps used within the Broken Arrows Story Map<\/a> (seen above) show nuclear weapon accidents by using a point symbol which looks like a detonation. My coworker created this GIF symbol by using Adobe Photoshop. She used the timeline window, where each component of the GIF exists as its own layer. After applying some keyframe manipulations and transformations<\/a>, the GIF and its loop were created using the save for web<\/em> option.<\/p>\n

\"\"<\/a><\/p>\n

Another example, created by yours truly, is this 2017 NFL Wins\/Losses map<\/a> where the football symbol shows the week-by-week wins and losses of each NFL team. Winning teams smile with pride, losing teams cry of shame, and the bye weeks are resting soundly.<\/p>\n

Since I don\u2019t have Photoshop, I created these symbols using PowerPoint. I used basic shapes<\/a>, curves, and ovals to create the\u00a0little football faces. For each emotion, I created two versions of the facial expression, and saved each one as its own image. I then used the free website ezgif<\/a> to transform the two images into a moving animation.<\/p>\n

\"\"<\/a><\/p>\n

The key to creating your own is to make sure the background of each image is transparent, or you end up getting a white box around your final GIF. To avoid this, save each image using the PNG format in order to preserve transparency.<\/p>\n

Once you have your GIF, you’re almost there!\u00a0This blog<\/a>\u00a0explains exactly how to\u00a0use a custom image as a point symbol in your maps, where all you need is the URL of your image. I use\u00a0imgur<\/a>\u00a0to host my GIFs because it is free and easy to use, but there are many others that can also be used, so use your favorite! Some examples include Flickr, Dropbox, Google Photos, TinyPic, and many others.<\/p>\n

Once hosted, use the URL of the image as your point symbol in ArcGIS Online. Make sure the URL contains “.gif” at the end! \"\"<\/a><\/p>\n

Have fun with this technique, but be careful not to create too much movement on the map. You don’t want your map audience to become dizzy! Keep it simple, and use animation to emphasize a particular action or event.<\/p>\n

Happy Mapping!<\/p>\n"}],"authors":[{"ID":6461,"user_firstname":"Lisa","user_lastname":"Berry","nickname":"Lisa Berry","user_nicename":"lisa_berry","display_name":"Lisa Berry","user_email":"LBerry@esri.com","user_url":"","user_registered":"2018-03-02 00:18:23","user_description":"I am a Principal GIS Engineer and ArcGIS Living Atlas Evangelist at Esri. I promote all things Living Atlas, ArcGIS Online, ArcGIS Arcade, Smart Mapping, python, and cartography. I also specialize in socioeconomic and demographic datasets within Living Atlas, and how to visualize them.","user_avatar":""}],"related_articles":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/11\/GIF_Card.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/11\/GIFVIDEO.gif"},"yoast_head":"\nBring Your Points to Life with GIF Symbols<\/title>\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.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bring Your Points to Life with GIF Symbols\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-09T18:28:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\"},\"author\":{\"name\":\"Lisa Berry\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f2255e7fbc5bc8827910ce81e212a2e\"},\"headline\":\"Bring Your Points to Life with GIF Symbols\",\"datePublished\":\"2017-11-08T09:20:19+00:00\",\"dateModified\":\"2018-04-09T18:28:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\"},\"wordCount\":8,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"cartographic design\",\"cartography\",\"points\",\"smart mapping\",\"symbols and symbology\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\",\"name\":\"Bring Your Points to Life with GIF Symbols\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2017-11-08T09:20:19+00:00\",\"dateModified\":\"2018-04-09T18:28:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bring Your Points to Life with GIF Symbols\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f2255e7fbc5bc8827910ce81e212a2e\",\"name\":\"Lisa Berry\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/UC-2024-Plenary-213x200.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/UC-2024-Plenary-213x200.png\",\"caption\":\"Lisa Berry\"},\"description\":\"I am a Principal GIS Engineer and ArcGIS Living Atlas Evangelist at Esri. I promote all things Living Atlas, ArcGIS Online, ArcGIS Arcade, Smart Mapping, python, and cartography. I also specialize in socioeconomic and demographic datasets within Living Atlas, and how to visualize them.\",\"sameAs\":[\"https:\/\/www.instagram.com\/lisaberry_gis\/\",\"lisaberrygis\",\"https:\/\/x.com\/lisaberry_gis\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/lisa_berry\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Bring Your Points to Life with GIF Symbols","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.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols","og_locale":"en_US","og_type":"article","og_title":"Bring Your Points to Life with GIF Symbols","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-04-09T18:28:36+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols"},"author":{"name":"Lisa Berry","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f2255e7fbc5bc8827910ce81e212a2e"},"headline":"Bring Your Points to Life with GIF Symbols","datePublished":"2017-11-08T09:20:19+00:00","dateModified":"2018-04-09T18:28:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["cartographic design","cartography","points","smart mapping","symbols and symbology"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols","name":"Bring Your Points to Life with GIF Symbols","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2017-11-08T09:20:19+00:00","dateModified":"2018-04-09T18:28:36+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/bring-your-points-to-life-with-gif-symbols#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Bring Your Points to Life with GIF Symbols"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f2255e7fbc5bc8827910ce81e212a2e","name":"Lisa Berry","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/UC-2024-Plenary-213x200.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/UC-2024-Plenary-213x200.png","caption":"Lisa Berry"},"description":"I am a Principal GIS Engineer and ArcGIS Living Atlas Evangelist at Esri. I promote all things Living Atlas, ArcGIS Online, ArcGIS Arcade, Smart Mapping, python, and cartography. I also specialize in socioeconomic and demographic datasets within Living Atlas, and how to visualize them.","sameAs":["https:\/\/www.instagram.com\/lisaberry_gis\/","lisaberrygis","https:\/\/x.com\/lisaberry_gis"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/lisa_berry"}]}},"text_date":"November 8, 2017","author_name":"Lisa Berry","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/lisa_berry","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/11\/GIFVIDEO.gif","primary_product":"ArcGIS Online","tag_data":[{"term_id":23201,"name":"cartographic design","slug":"cartographic-design","term_group":0,"term_taxonomy_id":23201,"taxonomy":"post_tag","description":"","parent":0,"count":332,"filter":"raw"},{"term_id":26451,"name":"cartography","slug":"cartography","term_group":0,"term_taxonomy_id":26451,"taxonomy":"post_tag","description":"","parent":0,"count":558,"filter":"raw"},{"term_id":34711,"name":"points","slug":"points","term_group":0,"term_taxonomy_id":34711,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":24581,"name":"smart mapping","slug":"smart-mapping","term_group":0,"term_taxonomy_id":24581,"taxonomy":"post_tag","description":"","parent":0,"count":81,"filter":"raw"},{"term_id":31301,"name":"symbols and symbology","slug":"symbology","term_group":0,"term_taxonomy_id":31301,"taxonomy":"post_tag","description":"","parent":0,"count":194,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2683,"filter":"raw"}],"product_data":[{"term_id":36571,"name":"ArcGIS Enterprise","slug":"arcgis-enterprise","term_group":0,"term_taxonomy_id":36571,"taxonomy":"product","description":"","parent":0,"count":972,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2419,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/80281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/6461"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=80281"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/80281\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=80281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=80281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=80281"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=80281"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=80281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}