WebP-ni ICO-ya çevirmək
Loqonuz yalnız öz saytınızdan saxlanmış və ya dizayn proqramından ixrac edilmiş WebP kimi mövcuddur? Onu brauzerlərin, əlfəcinlərin və Windows qısayollarının əlavə kod olmadan tanıdığı favicon.ico faylına çevirin.
Şəkil çevirici
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
Fayllar serverlərimizdə emal olunur və 30 dəqiqədən sonra silinir.
85 fotoları orijinalla vizual olaraq eyni saxlayır. Yalnız daha kiçik fayl lazım olanda azaldın.
JPG, BMP və EPS şəffaflığı dəstəkləmir. Şəffaf pikselləri bu rəngə boyayırıq.
Şəffaf pikselların arxasında istifadə olunan hex rəngi, məsələn #FFFFFF.
Bu format yalnız bir şəkil saxlayır. Animasiyanı saxlamaq istəyirsinizsə, GIF və ya WebP seçin.
Çoxölçülü ikon bir faylda bir neçə həlli saxlayır; brauzerlər və əməliyyat sistemləri lazım olanı seçir.
Orijinal ölçüləri saxlayın və ya bir tərəfi daxil edin, en-boy nisbəti qorunur.
Yuxarıda seçdiyiniz tərəf üçün piksel.
Orijinal ölçülərin faizi.
sRGB ekranlar və veb üçün düzgündür. Çap iş axınları üçün orijinalı saxlayın; boz tonlar rəngi atır.
Yalnız metadata; 0 orijinal dəyəri saxlayır. Printerlər və bəzi portallar bu ədədi oxuyur; piksel ölçülərini dəyişmir.
Bu alətdən necə istifadə etməli
- 1
WebP loqonu yükləyin
Bir .webp faylı və ya eyni anda 20-yə qədər fayl sürüşdürün, hər biri 95 MB-dək. Ən azı 256 × 256 px ölçüsündə kvadrat loqo ən yaxşı nəticə verir.
- 2
Bütün ikon ölçülərini saxlayın
İkon ölçüləri parametri Əlavə ayarlar bölməsində Bütün ölçülər (16–256) ilə başlayır. Animasiyalı WebP fayllarında birinci kadr istifadə olunur.
- 3
Çevirin və saytınıza yükləyin
ICO formatına çevir düyməsini basın, lazım olsa faylın adını favicon.ico edin və saytınızın kök qovluğuna qoyun.
Saytlardan saxlanmış loqolar bu gün adətən WebP olur. Bir çevirmə həmin faylı şəffaf fonu qorunan çoxölçülü favicon.ico faylına çevirir.
WebP loqodan favicon.ico yaratmaq
Google 2010-cu ildə təqdim etdikdən sonra WebP veb-in böyük hissəsində əsas şəkil formatına çevrildi; WordPress 2021-ci ildə 5.8 versiyasından WebP yükləmələrini qəbul edir, bir çox şəkil CDN-i isə təqdim etdiyi hər PNG-ni çevirir. Buna görə öz loqonuzu axtaranda tapdığınız nüsxə çox vaxt .webp olur, favicon generatorları, Windows və bəzi hostinq panelləri isə onu qəbul etmir.
ICO formatı WebP-dən fərqli problemi həll edir. Bir sıxılmış şəkil əvəzinə bir neçə kvadrat bitmapi birləşdirir, brauzer və ya əməliyyat sistemi isə lazım olan ölçünü seçir: tab üçün 16 px, tapşırıqlar paneli və ya əlfəcin paneli üçün 32 px, iş masası qısayolları və yüksək sıxlıqlı ekranlar üçün daha böyükləri. Çevirmə bu ölçüləri WebP faylınızdan bir keçidlə yaradır.
Səhifə başlığındakı loqo üçün WebP-nin özünü saxlayın. İki fayl müxtəlif yerlərə xidmət edir və çevirmə orijinalı dəyişmir.
Çevirici ICO faylına nələri daxil edir
- Bir .ico faylında beş ölçü
- 16–256 px
- Bir dəstdə WebP faylı
- 20
- Hər fayl üçün maksimum ölçü
- 95 MB
- Sonra serverdən silinir
- 30 dəq
WEBP
WebP şəkli
WebP Google tərəfindən 2010-cu ildə veb səhifələrin daha sürətli yüklənməsi üçün buraxılmış şəkil formatıdır. İtkili və itkisiz sıxılmanı, alfa şəffaflığı və animasiyanı tək formatda dəstəkləyir. İtkili WebP faylları oxşar görünüşlü JPEG-lərdən adətən 25–35% kiçikdir, itkisiz WebP isə çox vaxt PNG-dən kiçikdir. Bütün müasir brauzerlər onu dəstəkləyir, lakin bəzi köhnə masaüstü proqramlar, çap xidmətləri və yükləmə formaları hələ də rədd edir. Windows, macOS və əksər müasir şəkil redaktorları WebP fayllarını aça bilir.
- Sıxılma
- İtkili və ya itkisiz
- Şəffaflıq
- Bəli
- Animasiya
- Bəli
- İlk dəfə təqdim edilib
- 2010 · Google
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
Brend işarəsinin yeganə nüsxəsi saytın və ya CMS-in təqdim etdiyi sıxılmış fayl olduqda WebP loqo ICO-ya çevrilir, sayt isə kökündə yenə də favicon.ico tələb edir.
WebP loqonu 16 px brauzer vərəqi üçün hazırlamaq
İşarəyə qədər kəsin
Əksər loqolar enlidir. Yalnız simvolu və ya ilk hərfi saxlayın və kiçik boşluqla kvadrat kəsin.
Kiçik mətni çıxarın
Şüarlar və yazı loqoları 16 px-də boz səs-küyə çevrilir. Tək qalın forma qalır, nazik xətlər isə yox.
Hər iki tab rəngini yoxlayın
Nəticəyə açıq və tünd brauzer mövzusunda baxın. Şəffaf fonda tünd loqo tünd tabda itə bilər.
Yeni favicon-u saytınıza əlavə etmək
favicon.ico faylını kök qovluğa qoyun ki, yoursite.com/favicon.ico ünvanında cavab versin. Səhifənin head hissəsində <link rel="icon" href="/favicon.ico" sizes="any"> ilə göstərmək seçimi aydın edir, WordPress kimi CMS-də isə bu teqləri sizin üçün yazan Site Icon sahəsi var.
Dəsti daha iki ikon tamamlayır. iPhone və iPad-lər kimsə saytınızı ana ekrana əlavə edəndə apple-touch-icon, yəni 180 × 180 px PNG istifadə edir; onu WebP-dən PNG-yə və kəsmə bələdçimizlə hazırlayın. Google Axtarış ölçüsü 48 px-in misli olan kvadrat favicon istəyir, ona görə ana səhifədən bağlanmış 96 və ya 144 px PNG axtarış nəticələrini də əhatə edir. Brauzerlər faviconları güclü keşləyir; yenisini dərhal görmək üçün səhifəni gizli pəncərədə açın.
WebP-dən ICO-ya çevirmə ilə bağlı suallar
Loqom artıq WebP formatındadırsa, .ico nəyə lazımdır?
Səhifədə ikon göstərilmədikdə brauzerlər saytınızın kökündən /favicon.ico faylını özləri istəyir. Windows qısayolları, köhnə brauzerlər və bir çox CMS favicon sahələri ICO və ya PNG gözləyir. Kökdəki bir .ico faylı heç bir markup olmadan hamısına cavab verir.
WebP loqonun ətrafındakı şəffaf sahə şəffaf qalacaqmı?
Bəli. WebP və ICO hər ikisi alfa kanalını daşıyır, buna görə şəffaf fon ikonun içindəki bütün ölçülərə olduğu kimi keçir və favicon həm açıq, həm tünd brauzer tablarında səliqəli görünür.
Animasiyalı WebP yükləsəm nə olar?
ICO yalnız statik şəkilləri saxlayır, ona görə çevirici birinci kadrdan istifadə edir (Animasiyalı fayl parametri Yalnız birinci kadr olaraq təyin olunub). Birinci kadr boşdursa və ya keçid anındadırsa, başqa mənbə seçin.
WebP-nin itkili sıxılması favicon-da görünəcəkmi?
16–64 px ölçülərdə nadir hallarda, çünki kiçiltmə xırda artefaktları orta qiymətə salıb aradan qaldırır. 128 və 256 px qatlarında zəif haloların qalması mümkündür. Loqo vektor formatında da varsa, SVG-dən ICO-ya ən təmiz kənarları verir.
Kəskin favicon üçün WebP loqonun hansı ölçüsü lazımdır?
Ən azı 256 × 256 px və kvadrat olmalıdır ki, ən böyük qat böyütməklə yox, kiçiltməklə yaradılsın. Səhifə başlığından saxlanmış 120 px loqo böyük ölçülərdə bulanıq görünəcək.