Comment convertir un SVG carré en ICO toutes tailles?

J'ai dessiné une icône dans InkScape et je voudrais l'exporter dans un fichier ICO qui inclurait des sprites pour toutes les résolutions raisonnables (16x16, 32x32, ... 256x256 etc.). Comment cela peut-il être fait (sans utiliser de logiciels énormes et coûteux comme Photoshop, CorelDraw, etc.)?

Vous pouvez utiliser ImageMagick immédiatement:

convert -density 384 icon.svg -define icon:auto-resize icon.ico

Une solution en ligne de commande:

1) Exportez votre SVG en PNG avec InkScape

2) Redimensionnez cette image PNG aux tailles que vous souhaitez avec ImageMagick:

magick convert master.png -resize 16x16 16.png
magick convert master.png -resize 32x32 32.png
magick convert master.png -resize 48x48 48.png

3) Convertissez les images PNG en ICO:

magick convert 16.png 32.png 48.png icon.ico

4) Assurez-vous que votre ICO contient tout:

identify icon.ico
icon.ico[1] ICO 16x16 16x16+0+0 32-bit sRGB 21.2KB 0.000u 0:00.000
icon.ico[0] ICO 32x32 32x32+0+0 32-bit sRGB 21.2KB 0.000u 0:00.000
icon.ico[0] ICO 48x48 48x48+0+0 32-bit sRGB 21.2KB 0.000u 0:00.000

Version bash ...

#!/bin/bash

set -ex

svg=$1

size=(16 32 24 48 72 96 144 152 192 196)

echo Making bitmaps from your svg...

for i in ${size[@]}; do
  inkscape $svg --export-png="favicon-$i.png" -w$i -h$i --without-gui
done

echo Compressing...

## Replace with your favorite (e.g. pngquant)
# optipng -o7 favicon-*.png
pngquant -f --ext .png favicon-*.png --posterize 4 --speed 1

echo Converting to favicon.ico...

convert $(ls -v favicon-*.png) favicon.ico

## Clean-up maybe?
# rm favicon-*.png

echo Done

Usage: ./favicon.sh your-square-svg-file.svg

Requiert: inkscape imagemagick optipng (facultatif) de votre gestionnaire de paquets.

J'ai trouvé plus facile de recréer cela pour le shell bash car Win10 et Inkscape ne s'entendaient pas. Cela a été testé dans le sous-système Windows pour Linux, mais cela devrait également fonctionner sur Mac.

J'ai utilisé cette référence pour choisir les tailles auxquelles je tenais: https://github.com/audreyr/favicon-cheat-sheet . Ajustez la sizebaie à vos besoins spécifiques.

Je suggérerais cette approche:

1) créez un script pour exporter le SVG à n'importe quelle taille requise. J'ai codé ce script .bat pour m'aider à créer une icône Android

@echo off
set file="%~f1"
set path=%~dp1
set inkscape="C:\Program Files\Inkscape\inkscape.exe"

echo Le icone saranno salvate in %path%
echo Produzione icone applicative

echo %file% --export-png="%path%/ic32.png" -w32 -h32 > %~dp1/commands.txt
echo %file% --export-png="%path%/ic48.png" -w48 -h48 > %~dp1/commands.txt
echo %file% --export-png="%path%/ic72.png" -w72 -h72 > %~dp1/commands.txt
echo %file% --export-png="%path%/ic96.png" -w96 -h96 > %~dp1/commands.txt
echo %file% --export-png="%path%/ic144.png" -w144 -h144 > %~dp1/commands.txt
echo %file% --export-png="%path%/ic192.png" -w192 -h192 > %~dp1/commands.txt
echo %file% --export-png="%path%/ic512.png" -w512 -h512 > %~dp1/commands.txt
%inkscape% --shell < %~dp1/commands.txt
erase "%~dp1/commands.txt"

echo Procedura terminata

REMARQUE :

• le % var défini inkscape% doit être adapté à votre chemin d'installation d'Inkscape
• le script fait écho à toutes les commandes d'exportation vers un fichier temporaire pour une meilleure gestion du processus inkscape. Le paramètre cli "shell" accepte plus de commandes utilisant une seule instance au lieu de générer une instance par commande.

Avec ce paramètre, Inkscape entrera dans un mode shell de ligne de commande interactive. Dans ce mode, vous tapez des commandes à l'invite et Inkscape les exécute, sans que vous ayez à exécuter une nouvelle copie d'Inkscape pour chaque commande. Cette fonctionnalité est principalement utile pour les scripts et les utilisations de serveur: elle n'ajoute aucune nouvelle fonctionnalité mais vous permet d'améliorer la vitesse et les besoins en mémoire de tout script qui appelle à plusieurs reprises Inkscape pour effectuer des tâches de ligne de commande (telles que l'exportation ou les conversions). Chaque commande en mode shell doit être une ligne de commande Inkscape valide complète mais sans le nom du programme Inkscape, par exemple "file.svg --export-pdf = file.pdf". ( voir le manuel d'inkscape )

2) Ajoutez au script ci-dessus la syntaxe de conversion indiquée dans la réponse philippe-b qui fusionne tous les PNG générés en un seul fichier ICO

3) En option, supprimez tous les fichiers PNG exportés car ils ne sont plus nécessaires

Ce site Web est ma référence pour la génération de favicon car il comprend les icônes de l'écran d'accueil pour la plupart des appareils (Windows, macOS, Android, iOS) https://realfavicongenerator.net/