[Résolu] Favicon au format png à partir d'une image .svg

Deux Nids · Le 12/01/2016, à 22:07

Bonjour tout le monde !

Alors voilà je suis actuellement en train de m'exercer en html en réalisant une page internet pour mon village et j'ai un petit souci au niveau de la favicon.

Comme je l'ai dit dans le titre, l'image que je souhaite utiliser est à la base une image vectorielle au format svg non rectangulaire. Or il est impossible d'utiliser ce format pour une favicon, je l'ai donc converti au format png ! Et là, j'ai remarqué que la zone en bas de l'image est blanche au format png alors qu'elle n'apparaît pas au format svg. Et pour ma favicon, je ne souhaite pas que cette zone blanche apparaissent.

J'ai pourtant remarqué des favicon .png avec des zones blanches qui n'apparaissent pas dans l'onglet titre de certaines pages internet (le site d'OpenClassroom par exemple). [img=Favicon OpenClassroom]view-source:https://openclassrooms.com/fav-icon.png?v=1[/img]

Je reconnais que c'est un détail mais en tant que bon perfectionniste cela me frustre énormément !

Merci d'avance pour votre aide !

Dernière modification par Deux Nids (Le 23/01/2016, à 14:14)

Braun · Le 12/01/2016, à 22:30

Bonsoir,
1/ Je crains que, racisme peut être, le fond des .png soit blanc par défaut et, en tout cas coloré comme pour les jpeg.
2/ Sauf erreur de ma part tu devrais pouvoir t'en tirer avec du gif. Voir ce qu' en pense Wilber (The Gimp).

nany · Le 12/01/2016, à 22:47

Bonjour,

cette favicon →  favicon Ubuntu-fr.org avec fond transparent est pourtant en png.
Dans Gimp : Couleurs → Couleur vers alpha.
Si ça ne suffit pas, modifier les propriétés de l’image pour lui mettre un arrière-plan transparent au lieu de blanc.

Braun · Le 12/01/2016, à 22:50

@ nany, bonsoir, je suis donc en retard d'un métro, les .png peuvent aussi avoir un fond transparent. Je note.

Deux Nids · Le 12/01/2016, à 23:02

Merci beaucoup pour vos deux réponses !

Au final je l'ai fait en gif et ça marche très bien, merci Braun ! Merci à toi aussi nany, mais apparemment gimp "n'a pas de version susceptible d'être installée sur Ubuntu 14.04". La logithèque confirme ça aussi .

Deux questions du coup :
- Une bonne alternative à Gimp à me conseiller ?
- Est-il possible d'avoir une image .ico avec un fond transparent (pour ceux qui utiliseraient potentiellement IE en 2016) ?

Braun · Le 12/01/2016, à 23:10

Re-bonsoir,
Pour Gimp 2.8 va voir chez Otto Kesselgulash.
Et en prime le 2.8 est assez agréable d'emploi.

nany · Le 12/01/2016, à 23:12

Deux Nids a écrit :

mais apparemment gimp "n'a pas de version susceptible d'être installée sur Ubuntu 14.04". La logithèque confirme ça aussi .

Il y a certainement un problème car Gimp est dans les dépôts pour 14.04.
Donne le retour de cette commande :

find /etc/apt -type f -name '*.list*' -exec bash -c 'echo -e "\n$1\n"; nl -ba "$1"' _ '{}' \;

Deux Nids · Le 12/01/2016, à 23:24

1	# deb cdrom:[Ubuntu 14.04.3 LTS _Trusty Tahr_ - Beta amd64 (20150805)]/ trusty main restricted
     2	
     3	# See [url]http://help.ubuntu.com/community/UpgradeNotes[/url] for how to upgrade to
     4	# newer versions of the distribution.
     7	
     8	## Major bug fix updates produced after the final release of the
     9	## distribution.
    12	
    13	## N.B. software from this repository is ENTIRELY UNSUPPORTED by the Ubuntu
    14	## team. Also, please note that software in universe WILL NOT receive any
    15	## review or updates from the Ubuntu security team.

    21	## N.B. software from this repository is ENTIRELY UNSUPPORTED by the Ubuntu 
    22	## team, and may not be under a free licence. Please satisfy yourself as to 
    23	## your rights to use the software. Also, please note that software in 
    24	## multiverse WILL NOT receive any review or updates from the Ubuntu
    25	## security team.

    31	## N.B. software from this repository may not have been tested as
    32	## extensively as that contained in the main release, although it includes
    33	## newer versions of some applications which may provide useful features.
    34	## Also, please note that software in backports WILL NOT receive any review
    35	## or updates from the Ubuntu security team.
    36	deb [url]http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/[/url] trusty-backports restricted universe multiverse
    37	deb-src [url]http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/[/url] trusty-backports restricted universe multiverse

    46	## Uncomment the following two lines to add software from Canonical's
    47	## 'partner' repository.
    48	## This software is not part of Ubuntu, but is offered by Canonical and the
    49	## respective vendors as a service to Ubuntu users.
    50	deb [url]http://archive.canonical.com/ubuntu[/url] trusty partner
    51	deb-src [url]http://archive.canonical.com/ubuntu[/url] trusty partner
    52	
    53	## This software is not part of Ubuntu, but is offered by third-party
    54	## developers who want to ship their latest software.

Modération : merci à l'avenir d'utiliser les balises code (explications ici).

Dernière modification par cqfd93 (Le 12/01/2016, à 23:35)

nany · Le 12/01/2016, à 23:34

Ah ben oui, tu n’as que les dépôts backport et partner. Étrange.
Ouvre les propriétés Logiciels & Mises à jour à l’aide de cette commande :

software-properties-gtk

Dans le premier onglet, coche tout sauf les sources et le CDRom.
Dans le troisième onglet, coche tout sauf proposed.
Referme et clique sur Actualiser.
Là, tu devrais avoir Gimp et tout un tas d’autres logiciels proposés dans la logithèque.
Tu vas aussi sûrement avoir une proposition de mises à jour qui, à mon avis, devrait être conséquente.

Deux Nids · Le 12/01/2016, à 23:46

Pour le troisième onglet c'est bon ! Pour ce qui est du premier tout est coché sauf "Logiciel libre et open source entretenu par Canonical (main)" et CD. Si je veux Gimp, il faut que j'accepte de télécharger en provenance de Canonical c'est ça (d'après ce que j'ai lu dans ma console du moins) ?

nany · Le 12/01/2016, à 23:52

Oui. Et après, parce que tout ceci ne me semble pas clair, donne le retour de :

nl -ba /etc/apt/sources.list

Entre balises code, s’il te plaît.

Deux Nids · Le 13/01/2016, à 00:03

Oups désolé !

    1	# deb cdrom:[Ubuntu 14.04.3 LTS _Trusty Tahr_ - Beta amd64 (20150805)]/ trusty main restricted
     2	
     3	# See http://help.ubuntu.com/community/UpgradeNotes for how to upgrade to
     4	# newer versions of the distribution.
     5	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty restricted
     6	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty restricted
     7	
     8	## Major bug fix updates produced after the final release of the
     9	## distribution.
    10	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates restricted
    11	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates restricted
    12	
    13	## N.B. software from this repository is ENTIRELY UNSUPPORTED by the Ubuntu
    14	## team. Also, please note that software in universe WILL NOT receive any
    15	## review or updates from the Ubuntu security team.
    16	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty universe
    17	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty universe
    18	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates universe
    19	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates universe
    20	
    21	## N.B. software from this repository is ENTIRELY UNSUPPORTED by the Ubuntu 
    22	## team, and may not be under a free licence. Please satisfy yourself as to 
    23	## your rights to use the software. Also, please note that software in 
    24	## multiverse WILL NOT receive any review or updates from the Ubuntu
    25	## security team.
    26	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty multiverse
    27	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty multiverse
    28	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates multiverse
    29	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates multiverse
    30	
    31	## N.B. software from this repository may not have been tested as
    32	## extensively as that contained in the main release, although it includes
    33	## newer versions of some applications which may provide useful features.
    34	## Also, please note that software in backports WILL NOT receive any review
    35	## or updates from the Ubuntu security team.
    36	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-backports restricted universe multiverse
    37	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-backports restricted universe multiverse
    38	
    39	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security restricted
    40	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security restricted
    41	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security universe
    42	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security universe
    43	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security multiverse
    44	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security multiverse
    45	
    46	## Uncomment the following two lines to add software from Canonical's
    47	## 'partner' repository.
    48	## This software is not part of Ubuntu, but is offered by Canonical and the
    49	## respective vendors as a service to Ubuntu users.
    50	deb http://archive.canonical.com/ubuntu trusty partner
    51	deb-src http://archive.canonical.com/ubuntu trusty partner
    52	
    53	## This software is not part of Ubuntu, but is offered by third-party
    54	## developers who want to ship their latest software.
    55	deb http://extras.ubuntu.com/ubuntu trusty main
    56	deb-src http://extras.ubuntu.com/ubuntu trusty main

nany · Le 13/01/2016, à 00:12

OK. Alors passe ces commandes :

sudo sed -i 's/restricted/main restricted/' /etc/apt/sources.list
sudo sed -i 's/main main/main/' /etc/apt/sources.list
sudo apt update

Ensuite, tu pourras aller dans la logithèque et tu devrais y trouver Gimp.

Deux Nids · Le 13/01/2016, à 00:35

Arf il y a comme un souci ^^ !

Je ne peux plus charger la liste des paquets

nany · Le 13/01/2016, à 00:39

Mmmmh…
Redonne le retour de :

nl -ba /etc/apt/sources.list

Deux Nids · Le 13/01/2016, à 00:41

     1	# deb cdrom:[Ubuntu 14.04.3 LTS _Trusty Tahr_ - Beta amd64 (20150805)]/ trusty main main restricted
     2	
     3	# See http://help.ubuntu.com/community/UpgradeNotes for how to upgrade to
     4	# newer versions of the distribution.
     5	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty main restricted main
     6	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty main restricted main
     7	
     8	## Major bug fix updates produced after the final release of the
     9	## distribution.
    10	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates main restricted main
    11	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates main restricted main
    12	
    13	## N.B. software from this repository is ENTIRELY UNSUPPORTED by the Ubuntu
    14	## team. Also, please note that software in universe WILL NOT receive any
    15	## review or updates from the Ubuntu security team.
    16	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty universe
    17	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty universe
    18	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates universe
    19	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates universe
    20	
    21	## N.B. software from this repository is ENTIRELY UNSUPPORTED by the Ubuntu 
    22	## team, and may not be under a free licence. Please satisfy yourself as to 
    23	## your rights to use the software. Also, please note that software in 
    24	## multiverse WILL NOT receive any review or updates from the Ubuntu
    25	## security team.
    26	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty multiverse
    27	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty multiverse
    28	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates multiverse
    29	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-updates multiverse
    30	
    31	## N.B. software from this repository may not have been tested as
    32	## extensively as that contained in the main release, although it includes
    33	## newer versions of some applications which may provide useful features.
    34	## Also, please note that software in backports WILL NOT receive any review
    35	## or updates from the Ubuntu security team.
    36	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-backports main restricted universe multiverse main
    37	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-backports main restricted universe multiverse main
    38	
    39	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security main restricted main
    40	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security main restricted main
    41	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security universe
    42	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security universe
    43	deb http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security multiverse
    44	deb-src http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty-security multiverse
    45	
    46	## Uncomment the following two lines to add software from Canonical's
    47	## 'partner' repository.
    48	## This software is not part of Ubuntu, but is offered by Canonical and the
    49	## respective vendors as a service to Ubuntu users.
    50	deb http://archive.canonical.com/ubuntu trusty partner
    51	deb-src http://archive.canonical.com/ubuntu trusty partner
    52	
    53	## This software is not part of Ubuntu, but is offered by third-party
    54	## developers who want to ship their latest software.
    55	deb http://extras.ubuntu.com/ubuntu trusty main
    56	deb-src http://extras.ubuntu.com/ubuntu trusty main

Deux Nids · Le 13/01/2016, à 00:44

[code]Lecture des listes de paquets... Erreur !
W: Duplicate sources.list entry http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty/main amd64 Packages (/var/lib/apt/lists/bouyguestelecom.ubuntu.lafibre.info_ubuntu_dists_trusty_main_binary-amd64_Packages)
W: Duplicate sources.list entry http://bouyguestelecom.ubuntu.lafibre.info/ubuntu/ trusty/main i386 Packages (/var/lib/apt/lists/bouyguestelecom.ubuntu.lafibre.info_ubuntu_dists_trusty_main_binary-i386_Packages)
E: Encountered a section with no Package: header
E: Problem with MergeList /var/lib/apt/lists/bouyguestelecom.ubuntu.lafibre.info_ubuntu_dists_trusty_main_i18n_Translation-en%5fGB
E: Les listes de paquets ou le fichier « status » ne peuvent être analysés ou lus.
[/code]

Ce message revient sans cesse . Mais ça fait quelquetemps que j'ai des problèmes avec les Màj ...

nany · Le 13/01/2016, à 00:48

Bon, on recommence :

sudo sed -i 's/main main/main/' /etc/apt/sources.list
sudo sed -i 's/restricted main/restricted/' /etc/apt/sources.list
sudo sed -i 's/multiverse main/multiverse/' /etc/apt/sources.list

Puis, pour être sûr que tout s’est bien passé, redonne le retour de :

nl -ba /etc/apt/sources.list

nany · Le 13/01/2016, à 00:52

Ah, tu as aussi un autre problème, en fait.
Alors, passe ensuite ces commandes :

sudo rm -vf /var/lib/apt/lists/*
sudo apt update

Deux Nids · Le 13/01/2016, à 12:35

Merci beaucoup nany tout est réglé maintenant !

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1 Le 12/01/2016, à 22:07

[Résolu] Favicon au format png à partir d'une image .svg

#2 Le 12/01/2016, à 22:30

Re : [Résolu] Favicon au format png à partir d'une image .svg

#3 Le 12/01/2016, à 22:47

Re : [Résolu] Favicon au format png à partir d'une image .svg

#4 Le 12/01/2016, à 22:50

Re : [Résolu] Favicon au format png à partir d'une image .svg

#5 Le 12/01/2016, à 23:02

Re : [Résolu] Favicon au format png à partir d'une image .svg

#6 Le 12/01/2016, à 23:10

Re : [Résolu] Favicon au format png à partir d'une image .svg

#7 Le 12/01/2016, à 23:12

Re : [Résolu] Favicon au format png à partir d'une image .svg

#8 Le 12/01/2016, à 23:24

Re : [Résolu] Favicon au format png à partir d'une image .svg

#9 Le 12/01/2016, à 23:34

Re : [Résolu] Favicon au format png à partir d'une image .svg

#10 Le 12/01/2016, à 23:46

Re : [Résolu] Favicon au format png à partir d'une image .svg

#11 Le 12/01/2016, à 23:52

Re : [Résolu] Favicon au format png à partir d'une image .svg

#12 Le 13/01/2016, à 00:03

Re : [Résolu] Favicon au format png à partir d'une image .svg

#13 Le 13/01/2016, à 00:12

Re : [Résolu] Favicon au format png à partir d'une image .svg

#14 Le 13/01/2016, à 00:35

Re : [Résolu] Favicon au format png à partir d'une image .svg

#15 Le 13/01/2016, à 00:39

Re : [Résolu] Favicon au format png à partir d'une image .svg

#16 Le 13/01/2016, à 00:41

Re : [Résolu] Favicon au format png à partir d'une image .svg

#17 Le 13/01/2016, à 00:44

Re : [Résolu] Favicon au format png à partir d'une image .svg

#18 Le 13/01/2016, à 00:48

Re : [Résolu] Favicon au format png à partir d'une image .svg

#19 Le 13/01/2016, à 00:52

Re : [Résolu] Favicon au format png à partir d'une image .svg

#20 Le 13/01/2016, à 12:35

Re : [Résolu] Favicon au format png à partir d'une image .svg

Pied de page des forums