SVG-ni ikona çevirmək

Q: Bu səhifənin SVG-ni ICO-ya çevirmə səhifəsindən fərqi nədir?

[SVG-dən ICO-ya](/svg-to-ico) səhifəsi favikonlar və Windows üçün tək .ico faylına fokuslanır. Bu səhifə ikonun lazım olduğu bütün yerləri əhatə edir: macOS ICNS və Android, iOS və tətbiq mağazalarının tələb etdiyi sabit ölçülü PNG-lər daxil.

Bir vektor loqo bütün ikon yerlərini doldura bilər: favicon, Windows qısayolu, Mac tətbiqi və telefonlardakı başladıcı ikonları. Bu səhifə çoxölçülü ICO ilə açılır, digər platformalar üçün isə ICNS və ya PNG formatına keçə bilərsiniz.

və ya JPG, JPEG, JPE … faylları bura sürüşdürün ·

Hər fayl üçün maks. 95 MB· 20 fayla qədər· 30 dəqiqədən sonra silinir

Nəticə

Çevriləcək format

Fayllar serverlərimizdə emal olunur və 30 dəqiqədən sonra silinir.

Bu alətdən necə istifadə etməli

1
Kvadrat SVG yükləyin
Loqonuzun SVG faylını əlavə edin, tercihən kvadrat viewBox ilə. Eyni anda 20-yə qədər fayl əlavə edə bilərsiniz, məsələn, açıq və tünd variant.
2
İkon formatını seçin
İkon ölçüləri Bütün ölçülər (16–256) olaraq təyin edilmiş ICO əvvəlcədən seçilib. macOS üçün Çevriləcək format bölməsində ICNS, telefon və ya mağaza ikonu üçün isə Nəticə şəklinin ölçüsünü dəyiş bölməsində eni göstərməklə PNG seçin.
3
Çevirin və faylları yerləşdirin
ICO formatına Çevir → düyməsinə basın (yazı seçdiyiniz formata görə dəyişir), faylları endirin və hər birini platformanın tələb etdiyi yerə qoyun.

Vahid ikon formatı yoxdur. Windows və brauzerlər ICO, macOS ICNS, telefonlar isə PNG dəstlərindən istifadə edir. SVG-dən başlamaq o deməkdir ki, hər biri vektordan yenidən çəkilir və hər ölçüdə aydın olur.

SVG-dən ikona: bir vektor, üç növ ikon faylı

İkon faylı vektor deyil, kiçik bitmap-lərdən ibarət konteynerdir. Əməliyyat sistemi lazım olan ölçüyə ən yaxın bitmap-i seçir, buna görə yaxşı ikonda bir neçə bitmap olur və hər biri öz şəbəkəsi üçün çəkilir.

Bu səhifədəki ICO hazır ayarı 16-dan 256 px-ə qədər bütün ölçüləri bir fayla yazır; bu, favicon.ico və Windows qısayollarını əhatə edir. Apple ikon konteyneri üçün Çevriləcək format bölməsini ICNS-ə, Android, iOS və tətbiq mağazalarının istədiyi tək ölçülər üçün isə PNG-yə dəyişin.

Cədvəldə əsas platformaların ikon yerləri üçün dərc etdiyi tələblər verilib.

Hər platformanın gözlədiyi ikon faylları
Təşkilat	Tələb	Mənbə
Windows iş masası və tapşırıq paneli	16, 32, 48 və 256 px daxil olmaqla bir neçə ölçülü ICO	—
Sayt favikonu	Saytın kökündə 16, 32 və 48 px ölçülü favicon.ico; apple-touch-icon üçün 180 × 180 px PNG	—
macOS tətbiq ikonu	ICNS və ya Xcode asset kataloqu, 1024 × 1024 px-ə qədər ölçülər	—
Google Play mağaza səhifəsi	512 × 512 px 32 bitlik PNG, 1 024 KB-a qədər	—
Apple App Store	Şəffaflıqsız 1024 × 1024 px PNG	—

SVG

Scalable Vector Graphics

SVG 2001-ci ildə W3C tərəfindən standartlaşdırılmış XML əsaslı vektor formatdır. Piksellər əvəzinə formaları, yolları və mətni təsvir edir, ona görə istənilən ölçüdə kəskin qalır və loqo və ikonlar üçün adətən çox kiçik olur. Şəffaflığı, CSS üslubunu, skriptləri və animasiyanı dəstəkləyir, hər brauzer onu doğma göstərir. SVG fotolar üçün uyğun deyil, mürəkkəb illüstrasiyaların göstərilməsi isə yavaşlaya bilər. Illustrator, Inkscape, Figma və brauzerlər onu aça və redaktə edə bilir.

Sıxılma: –
Şəffaflıq: Bəli
Animasiya: Bəli
İlk dəfə təqdim edilib: 2001 · W3C

SVG konvertoru

ICO

Windows ikonu

ICO Windows proqram ikonları və vebsayt favikonları üçün işlənən Microsoft ikon formatıdır. Tək .ico faylı 16×16, 32×32, 48×48 və 256×256 piksel kimi müxtəlif ölçülü bir neçə şəkil saxlaya bilir, sistem ən uyğununu seçir. Hər şəkil bitmap və ya PNG məlumatı kimi saxlana və tam alfa şəffaflığını dəstəkləyir. ICO fotolar və ya böyük qrafika üçün nəzərdə tutulmayıb. Brauzerlər, Windows və əksər ikon redaktorları onu oxuyur.

Sıxılma: İtkisiz
Şəffaflıq: Bəli
Animasiya: Xeyr
İlk dəfə təqdim edilib: Microsoft

ICO konvertoru

İnsanlar bir vektor loqosu və xidmət göstəriləcək bir neçə platforması olduqda SVG-dən ikona axtarış edir; hər birinin öz ikon konteyneri var: saytda favicon.ico, Mac-də ICNS, tətbiq mağazalarında isə ölçülü PNG-lər.

SVG-ni Windows, Mac, Android və iOS üçün ikon fayllarına çevirin

ICO-nu saxlayın və İkon ölçüləri parametrini Bütün ölçülər olaraq qoyun. Nəticəni sayt kökü üçün favicon.ico adlandırın və ya Windows qısayolunun Change Icon pəncərəsində ona yönləndirin.

Bir .ico tablar, əlfəcinlər və tapşırıq paneli üçün kifayətdir
iPhone ana ekran əlfəcinləri üçün 180 px PNG əlavə edin

16 px-də də aydın qalan SVG necə hazırlanır

16 × 16 px ikonda cəmi 256 piksel var. Əksər brendlərin ayrıca ikon işarəsi olur, çox vaxt sadəcə simvol və ya bir hərf, qalın formalar və az rənglə; sizdə yoxdursa, ikonlar üçün SVG-nin sadələşdirilmiş nüsxəsini hazırlayın.

Çevirməzdən əvvəl viewBox-u yoxlayın. Geniş viewBox işarənin üstündə və altında boş zolaqları olan ikon yaradır, ona görə əvvəlcə onu kvadrata kəsin; kvadrat kəsmə şəkli nisbətə görə kəsmək bələdçisində izah olunub, SVG-dən PNG-yə isə dizaynı qiymətləndirmək üçün sürətli böyük önbaxış verir.

SVG-ni ikona çevirmək: tez-tez verilən suallar

Bu səhifənin SVG-ni ICO-ya çevirmə səhifəsindən fərqi nədir?

SVG-dən ICO-ya səhifəsi favikonlar və Windows üçün tək .ico faylına fokuslanır. Bu səhifə ikonun lazım olduğu bütün yerləri əhatə edir: macOS ICNS və Android, iOS və tətbiq mağazalarının tələb etdiyi sabit ölçülü PNG-lər daxil.

Hər əməliyyat sistemi hansı ikon formatından istifadə edir?

Windows ICO, macOS ICNS və ya Xcode-da yaradılan asset kataloqlarını oxuyur; Android və iOS isə sabit piksel ölçülü PNG şəkillər qəbul edir.

Tətbiqim üçün bütün PNG ölçülərini bir çevirmə ilə ala bilərəmmi?

Xeyr. PNG yalnız bir ölçü saxlayır, ona görə hər çevirmə bir en yazır. Nəticə şəklinin ölçüsünü dəyiş sahəsində bir ölçü təyin edin, çevirin, sonra ədədi dəyişib yenidən çevirin; hər ölçü vektordan aydın çəkilir.

Bu səhifədən alınan ICNS Retina Mac ikonlarını əhatə edirmi?

İçində 16-dan 256 px-ə qədər ölçülər olur. Müasir macOS tətbiq ikonlarında Retina ekranlar üçün 512 px və 1024 px də var; onları Xcode və ya Apple-ın iconutil aləti PNG-lərdən yığır. Bu ikisini burada PNG kimi ixrac edib dəstə əlavə edin.

İkonun fonu şəffaf qalmalıdırmı?

ICO, ICNS və Android launcher qatları üçün bəli: şəffaflıq sistemə öz fonunu çəkməyə imkan verir. İstisna iOS App Store ikonudur; Apple alfa kanallı 1024 px marketinq ikonunu rədd edir, ona görə həmin PNG üçün SVG-də bircins fon verin.

Detallı loqom kiçik ikonda niyə ləkəyə çevrilir?

16 və ya 32 px-də nazik xətlərə və kiçik yazıya yer yoxdur. Xətləri ən kiçik ölçüdə ən azı bir tam piksel örtəcək qədər qalınlaşdırın və yazı loqonu çıxarın.