Ajouter de la transparence à un fichier PNG existant

J'aimerais utiliser cette image sur un site Web.

Ce que je dois faire, c'est changer l'arrière-plan du noir en transparent afin de pouvoir utiliser la flèche sur mon site en maintenant l'arrière-plan de la page.

J'ai utilisé Gimp pour convertir l'image en .png, mais comment puis-je procéder maintenant?

L’ outil Couleur en Alpha de GIMP est très pratique si vous savez l’utiliser , et cette tâche semble particulièrement bien adaptée à cette tâche:

1. Ouvrez l'image dans GIMP et modifiez-la en mode couleur RVB si nécessaire.
2. Sélectionnez Calque → Transparence → Couleur vers Alpha ...
3. Sélectionnez le noir ( #000000) comme couleur à rendre transparente.
4. Cliquez sur OK".
5. Enregistrez l'image obtenue au format PNG:
   

Vous pouvez utiliser l'outil de sélection par couleur de GIMP ou l'outil Baguette magique. Quoi qu'il en soit, il suffit de sélectionner tous les pixels noirs. Ensuite, au lieu de supprimer les pixels sélectionnés, appliquez un masque de calque:

Layer -> Mask -> Add layer mask

Sélectionnez le Selectionbouton radio "" et assurez-vous de cocher la Invert maskcase " ". Maintenant, tous les pixels noirs sont transparents.

Exporter au format PNG ou GIF.

Le problème réside dans les bords entourant la flèche, où vous pourriez avoir des pixels noirs pour former un cache. Je ne sais pas dans GIMP, mais Photoshop a une fonctionnalité intéressante pour supprimer le cache précédent et / ou ajouter un cache de votre choix.

Je n'utilise pas gimp, mais cette image est un cas simple où il devrait être simple d'obtenir une transparence décente.

Si vous sélectionnez l'intégralité de l'image, puis utilisez celle-ci (ou plutôt la version en niveaux de gris) comme canal alpha, vous avez pratiquement terminé.

En fonction de vos fonctionnalités d’exportation logicielles, vous pouvez simplement choisir l’alpha comme transparence PNG ou utiliser le canal alpha comme masque de sélection et supprimer la sélection (incorrecte) ou utiliser la sélection comme masque de calque (non destructif), puis exportation.

Voici une technique utile de GIMP que j’ai récemment utilisée pour cela - probablement similaire à "Color To Alpha" (Color To Alpha était grisé pour moi, même si j'étais en mode RVB), mais cette méthode m'a permis de personnaliser utilement la manière dont "Je voulais que les bords apparaissent (par opposition aux techniques de baguette magique qui laissent une fine bordure noire autour de l'image, plutôt que de rendre les bords partiellement transparents).

En résumé, j'ai copié une version en niveaux de gris de l'image d'origine dans son masque de calque / canal Alpha, puis utilisé Courbes sur le canal Alpha pour rendre la plupart des images opaques tout en ajustant le degré de translucidité des bords. Très bel effet et très personnalisable.

Voici une étape à suivre pour le faire:

• Commencer avec un calque avec l'image d'origine dessus appelé "image"
• Dupliquez le calque "image" dans un nouveau calque appelé "image alpha" (avec le bouton Dupliquer le calque dans la boîte de dialogue Calques)
• Colors > Desaturate... > Lightness sur le calque "image alpha"
• Cliquez avec le bouton droit sur le calque "image" et Add Alpha(si ce n'est déjà fait)
• Copier tout le "image alpha" (dans le calque "image alpha", Select All& Copy)

• Paste sur le canal Alpha de "image" (cliquez sur la vignette de droite du calque "image" puis collez-la)

  • Les étapes précédentes sont éventuellement identiques à la commande unique "Color to Alpha"

• Facultatif: Show Layer Maskfaites un clic droit sur "image" et (devrait vous montrer ce que vous avez collé). Si vous omettez cela, vous pouvez voir la transparence changer, en direct, au cours de l'étape suivante.

• Color > Curves
• Dans la boîte de dialogue Courbes, réglez la courbe à plat en haut, puis diminuez rapidement vers la gauche, ce qui rend la plupart des pixels clairs complètement blancs (c’est-à-dire que l’image y est opaque).

• Décochez la case Show Layer Maskpour voir la transparence appliquée.

  Le déplacement du point de saturation des courbes (en haut des courbes) et de la vitesse à laquelle il décline vous permet de modifier le degré de transparence des bords de l’image.

Vous pouvez utiliser Adobe Photoshop. Allez dans Sélection -> Plage de couleurs . Tout en maintenant la touche Maj enfoncée , cliquez sur la couleur à supprimer (noir dans votre cas). Appuyer sur OK. Alors tout votre noir sera sélectionné; maintenant appuyez sur supprimer.