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.
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.
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!
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.
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 !
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
⇒ 10 points pour optimiser les images et booster vos performances Si vous voulez booster les performances de votre site, le premier point auquel faire attention est les images. Statistiquement, même si les débits augmentent, la taille des pages augmente également. Seulement les performances d’un site et plus particulièrement sa vitesse de chargement est importante dans la réalisation de vos objectifs. Le graphique ci-dessous est relativement éloquent. La taille moyenne des pages en Janvier 2015 atteint 1Mo dont les 2/3 sont représentés par les images du site. Réduire le poids des images revient donc à réduire le poids de 2/3 de tous les éléments que composent une page moyenne en 2015. Compresser les images sans perte de qualité Plutôt que de vous donner une astuce de sioux en ligne de commande pour ce premier point, je vais plutôt vous orienter vers le logiciel FileOptimizer pour Windows et Linux et ImageOptim pour OS X. Taille d’image adaptée C’est un peu plus problématique en responsive mais le même principe s’applique. Enregistrer pour le web Jérôme
Vos photos en ligne, usages et protection | Carnet de bord de l'@telier Photos numériques et PC : débuter Tutoriels et ressources de l’atelier “Photos numériques et PC : les bases” ____________________________ La photographie numérique Les mystères de l'image numérique de l'appareil photo _______________________________________________ Tutoriels : atelier photos numériques des EPN de Montbéliard ____________________________ Initiation, photos numériques et PC, des informations _____________________________________________________ ( cliquez sur le lien afin d'ouvrir l'article )… Dans "images numériques" Photo numérique et PC : Initiation
UnderCover10 - Portail d'informatique UnderCover10 Un freeware pour imprimer ses couvertures de CD, boîtier DVD, Blu-Ray en toute simplicité. Il redimensionne à la bonne échelle les images ou les photos pour tous les types de jaquette CD, DVD. Il supporte les formats JPEG, GIF, PNG et BMP et propose aussi différents formats standard de boîtiers. UnderCover10 est écrit en C à l'aide de Microsoft Visual Studio 2013 et n'a pas besoin de .NET Framework ou d'autres bibliothèques externes. Un test plus poussé publié par Kappa, est disponible ici ! Langue: MultilingueOS: Windows XP/Vista/7/8/8.1 & Windows 10Licence: Freeware Page officielle
Photos for Class. Moteur de recherche d'images pour une utilisation à l'école Photos for Class est un moteur de recherche d’images libres à utiliser dans vos publications scolaires. Photos for Class est adapté à une utilisation par les élèves ou les étudiants, c’est d’ailleurs son principal point fort. Ce moteur de recherche gratuit permet de trouver des images adaptées à tous les publics, avec une licence Creative Commons, donc réutilisables. Il permet aussi de sensibiliser les étudiants aux notions de droits d’auteur en facilitant la citation de la source d’une image. Eviter que les jeunes élèves ne tombent dans leurs recherches d’illustrations sur des images inappropriées. L’interface est très simple. Photos for Class fait enfin oeuvre de pédagogie. Une bonne adresse pour une initiation à la recherche iconographique avec des élèves de tous les âges. Lien: Photos For Class Sur le même thème
Picozu: une excellente application Web pour retoucher vos photos Picozu est une application Web gratuite qui vous permet de retoucher vos photos et images en ligne. Il n’est même pas nécessaire de créer un compte pour utiliser ce service d’édition de photos. Picozu offre des dizaines de fonctionnalités. Par exemple, vous aurez accès aux calques, pots de peinture, un outil aérographe, une gomme à effacer et un outil de rognage. L’un des aspects intéressants de Picozu c’est qu’il vous permet d’importer vos photos depuis votre compte Facebook, Picasa, Dropbox, SkyDrive ou Google Drive. Liens: Picozu: Via: Labnol
Un stock de ressources graphiques gratuites, Freepik Pour ceux et celles qui recherchent des ressources graphiques gratuites pour rendre visuellement plus attractifs leurs sites Web ou leurs blogs, j'ai déjà présenté des sites qui offrent bon nombre d'images et d'icônes à télécharger gratuitement et libres de tous droits d'utilisation. Personnellement, mes préférés sont Pexels et AllTheFreeStock ou encore FindaPhoto. Je viens d'ajouter à ma panoplie de ressources graphiques utilisables 100 % gratuitement Freepik qui offre sur un même site Web un stock très important d'illustrations vectorielles, de fichiers PSD, d'icônes, de photos et de modèles (templates) pour créer des sites Web. Les illustrations proposées sont libres de droits et sont en général d'excellente qualité et originales surtout en ce qui concerne les illustrations vectorielles. Pour les utiliser pour son propre compte, le créateur de l'illustration doit être mentionné. Source : Freepik
22 outils en ligne de traitement d'images, gratuits Accueil > Dossiers et articles > 22 outils en ligne de traitement d'images, gratuits Par Denys Lamontagne | direction@cursus.edu Technologies Créé le samedi 4 juillet 2015 | Mise à jour le dimanche 5 juillet 2015 Sur le Web, les images illustrent les propos et les idées. Un texte non-illustré est presque devenu une exception, ne serait-ce que parce sans image, un texte reçoit beaucoup moins d'attention sur les réseaux sociaux. La complexité de certains outils de traitement d'image est telle qu'il est pratiquement impossible pour un débutant de les utiliser sans une formation intensive. Heureusement, de nombreux sites offrent des services en ligne de traitement d'image. À nous d'en profiter Voici 22 de ces outils. Outils en ligne de traitement d'image Crédit photo : S_L / Shutterstock.com