Je ne suis pas sûr de comprendre de quelles images tu veux parler...
Peux-tu donner des exemple d'images carrés que tu aimerai voir détourées ?
Ce sondage est surtout pour donner des consignes aux rédacteurs qui créent de nouveaux dessins pour illustrer leur dépêche, et j'en fais parti.
Personnellement, j'hésite entre de beaux PNG mais qui pèsent un petit mégaoctet, ou du WebP qui permet le même rendu pour un poids 10 fois plus petit mais malheureusement Firefox ne le prend pas encore en charge, ou convertir en SVG mais le rendu du texte dépend des polices de caractères disponibles (sans parler que Firefox ne prend pas encore en charge les attributs letter-spacing et word-spacing) à moins de convertir le texte en chemin mais alors la taille du fichier est multipliée... ou aussi toutes les autres possibilités mentionnées dans ce sondage.
Jusqu'à maintenant, j'essayais de privilégier la taille des fichiers.
Pour une image matricielle, j'opte pour du PNG avec une palette de 4 ou 8 couleurs (couleurs indexées), un fond transparent sur un bit (pas de joli canal alpha en dégradé), et un contour blanc des traits noirs au cas où le CSS utiliserait un fond de couleur foncé. Voici un exemple :
Pour une image vectorielle, j'opte pour du SVG avec la police de caractères Purisa (maintenue par Theppitak Karoonboonyanan sous licence GPL2) car c'est la seule police de caractères sympathique qui est installée par défaut sur Ubuntu. Malheureusement, cette police n'est pas installée par défaut sur Fedora, ni Windows (pour ce que j'ai testé) et le dessin ne donne pas le même rendu. En plus, pour obtenir des SVG de petite taille, avec Inkscape, je vais dans le menu Fichier -> Nettoyer, puis j'enregistre en SVG Simple, puis j'utilise un script sed maison pour les arrondis, puis une passe avec le script python scour pour virer les trucs inutiles laissés par Inkscape, et enfin, je termine à la main en éditant directement le SVG. Voici un exemple dont vous pourrez admirer le code source :
[^] # Re: Détourage
Posté par Oliver (site web personnel) . En réponse au sondage Quel format d'image pour les dépêches et journaux ?. Évalué à 2. Dernière modification le 30 décembre 2016 à 09:56.
Je ne suis pas sûr de comprendre de quelles images tu veux parler...
Peux-tu donner des exemple d'images carrés que tu aimerai voir détourées ?
Ce sondage est surtout pour donner des consignes aux rédacteurs qui créent de nouveaux dessins pour illustrer leur dépêche, et j'en fais parti.
Personnellement, j'hésite entre de beaux PNG mais qui pèsent un petit mégaoctet, ou du WebP qui permet le même rendu pour un poids 10 fois plus petit mais malheureusement Firefox ne le prend pas encore en charge, ou convertir en SVG mais le rendu du texte dépend des polices de caractères disponibles (sans parler que Firefox ne prend pas encore en charge les attributs
letter-spacingetword-spacing) à moins de convertir le texte en chemin mais alors la taille du fichier est multipliée... ou aussi toutes les autres possibilités mentionnées dans ce sondage.Jusqu'à maintenant, j'essayais de privilégier la taille des fichiers.
Pour une image matricielle, j'opte pour du PNG avec une palette de 4 ou 8 couleurs (couleurs indexées), un fond transparent sur un bit (pas de joli canal alpha en dégradé), et un contour blanc des traits noirs au cas où le CSS utiliserait un fond de couleur foncé. Voici un exemple :
Image matricielle au format PNG avec un fond transparent canal alpha gérée sur 1 bit et une palette réduite à quelques couleurs. Sur cette images dessinée au trait noir, deux collègues sont étonnés de voir autant de dépêches C++ et pensent que le site LinuxFr.org s'est fait piraté
Pour une image vectorielle, j'opte pour du SVG avec la police de caractères Purisa (maintenue par Theppitak Karoonboonyanan sous licence GPL2) car c'est la seule police de caractères sympathique qui est installée par défaut sur Ubuntu. Malheureusement, cette police n'est pas installée par défaut sur Fedora, ni Windows (pour ce que j'ai testé) et le dessin ne donne pas le même rendu. En plus, pour obtenir des SVG de petite taille, avec Inkscape, je vais dans le menu Fichier -> Nettoyer, puis j'enregistre en SVG Simple, puis j'utilise un script
sedmaison pour les arrondis, puis une passe avec le script pythonscourpour virer les trucs inutiles laissés par Inkscape, et enfin, je termine à la main en éditant directement le SVG. Voici un exemple dont vous pourrez admirer le code source :Les deux filles nerds discutent sur la manipulation des bits au grand bonheur des jeux de mots
Je remarque que de nombreux lecteurs veulent du beau PNG bien lourd ou du SVG. OK, je vais aller dans ce sens là.
Commentaire sous licence Creative Commons Zero CC0 1.0 Universal (Public Domain Dedication)