Come convertire un SVG quadrato in ICO di tutte le dimensioni?

Ho disegnato un'icona in InkScape e vorrei esportarla in un file ICO che includesse gli sprite per tutte le risoluzioni ragionevoli (16x16, 32x32, ... 256x256 ecc.). Come è possibile farlo (senza utilizzare software enormi e costosi come Photoshop, CorelDraw ecc.)?

Puoi usare ImageMagick immediatamente:

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

Una soluzione da riga di comando:

1) Esporta il tuo SVG in PNG con InkScape

2) Ridimensiona questa immagine PNG alle dimensioni desiderate con 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) Convertire le immagini PNG in ICO:

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

4) Assicurati che il tuo ICO contenga tutto:

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

Versione 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

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

Richiede: inkscape imagemagick optipng (opzionale) dal gestore pacchetti.

Ho trovato più facile ricreare questo per la shell bash poiché Win10 e Inkscape non andavano d'accordo. Questo è stato testato all'interno del sottosistema Windows per Linux, ma dovrebbe funzionare anche su Mac.

Ho usato questo riferimento per scegliere le dimensioni che mi interessavano: https://github.com/audreyr/favicon-cheat-sheet . Adatta l' sizearray alle tue esigenze specifiche.

Suggerirei questo approccio:

1) creare uno script per esportare SVG in qualsiasi dimensione richiesta. Ho codificato questo script .bat per aiutarmi a creare un'icona 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

NOTA :

• % inkscape% var definito deve essere adeguato al percorso di installazione di Inkscape
• lo script fa eco a tutti i comandi di esportazione in un file temporaneo per una migliore gestione del processo inkscape. Il parametro "shell" cli accetta più comandi usando una singola istanza invece di generare un'istanza per comando.

Con questo parametro, Inkscape entrerà in una modalità shell della riga di comando interattiva. In questa modalità, digiti i comandi al prompt e Inkscape li esegue, senza che tu debba eseguire una nuova copia di Inkscape per ciascun comando. Questa funzione è utile soprattutto per gli script e gli usi del server: non aggiunge nuove funzionalità ma consente di migliorare la velocità e i requisiti di memoria di qualsiasi script che chiama ripetutamente Inkscape per eseguire attività da riga di comando (come esportazione o conversioni). Ogni comando in modalità shell deve essere una riga di comando Inkscape valida completa ma senza il nome del programma Inkscape, ad esempio "file.svg --export-pdf = file.pdf". ( vedi il manuale di inkscape )

2) Aggiungi allo script sopra la sintassi di conversione dichiarata nella risposta philippe-b che unisce tutti i PNG generati in un singolo file ICO

3) Opzionalmente, rimuovere tutti i PNG esportati in quanto non sono più necessari

Questo sito Web è la mia meta per la generazione di favicon in quanto include le icone per Aggiungi alla schermata iniziale per la maggior parte dei dispositivi (Windows, macOS, Android, iOS) https://realfavicongenerator.net/