{"id":4450,"date":"2017-10-06T17:22:29","date_gmt":"2017-10-06T15:22:29","guid":{"rendered":"https:\/\/outilstice.com\/?p=4450"},"modified":"2017-10-06T17:24:37","modified_gmt":"2017-10-06T15:24:37","slug":"pictogon-creer-des-images-interactives-facilement","status":"publish","type":"post","link":"https:\/\/outilstice.com\/en\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/","title":{"rendered":"Pictogon. Create interactive images easily"},"content":{"rendered":"<p><strong>Pictogon<\/strong> is a great tool that will allow you to<strong>Easily inject a good dose of interactivity into any image.<\/strong> An online service to discover to create educational resources for your courses in a simple and even fun way.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4451\" src=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg\" alt=\"Pictogon\" width=\"620\" height=\"397\" srcset=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg 730w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon-300x192.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Pictogon <strong>Mapping areas in an image and then being able to make them active when someone passes or clicks with their mouse on it.<\/strong> The inscription is made in two steps three movements and is not particularly intrusive. You can test the service without registering, but you will not be able to save or share your creations.<\/p>\n<p>Pictogon provides you with four examples to get started and practice before you jump into the big bath and create your own image. Only small flaw to my liking you can not upload an image from your computer, you will have to provide an address where the service will retrieve the image.<\/p>\n<p>Once on the screen, you will be able to define one or more areas by surrounding them with points to delimit their contours. You may not be able to do it the first time, it is a blow to take, but then you will see once you get used to it everything is done very quickly. <strong>You can create as many areas as you want.\u00a0<\/strong><\/p>\n<p>For each of them, a editing area will allow you to define all possible interactions. Both when the reader hoveres his mouse over the area and when he clicks on it. It's up to you to choose. You will be able to display a text or a link. You can also play with colors to make bubbles and additions more impactful.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4452\" src=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/image-interactive.jpg\" alt=\"\" width=\"579\" height=\"435\" srcset=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/image-interactive.jpg 579w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/image-interactive-300x225.jpg 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/p>\n<p><strong>Once you have finished creating the linked areas and actions for each of them, all you have to do is save.<\/strong> Pictogon will provide you with a code to insert your interactive image on a site or blog. You will also be able to upload your image in SVG format.<\/p>\n[Tweet \u201cWith Pictogon creating an interactive image on the web becomes a breeze \u2026or almost.\u201d]\n<p>Pictogon allows you to create three interactive images free of charge for unlimited access to the tool, you will have to pay a little bit of EUR 4 per month.<\/p>\n<p>Link: <a title=\"Pictogon\" href=\"https:\/\/pictogon.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>Pictogon<\/strong><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Pictogon is a great tool that will allow you to easily inject a good dose of interactivity into any image. An online service to discover to create educational resources for your...<\/p>","protected":false},"author":1,"featured_media":4451,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[96,64,3],"tags":[31,25],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.4 (Yoast SEO v23.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pictogon. Cr\u00e9er des images interactives facilement &#8211; Les Outils Tice<\/title>\n<meta name=\"description\" content=\"Pictogon est un outil formidable qui va vous permettre d\u2019injecter facilement une bonne dose d\u2019interactivit\u00e9 \u00e0 n\u2019importe quelle image. Un service en ligne\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/outilstice.com\/en\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pictogon. Cr\u00e9er des images interactives facilement\" \/>\n<meta property=\"og:description\" content=\"Pictogon est un outil formidable qui va vous permettre d\u2019injecter facilement une bonne dose d\u2019interactivit\u00e9 \u00e0 n\u2019importe quelle image. Un service en ligne\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outilstice.com\/en\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\" \/>\n<meta property=\"og:site_name\" content=\"Les Outils Tice\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lesoutilsweb\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/lesoutilsweb\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-06T15:22:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-06T15:24:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"730\" \/>\n\t<meta property=\"og:image:height\" content=\"467\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fidel Navamuel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@outilstice\" \/>\n<meta name=\"twitter:site\" content=\"@outilstice\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fidel Navamuel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\"},\"author\":{\"name\":\"Fidel Navamuel\",\"@id\":\"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0\"},\"headline\":\"Pictogon. Cr\u00e9er des images interactives facilement\",\"datePublished\":\"2017-10-06T15:22:29+00:00\",\"dateModified\":\"2017-10-06T15:24:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\"},\"wordCount\":399,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0\"},\"image\":{\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg\",\"keywords\":[\"Cr\u00e9ation\",\"Infographie\"],\"articleSection\":[\"Classe Invers\u00e9e\",\"Multimedia\",\"Utilitaires\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\",\"url\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\",\"name\":\"Pictogon. Cr\u00e9er des images interactives facilement &#8211; Les Outils Tice\",\"isPartOf\":{\"@id\":\"https:\/\/outilstice.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg\",\"datePublished\":\"2017-10-06T15:22:29+00:00\",\"dateModified\":\"2017-10-06T15:24:37+00:00\",\"description\":\"Pictogon est un outil formidable qui va vous permettre d\u2019injecter facilement une bonne dose d\u2019interactivit\u00e9 \u00e0 n\u2019importe quelle image. Un service en ligne\",\"breadcrumb\":{\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage\",\"url\":\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg\",\"contentUrl\":\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg\",\"width\":730,\"height\":467,\"caption\":\"Pictogon\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/outilstice.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Classe Invers\u00e9e\",\"item\":\"https:\/\/outilstice.com\/classe-inversee\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pictogon. Cr\u00e9er des images interactives facilement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/outilstice.com\/#website\",\"url\":\"https:\/\/outilstice.com\/\",\"name\":\"Les Outils Tice\",\"description\":\"L&#039;actualit\u00e9 des outils num\u00e9riques pour l&#039;\u00e9ducation\",\"publisher\":{\"@id\":\"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/outilstice.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0\",\"name\":\"Fidel Navamuel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/outilstice.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/outilstice.com\/wp-content\/uploads\/2014\/11\/fidel.jpg\",\"contentUrl\":\"https:\/\/outilstice.com\/wp-content\/uploads\/2014\/11\/fidel.jpg\",\"width\":570,\"height\":428,\"caption\":\"Fidel Navamuel\"},\"logo\":{\"@id\":\"https:\/\/outilstice.com\/#\/schema\/person\/image\/\"},\"description\":\"Journaliste et responsable des sites \\\"Les Outils du Web\\\". Le r\u00e9seau \\\"Les Outils du Web\\\"regroupe sept sites d'information en ligne autour des nouvelles technologies, de la veille, des outils collaboratifs, des tice, de l'ia et du Web2. Responsable du d\u00e9veloppement de l'\u00e9cole des m\u00e9tiers de l'information \u00e0 Paris. Coop\u00e9rative de formation, l'\u00e9mi est reconnue pour ses formations qui accompagnent la mutation num\u00e9rique au c\u0153ur des m\u00e9tiers et des organisations.\",\"sameAs\":[\"https:\/\/outilstice.com\",\"https:\/\/www.facebook.com\/lesoutilsweb\",\"https:\/\/www.instagram.com\/outilstice\/\",\"http:\/\/fr.linkedin.com\/in\/navamuel\/\",\"http:\/\/www.pinterest.com\/fideln\/\",\"https:\/\/x.com\/outilstice\"],\"gender\":\"homme\",\"jobTitle\":\"Journaliste\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pictogon. Cr\u00e9er des images interactives facilement &#8211; Les Outils Tice","description":"Pictogon est un outil formidable qui va vous permettre d\u2019injecter facilement une bonne dose d\u2019interactivit\u00e9 \u00e0 n\u2019importe quelle image. Un service en ligne","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:\/\/outilstice.com\/en\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/","og_locale":"en_GB","og_type":"article","og_title":"Pictogon. Cr\u00e9er des images interactives facilement","og_description":"Pictogon est un outil formidable qui va vous permettre d\u2019injecter facilement une bonne dose d\u2019interactivit\u00e9 \u00e0 n\u2019importe quelle image. Un service en ligne","og_url":"https:\/\/outilstice.com\/en\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/","og_site_name":"Les Outils Tice","article_publisher":"https:\/\/www.facebook.com\/lesoutilsweb","article_author":"https:\/\/www.facebook.com\/lesoutilsweb","article_published_time":"2017-10-06T15:22:29+00:00","article_modified_time":"2017-10-06T15:24:37+00:00","og_image":[{"width":730,"height":467,"url":"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg","type":"image\/jpeg"}],"author":"Fidel Navamuel","twitter_card":"summary_large_image","twitter_creator":"@outilstice","twitter_site":"@outilstice","twitter_misc":{"Written by":"Fidel Navamuel","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#article","isPartOf":{"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/"},"author":{"name":"Fidel Navamuel","@id":"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0"},"headline":"Pictogon. Cr\u00e9er des images interactives facilement","datePublished":"2017-10-06T15:22:29+00:00","dateModified":"2017-10-06T15:24:37+00:00","mainEntityOfPage":{"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/"},"wordCount":399,"commentCount":0,"publisher":{"@id":"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0"},"image":{"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage"},"thumbnailUrl":"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg","keywords":["Cr\u00e9ation","Infographie"],"articleSection":["Classe Invers\u00e9e","Multimedia","Utilitaires"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/","url":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/","name":"Pictogon. Cr\u00e9er des images interactives facilement &#8211; Les Outils Tice","isPartOf":{"@id":"https:\/\/outilstice.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage"},"image":{"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage"},"thumbnailUrl":"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg","datePublished":"2017-10-06T15:22:29+00:00","dateModified":"2017-10-06T15:24:37+00:00","description":"Pictogon est un outil formidable qui va vous permettre d\u2019injecter facilement une bonne dose d\u2019interactivit\u00e9 \u00e0 n\u2019importe quelle image. Un service en ligne","breadcrumb":{"@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#primaryimage","url":"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg","contentUrl":"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/10\/Pictogon.jpg","width":730,"height":467,"caption":"Pictogon"},{"@type":"BreadcrumbList","@id":"https:\/\/outilstice.com\/2017\/10\/pictogon-creer-des-images-interactives-facilement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/outilstice.com\/"},{"@type":"ListItem","position":2,"name":"Classe Invers\u00e9e","item":"https:\/\/outilstice.com\/classe-inversee\/"},{"@type":"ListItem","position":3,"name":"Pictogon. Cr\u00e9er des images interactives facilement"}]},{"@type":"WebSite","@id":"https:\/\/outilstice.com\/#website","url":"https:\/\/outilstice.com\/","name":"Les Outils Tice","description":"L&#039;actualit\u00e9 des outils num\u00e9riques pour l&#039;\u00e9ducation","publisher":{"@id":"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/outilstice.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/outilstice.com\/#\/schema\/person\/ec4809142ef009f96b5af2c906a48cd0","name":"Fidel Navamuel","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/outilstice.com\/#\/schema\/person\/image\/","url":"https:\/\/outilstice.com\/wp-content\/uploads\/2014\/11\/fidel.jpg","contentUrl":"https:\/\/outilstice.com\/wp-content\/uploads\/2014\/11\/fidel.jpg","width":570,"height":428,"caption":"Fidel Navamuel"},"logo":{"@id":"https:\/\/outilstice.com\/#\/schema\/person\/image\/"},"description":"Journaliste et responsable des sites \"Les Outils du Web\". Le r\u00e9seau \"Les Outils du Web\"regroupe sept sites d'information en ligne autour des nouvelles technologies, de la veille, des outils collaboratifs, des tice, de l'ia et du Web2. Responsable du d\u00e9veloppement de l'\u00e9cole des m\u00e9tiers de l'information \u00e0 Paris. Coop\u00e9rative de formation, l'\u00e9mi est reconnue pour ses formations qui accompagnent la mutation num\u00e9rique au c\u0153ur des m\u00e9tiers et des organisations.","sameAs":["https:\/\/outilstice.com","https:\/\/www.facebook.com\/lesoutilsweb","https:\/\/www.instagram.com\/outilstice\/","http:\/\/fr.linkedin.com\/in\/navamuel\/","http:\/\/www.pinterest.com\/fideln\/","https:\/\/x.com\/outilstice"],"gender":"homme","jobTitle":"Journaliste"}]}},"modified_by":"Fidel Navamuel","_links":{"self":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts\/4450"}],"collection":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/comments?post=4450"}],"version-history":[{"count":0,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts\/4450\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/media\/4451"}],"wp:attachment":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/media?parent=4450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/categories?post=4450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/tags?post=4450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}