Quel outil utiliser pour vos images interactives ? Ajouter des éléments interactifs à une image permet souvent d’économiser de nombreux paragraphes d’explication et d’exploiter tout le potentiel visuel d’un article. Trois outils en ligne permettent aujourd’hui de créer des images interactives. Si vous n’êtes pas convaincu(e) par l’intérêt pour les journalistes d’utiliser l’image interactive, lisez notre liste des 7 raisons de le faire. ↑1 » Thinglink Thinglink a tout de l’outil idéal. C’est à dire qu’en indiquant l’adresse d’une vidéo Youtube, d’une photo Flickr ou d’une compte Twitter, l’outil embedde automatiquement leur contenu dans son infobulle. Deuxième avantage : la variété des icônes disponibles, qui permet au lecteur de différencier aisément une vidéo d’un lien Amazon ou d’un compte Facebook. Troisième point fort : la facilité d’utilisation. Quatrième atout : la dimension très sociale du service. Voilà ce que cela donne : Des utilisations de Thinglink par France Diplomatie, CNN, le HuffPost ou L’Echo. ↑2 » Stipple [/MàJ] Décevant :
Thinglink : l'outil qui dynamise vos pages web (Tuto vidéo) Bonjour ! Aujourd’hui je voudrais vous parler d’un outil web très bien pensé et simple d’utilisation. En 5 mn, il apportera du dynamisme aux pages de votre site web, en même temps que de l’interaction et une dimension partageable ! J’ai découvert cet outil il y a près d’un an, et j’ai eu l’occasion de le tester sur d’autres sites internet. Cet outil, c’est Thinglink. Dans cet article, je vous propose un tuto vidéo pour apprendre à s’en servir. Thinglink, c’est ça ! Thinglink permet d’ajouter de l’interaction à une simple image, en faisant apparaitre de petites infobulles cliquables. Vos images peuvent parler… Encore + ! Vous voyez le concept ? Vous pouvez insérer des vidéos, des google map, des sons, du texte, des badges de réseaux sociaux, des liens… Sans compter que chaque image dispose d’un code « embed », qui permet à n’importe quel internaute de placer l’image interactive sur son site web ! Pour le moment, je ne suis jamais tombé sur un site d’association incluant Thinglink.
ThingLink Vous voulez rendre vos images plus dynamiques ? Alors vous ne pouvez pas passer à côté de ThingLink, non de Zeus ! Le concept est d’une insolente simplicité, vous placez des liens sur une photo qui, une fois cliqués, vous donneront des contenus complémentaires. Dans la pratique, c’est tout aussi simple ! Mais là où Thinglink se distingue de ses concurrents, c’est que la majorité des medias (vidéo Youtube, Spotify, Slideshare, Facebook, etc.) s’intègrent parfaitement au logiciel. Malheureusement, rien n’est gratuit (encore moins la qualité) ! Mais alors comment utiliser cet outil pédagogique (me direz-vous) ? 1 – Carte interactive C’est la base. 2 – Timeline Il est souvent assez compliqué de créer une frise chronologique sans tomber dans la surenchère de texte. 3 – Infographics Les infographics, c’est bien beau, mais quand on veut aller un peu plus loin dans l’explication d’un schéma, ça devient vite illisible ! 4– Restitution de contenu 5 – Décrire une photo 6 – Tutoriel logiciel
index Image #1 Feather shadow Drop an image into this field Features Native HTML5 & JavaScript background subtraction Client side image conversion MagicEdge and MagicWand tools Edge Feather NEW v1.1.0 Auto and Manual Crop NEW v1.1.0 Easy to use Undo and Redo for selection tools NEW v1.0.4 Crossbrowser support Auto conversion from JPG, GIF to PNG Preview before save Edge blur Zoom and Pan Easy integration - JS & CSS Include js and css files: <script type="text/javascript" src=". jQuery(document).ready(function() { initializeMagicEdge(); }); function initializeMagicEdge(){ var me = new MagicEdge(); me.init(document.getElementById("magicEdgeHolder")); } Testimonials " I bought News Ticker, FLV player and Navigation Pro components. " AWSSOFT has excellent components with many advanced features. " Yes, really a great support.
Narrable. Creer un diaporama sonore en ligne Narrable est un nouvel outil web2 qui va faire parler vos images. Narrable permet de faire des diaporamas sonores très facilement. Narrable se présente lui même comme un outil de storytelling. Il s’agit de vous permettre de raconter une histoire en images, mais aussi avec votre voix. Le service vous propose ainsi d’enregistrer vos commentaires sur vos images grâce au micro intégré à votre ordinateur. L’utilisation de Narrable est on ne peut plus simple. L’étape d’après consiste à éditer vos images pour raconter une histoire ou illustrer un moment.
carte récapitulative toutes les possibilités thinglink Dans la Rome antique, le mot curia, traduit en français par curie, est riche de sens. À l'époque républicaine, la Curie (en latin Curia) désigne le bâtiment où se réunissait le Sénat romain, bâtiment toujours visible sur le forum romain aujourd'hui. L'Arc de Septime Sévère est un arc de triomphe antique qui se trouve à Rome à une extrémité du Forum, au pied de la colline du Capitole. Il a été érigé en 203 ap. Le temple de la Concorde (en latin Templum Concordiae) est un temple romain dédié à la déesse Concordia et situé sur le Forum Romain, à Rome. Le temple de Vespasien et Titus (latin : templum Divus Vespasianus) est un temple romain situé sur le Forum Romain et dédié au culte impérial commémorant les empereurs Vespasien et Titus, déifiés par le Sénat peu après leur mort. Le Temple des Dioscures appelés aussi temple de Castor et Pollux, était un temple de type grec, situé sur le Forum romain. Le mont Palatin donne sur le Forum Romain au nord et sur le Circus Maximus au sud. The Roman Forum
Comment trouver la taille des images de son blog? Ce qui fait la qualité visuelle d'un blog réside dans le fait qu'on a une impression de clarté. Ce qui participe à donner cette impression sont les images qui illustrent vos articles. Quand ces dernières sont de toutes les tailles selon vos articles et à l'intérieur même de ces derniers, l'impression de désordre règne. Afin de remédier à cela, il faut que vous connaissiez la taille exacte de la largeur de votre blog afin de pouvoir ajuster vos images en conséquence. C'est ce que je vous propose d'apprendre avec ce tutoriel. Comment connaître la largeur de sa colonne de blog? Le contenu de votre blog sur wordpress est en général défini par la taille de votre .entry-content dans votre feuille de style. Nous allons voir comment la trouver. Faites un clic droit là où se trouve votre contenu.Cliquez sur inspecter l'élément. Pour mettre vos images à la bonne taille vous pouvez utiliser n'importe quel logiciel éditeur d'images. Améliorez votre présence en ligne Encore une petite étape!
Comment créer une image interactive avec Thinglink ? Pour faire apparaître des images ou des cartes interactives dans un article, il existe un outil assez intéressant: Thinglink, littéralement, lier avec des choses. Très facile à prendre en main, l’outil peut avoir une forte valeur ajoutée dans le contenu journalistique. Etape 1: le choix de l’image Dans un premier temps, il est important de choisir une image au format que vous souhaitez (depuis un lien, Facebook, Flickr ou votre disque dur), et que votre CMS prend en compte. En effet, une fois terminé, il ne sera pas possible de modifier la taille de l’image, pour qu’elle rentre dans l’éditeur de contenu. Etape 2: L’image devient interactive C’est à cette étape que vous positionnez les endroits de votre image que vous souhaitez rendre interactif. Etape 3: Le partage de l’image sur les réseaux sociaux, par mail ou intégration HTML Etape 4: L’intégration finale de votre image dans le texte (via html)
ViusalHunt. Plus de 350 millions d'images gratuites VisualHunt est un moteur de recherche de photos et d’images gratuites pour illustrer vos sites, blogs ou publications scolaires. VisualHunt est une véritable aubaine pour tous ceux et celles et ils sont nombreux qui passent beaucoup de temps à fouiller le Web à la recherche d’une photo réutilisable. VisualHunt propose un choix considérable d’images en Creative Commons ou du domaine public. Se basant sur l’API de Flickr, VisualHunt fait des merveilles avec un moteur de recherche particulièrement véloce et un choix immense d’illustrations avec une licence en Creative Commons. Autre option de recherche intéressante, la possibilité de filtrer les résultats par couleur. En cliquant sur une image, vous accédez à sa fiche d’identité complète. Pas mal du tout. VisualHunt est gratuit. Lien : VisualHunt
Thinglink. Creer des images interactives. Thinglink est un outil en ligne qui va vous permettre de créer des images interactives et de les partager facilement. Autant l’avouer tout de suite je suis un grand fan de ThingLink, dont j’ai déjà parlé ici sur Allweb2. ThingLink a de mon point de vue un gros potentiel pour un usage en classe et plus largement dans l’enseignement. Thinglink permet d’insérer des points multimédias dans une image fixe. Autrement dit dans une photo. Ainsi vous allez pouvoir raconter toute une histoire ou enrichir ce que dit une photographie avec des encadrés multimédias reconnaissables sur l’image par des points. Après vous être inscrit, vous devez ajouter une photographie pour créer votre première image interactive. Les visiteurs qui verront votre image pourront s’ils le souhaitent déclencher ces compléments multimédias à leur guise en cliquant sur les points. Dans la classe. Le potentiel est énorme. Très facile à prendre en main et à utiliser, Thinglink est un coup de coeur. Lien : Thinglink.
Stipple. Créer des images interactives Stipple est une pepite qui risque bien de faire parler d’elle dans les semaines ou mois à venir. Cette start-up basée à San Francisco propose un outil qui permet de raconter des histoires à l’intérieur d’une image. Stipple va en effet vous offrir la possibilité d’insérer à l’intérieur d’une image des points d’information. Lorsqu’un lecteur va passer sa souris ou cliquer sur un des points il aura accès à l’information que vous aurez inséré. Stipple permet d’insérer du texte, une url, une localisation, mais aussi de la vidéo ou encore du son. Vous pourrez ensuite partager vos images par mail, sur les réseaux sociaux ou encore les installer sur vore site ou sur votre blog en recopiant un simple code fourni par Stipple. Stipple est encore en version Alpha et il vous faudra demander une invitation. Vous pouvez découvrir Stipple ici sur le Web.
Outils web gratuits pour s'amuser à créer des logos & images Sur le web, on trouve toujours des tas de petites choses pour passer quelques instants en s’amusant à créer des images, illustrations et autres logos, ce gratuitement. Personnellement, j’aime bien découvrir de nouveaux sites qui sortent un peu de l’ordinaire, même s’ils ne valent pas forcément la peine qu’on y revienne plusieurs fois par la suite. L’idée, en ce dimanche pluvieux et gris sur Paris, c’est de prendre quelques minutes pour sourire en créant des petites illustrations pour animer ses comptes de réseaux sociaux ou pour ses articles de blogs. Récemment, je suis tombée en cherchant des sources sympas pour créer des logos et autres visuels, sur des sites parfois un peu kitsch. Textgiraffe.com : Voici un site qui ne paye pas de mine et qui sert à la base à customiser des petits logos qui sont destinés à différents supports comme des T-Shirts, Badges ou sacoche d’ordinateur portables. L’utilisation est simplissime. Vous l’aurez compris, Uncle Sam wants you to have fun on Sunday !
ImageSpike Free Image Optimizer - Compress and resize photos Using this free online service, you can resize, compress and optimize your image files. Using the service is as easy as clicking of button! Optimized images are better! They are more suitable for web pages, email attachments, or even storage on your disk. Give it a try now! Optimize Now Your Image Optimization Download Free! You can now download image optimizer on your computer and resize and compress your images with a single click! Why should I download? It's super fast! From the Creators of Image Optimizer Learn More