Jak przekonwertować kwadratowy plik SVG na pełnowymiarowy ICO?

Narysowałem ikonę w InkScape i chciałbym wyeksportować ją do pliku ICO, który zawierałby duszki dla wszystkich rozsądnych rozdzielczości (16x16, 32x32, ... 256x256 itp.). Jak można to zrobić (bez użycia ogromnego i drogiego oprogramowania, takiego jak Photoshop, CorelDraw itp.)?

Możesz od razu użyć ImageMagick :

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

Rozwiązanie wiersza poleceń:

1) Eksportuj SVG do PNG za pomocą InkScape

2) Zmień rozmiar tego obrazu PNG do żądanych rozmiarów za pomocą 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) Konwertuj obrazy PNG do ICO:

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

4) Upewnij się, że Twoje ICO zawiera wszystko:

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

Wersja 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

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

Wymaga: inkscape imagemagick optipng (opcjonalnie) od menedżera pakietów.

Znalazłem łatwiej odtworzyć to dla powłoki bash, ponieważ Win10 i Inkscape nie dogadywali się. Zostało to przetestowane w podsystemie Windows dla systemu Linux, ale powinno również działać na komputerach Mac.

Skorzystałem z tego odniesienia, aby wybrać rozmiary, na których mi zależało: https://github.com/audreyr/favicon-cheat-sheet . Dostosuj sizetablicę do swoich konkretnych potrzeb.

Sugerowałbym takie podejście:

1) Utwórz skrypt, aby wyeksportować SVG do dowolnego wymaganego rozmiaru. Zakodowałem ten skrypt .bat, aby pomóc mi stworzyć ikonę Androida

@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

UWAGA :

• zdefiniowany % inkscape% var powinien być odpowiedni do ścieżki instalacji Inkscape
• skrypt echa wszystkich poleceń eksportu do pliku tymczasowego, aby lepiej zarządzać procesem inkscape. Parametr cli „shell” akceptuje więcej poleceń za pomocą jednej instancji zamiast odradzać instancję na komendę.

Za pomocą tego parametru Inkscape przejdzie w tryb powłoki interaktywnego wiersza poleceń. W tym trybie wpisujesz polecenia w wierszu polecenia, a Inkscape je wykonuje, bez konieczności uruchamiania nowej kopii Inkscape dla każdego polecenia. Ta funkcja jest szczególnie przydatna w przypadku skryptów i zastosowań serwerowych: nie dodaje żadnych nowych możliwości, ale pozwala poprawić wymagania dotyczące szybkości i pamięci dowolnego skryptu, który wielokrotnie wywołuje Inkscape w celu wykonywania zadań wiersza poleceń (takich jak eksport lub konwersje). Każde polecenie w trybie powłoki musi być kompletnym prawidłowym wierszem polecenia Inkscape, ale bez nazwy programu Inkscape, na przykład „file.svg --export-pdf = plik.pdf”. ( patrz instrukcja Inkscape )

2) Dodaj do powyższego skryptu składnię konwersji podaną w odpowiedzi philippe-b, która łączy wszystkie wygenerowane pliki PNG w jeden plik ICO

3) Opcjonalnie usuń wszystkie eksportowane pliki PNG, ponieważ nie są już potrzebne

Ta strona jest moim miejscem do generowania favicon, ponieważ zawiera ikony Dodaj do ekranu głównego dla większości urządzeń (Windows, macOS, Android, iOS) https://realfavicongenerator.net/