Forums des ZĂ©ros Une question ? Pas de panique, on va vous aider ! Accueil > Forum > Site Web > HTML / CSS > Mettre une image avec un fond transparent Liste des forums Principalement sur IE Anonyme 18 mars 2006 Ă 05757 Bonsoir Ă tous, Cela fait deux jour que je regarde un peut partout sans trouver la solution et peut-ĂȘtre n'y en a t il pas mais je pose tout de mĂȘme la question. Est-il possible sur IE d'afficher une image avec un fond transparent dans au format que jpg ou png Soit par le css soit directement dans la page en html. 18 mars 2006 Ă 11251 Sous Internet Explorer = impossible, dĂ©solĂ©, c'est mentionnĂ© dans les cours mĂȘme si je crois que le gif gĂšre la transparence, j'ai pas essayĂ© sous IE. Anonyme 18 mars 2006 Ă 12011 Ok merci c'est bien ce qui me semblait mais je voulais ĂȘtre sur mais il y a quand mĂȘme une ultime solution qui fonctionne sur IE c'est avec du SWF flash je l'utilise actuellement. Pour INFO code type conforme W3C sous IE, sous Mozilla et autre Mais je trouve que cela fait lourd si il faut changer toutes les images au format SWF bien que j'ai flash mx PRO. mais si l'internaute n'as pas le plugin il passe. 18 mars 2006 Ă 81212 Salut, IE gĂšre la transparence avec le format png8 bits mais pas avec le 32 bits. Anonyme 18 mars 2006 Ă 120309 Citation RikoSalut, IE gĂšre la transparence avec le format png8 bits mais pas avec le 32 bits. Bonjour, Merci Riko effectivement cela fonctionne impecablement pour une image dans une page web, cela est dĂ©ja la solution Ă un de mes problĂšme, par contre cela n'a aucun effet pour les image que je mets directement par les CSS la le fond n'est toujours pas transparent mĂȘme en png 8bits alors que avec fiefox, opera, netscape ... pas de problĂšmes pour les images qui sont dans le css. Alors il me manque peut-ĂȘtre une information je met ci-dessous le code de mon css. .entete { positionabsolute; width 100%; height 13%; left0%; top0%; background-image url background-position55%; background-repeatno-repeat; background-color inherit; /* border thin outset FF6600; */} 18 mars 2006 Ă 135116 Bonjour, Chez moi ça fonctionne avec les 2 IE et FF. change ton code et { background-image urlenattente/images/general/ background-repeat no-repeat; width 600px;/*taille de ton image en pixels*/ height 100px;/*taille de ton image en pixels*/}body { background-color FFFFCC;} Juste pour voir s'il n'y a pas de problĂšme de dimensions/positionnment. Anonyme 18 mars 2006 Ă 204835 Bonsoir, Merci Riko, mais ce n'Ă©tait pas un problĂšme de taille, mais comme je faisais des essais je prenait la mauvaise image qui Ă©tait encore en 32bits donc cela ne riquait pas de marcher. Mettre une image avec un fond transparent Ă AprĂšs avoir cliquĂ© sur "RĂ©pondre" vous serez invitĂ© Ă vous connecter pour que votre message soit publiĂ©. Ă Attention, ce sujet est trĂšs ancien. Le dĂ©terrer n'est pas forcĂ©ment appropriĂ©. Nous te conseillons de crĂ©er un nouveau sujet pour poser ta question.
On souhaiterait parfois pouvoir utiliser un seul Ă©lĂ©ment dâune image⊠ne garder quâune personne, quâun objet, quâun animal⊠Difficile Ă faire sans outil ? Il existe plusieurs moyen de dĂ©tourer assez facilement et proprement vos images ! Je vous en propose ici deux ! DĂ©tourer Ă lâancienne » ! Pour dĂ©tourer des images, jâutilisais jusquâĂ prĂ©sent Powerpoint. Ce logiciel dispose depuis des annĂ©es dâune fonction qui permet de retirer lâarriĂšre-plan dâune image. Poiur y arriver, il faut tout dâabord insĂ©rer une image, puis, simplement cliquer Supprimer lâarriĂšre plan ». Ensuite, il vous faudra sĂ©lectionner les zones Ă retirer et en cas de problĂšme, affiner ce que reconnait le logiciel en sĂ©lectionnant de nouvelles zones Ă retirer et de nouvelles zones Ă conserver. Ici, le rĂ©sultat est bon, mĂȘme trĂšs bon. Ce nâest pas toujours aussi bon avec nâimporte quelle image. La fonction dâexport donne un rendu moyen⊠mais peut faire du png. Câest un dĂ©tail dâimportance si comme moi, vous faites du dĂ©tourage en vue de rĂ©aliser des incrustations. Lâan passĂ©, pour la rĂ©alisation dâun film dâanimation, nous avons traitĂ© plus de 2000 photos⊠avec PowerPoint couplĂ© Ă Gimp. Cette annĂ©e, jâai dĂ©couvert » une fonctionnalitĂ© trĂšs sympa de la mise Ă jour Creatorâs Update de Windows 10 Paint 3D. Quâest-ce que Paint 3D ? Ce logiciel est la nouvelle version du fameux PAINT », logiciel de dessin » qui existe depuis la nuit des temps sur Windows. Plus sĂ©rieusement, il existe depuis 1985 et sâappelait Paintbrush Ă lâĂ©poque. Nombre dâentre vous ne lâont pas vu naĂźtre đ Allez, avouez ! Depuis 2017 et la sortie de la Creatorâs Update pour Windows 10, une nouvelle version de Paint est disponible en remplacement de Paint Paint 3D. Je nâai dĂ©couvert que rĂ©cemment la fonctionnalitĂ© de dĂ©tourage inclue dans ce logiciel qui a soufflĂ© application ? Paint 3D permet de multiples choses de gĂ©rer du dessin Ă plat » mais Ă©galement en 3D⊠je nâentrerai pas dans ces dĂ©tails mais je me concentrerai sur cette fonctionnalitĂ© spĂ©cifique de dĂ©tourage. Il ne vous reste quâĂ lancer cette application. Pour se faire, jâai pris lâhabitude dâutiliser le bouton Windows du clavier ou le bouton Cortana Ă cliquer. Je tape PAI » et Windows me propose simplement ceci Comment dĂ©tourer avec Paint 3D? Maintenant que lâappli est lancĂ©e, il vous faut ouvrir votre image source. Rien de bien mĂ©chant ! Au besoin, suivez le guide ! Maintenant que câest fait, il va falloir commencer Ă travailler » lâimage. Cliquez sur SĂ©lection magique » et regardez lâanimation en haut Ă droite⊠elle vous explique tout ! Des ronds blancs sont apparus autour de votre image. Ils vont vous permettre de dĂ©limiter la zone de ce que vous voulez dĂ©tourer. Essayer dâĂȘtre le plus prĂ©cis possible. Ce sera du temps gagnĂ© pour la suite mais il y aura moyen dâaffiner votre sĂ©lection si le logiciel en a trop enlevĂ© » ou en a trop laissĂ© ». Dans lâexemple, je nâai eu aucun problĂšme alors voyons simplement le cas normal » ! Vous voyez dans les images que jâai rĂ©duit le cadre autour du bateau et que jâai simplement cliquĂ© sur suivant » et sur OK ». Le rĂ©sultat semble peut-ĂȘtre Ă©tonnant mais il ne se passe⊠presque rien ! Par contre, ce qui se passe rĂ©ellement, câest que le bateau a Ă©tĂ© extrait de lâimage et est copiĂ© » dans la mĂ©moire de lâapplication. Faire ce trucage mâa pris moins dâune seconde⊠jâai fait du cliquĂ©-dĂ©placĂ© » pour amener le bateau PRB Ă sa nouvelle position. Le logiciel a extrapolĂ© un fond probable de ce quâil pouvait y avoir derriĂšre ce navire⊠et cela en quelques secondes ! Câest vraiment hyper pratique ! Sympa pour jouer⊠mais pour le travail, ce nâest pas fini car je veux avoir mon objet dĂ©tourĂ© sur un fond transparent ! Et lĂ , câest dommage. Je nâai rĂ©ussi Ă obtenir cela simplement avec Paint3D. Jâutilise donc Gimp2 que je connais depuis⊠plus de 10 ans. Vous verrez, malgrĂ© son interface austĂšre ou moche, au choix ce sera trĂšs facile. Si votre bateau est bien sĂ©lectionnĂ©, faites simplement Ctrl+C pour copier le bateau. Il sera aisĂ© de le coller ailleurs⊠dans un fichier vierge au fond transparent, par exemple ! Lancez simplement The Gimp 2 Ă tĂ©lĂ©charger ici. VoilĂ ce que cela donne je nâai pas la derniĂšre version⊠mais ce sera similaire chez vous. LĂ , il vous suffit de simplement faire Ctrl + V pour copier votre objet dĂ©tourĂ© dans le logiciel tout en gĂ©nĂ©rant un fond transparent ! Et cela est dâune importance primordiale ! VoilĂ le rĂ©sultat dans mon cas, avec mon beau voilier ! Pas besoin de rĂ©gler la taille de lâimage ni son fond⊠Gimp fait tout ici tout seul ! Pour terminer avec Gimp, il vous suffit dâenregistrer en PNG !!!!! ou en GIF mais câest laid ! en faisant Ctrl + MAJou shift, câest la mĂȘme chose+ E. Vous pouvez Ă©galement aller dans le menu Fichier » et choisir Exporter sous ». Dans mon cas oĂč je traite des dizaines de sĂ©ries avec des dizaines de photos par sĂ©rie, le raccourci clavier me permet de gagner du temps ! Je fais Ă©galement attention Ă comment nommer mes fichiers source et objets dĂ©tourĂ©s. GĂ©nĂ©ralement, je mets le mot clĂ© du projet, le numĂ©ro de la sĂ©rie et le numĂ©ro de lâimage dans la sĂ©rie. Cela me donne quelque chose de ce genre Mes fichiers source » Ă©tant en .jpg, les fichiers traitĂ©s voient arriver Ă leur cĂŽtĂ© le fichier du mĂȘme nom avec lâextension .png ! Cela facilite le suivi du travail Ă rĂ©aliser ! Un fichier .jpg sans son .png du mĂȘme nom Ă cĂŽtĂ© est un fichier Ă travailler ! Avec cette mĂ©thode, la majoritĂ© de mes Ă©lĂšves dâULIS arrive Ă traiter les fichiers sans mon aide ni celle de lâAVS-Co. Cela va ĂȘtre un grand gain de temps par rapport Ă lâan passĂ© oĂč jâavais traitĂ© moi-mĂȘme plus de 1500 photos⊠VoilĂ ! En espĂ©rant que ce tuto vous soit utile ! Bon dĂ©tourage !
PrĂ©leverune partie d'une image sans le fond Solution est: D E T O U R E R « PrĂ©cĂ©dent Tout Grille 1 Solution Suivant » Sur CodyCross CodyCross est un cĂ©lĂšbre jeu nouvellement publiĂ©Une opĂ©ration classique, en retouche dâimage, est celle qui consiste Ă remplacer la couleur dâun Ă©lĂ©ment par une autre en prĂ©servant la luminositĂ© des teintes. Prenons par exemple la photo dâune fleure et que lâon veut recolorier avec une autre couleur en utilisant Pour cela, ouvrez votre image et assurez-vous que les fenĂȘtres suivantes sont affichĂ©es Outils doit ĂȘtre visible, sinon taper F5Couleurs doit ĂȘtre visible, sinon tapez F8 Tapez K pour activer le SĂ©lecteur de couleurs. SĂ©lectionnez la couleur Primaire » de la zone Ă traiter en cliquant sur lâimage, sur lâobjet Ă recolorier sur un point de luminositĂ© moyenne. SĂ©lectionnez la couleur Secondaire » dans la palette de couleurs. Concernant la couleur Secondaire, penser Ă rĂ©gler la Transparence â Alpha » entre 100 et 150, pour garder les dĂ©tails de votre image dâorigine. Tapez R pour activer lâoutil Recoloriage » Ajustez la Taille du pinceau Ă environ entre 10 et 30 % de la taille de lâobjet Ă traiter. RĂ©glez la TolĂ©rance Ă environ entre 20 et 50 %. RĂ©gler la DuretĂ© Ă 10% pour attĂ©nuer les contours de la couleur. Avec le bouton droit de la souris Tout en maintenant le bouton droit enfoncĂ©, repeignez la fleure Ă la souris. Si les couleurs dĂ©bordent sur les bords de lâobjet Ă repeindre, tapez Ctrl+Z pour annuler, puis recommencez en rĂ©duisant la TolĂ©rance. Image GIF â gĂ©nĂ©rĂ© par ImagesMixer Astuce On peut lĂącher de temps en temps le bouton droit de la souris, afin de pouvoir revenir en arriĂšre grĂące Ă lâhistorique sans tout refaire en cas de dĂ©bordement. Ne pas traiter plusieurs fois la mĂȘme zone. En espĂ©rant que vous avez aimĂ© ce tutoriel. NâhĂ©sitez pas Ă partager sur les rĂ©seau sociaux, ça fait toujours plaisir, merci ! . 333 417 358 448 109 348 305 48