If you make changes to this website that involve adding new images or replacing existing ones, here are a couple of general recommendations:
Images¶
- We prefer SVG images, but if those do not exist we can use PNG images. Additionally, for cover images, we prefer that they are obtained from Unsplash and are in the WebP format.
Les logos d'entreprise ont une taille canvas de :
- 128x128px
- 384x128px
Optimisation¶
PNG¶
Use the OptiPNG tool to optimize PNG images:
optipng -o7 file.png
SVG¶
Inkscape¶
Scour toutes les images SVG.
Dans Inkscape :
- Fichier Enregistrer sous..
- Définir le type à SVG optimisé (*.svg)
Dans l'onglet Options :
- Nombre de chiffres significatifs pour les coordonnées > 5
- Activez Raccourcir les valeurs de couleur
- Activez Convertir les attributs CSS en attributs XML
- Activez Réduire les groupes
- Activez Créer des groupes pour des attributs similaires
- Désactivez Conserver les données de l'éditeur
- Désactivez Conserver les définitions non référencées
- Activez Contourner les bugs du moteur de rendu
Dans l'onglet Sortie SVG sous Options du document :
- Désactivez Supprimer la déclaration XML
- Activez Supprimer les métadonnées
- Activez Supprimer les commentaires
- Activez Images matricielles incorporées
- Activez Activer le viewboxing
Dans le document Sortie SVG sous Pretty-printing :
- Désactivez Formatage de la sortie avec sauts de ligne et indentation
- Caractères d'indentation > Sélectionnez Espace
- Profondeur de l'indentation > 1
- Désactivez Supprimer l'attribut "xml:space" de l'élément SVG racine
Dans l'onglet identifiants :
- Activez Supprimer les identifiants inutilisés
- Désactivez Raccourcir les identifiants
- Préfixer les identifiants raccourcis avec >
leave blank - Activez Préserver les identifiants créés manuellement ne se terminant pas par des chiffres
- Conserver les identifiants suivants >
leave blank - Préserver les identifiants commençant par >
leave blank
Invite de commande¶
La même chose peut être réalisée avec la commande Scour :
scour --set-precision=5 \
--create-groups \
--renderer-workaround \
--remove-descriptive-elements \
--enable-comment-stripping \
--enable-viewboxing \
--indent=space \
--nindent=1 \
--no-line-breaks \
--enable-id-stripping \
--protect-ids-noninkscape \
input.svg output.svg
WebP¶
Use the cwebp command to convert PNG or JPEG image files to WebP format:
cwebp -q 70 -m 6 input_file -o output.webp