როგორ გავაკეთო ფავიკონი ჩემი ლოგოდან?

ჩააგდეთ PNG, JPEG, WebP ან SVG ფაილი, დააყენეთ პარამეტრები, მაგალითად ფორმა, დაშორება და აპის სახელი, შემდეგ დააწკაპუნეთ ფავიკონის პაკეტის გენერირება (.zip). დააკოპირეთ HTML ფრაგმენტი, რომელიც ნაჩვენებია ჩასვით თქვენს head-ში ქვეშ.

რა ფაილებია ფავიკონის ZIP-ში?

favicon-package.zip შეიცავს favicon.ico-ს, PNG ხატულებს (16, 32, 180, 192 და 512 პიქსელი), site.webmanifest-ს თქვენი აპის სახელით და favicon-snippet.html-ს link ტეგებით.

რა ზომისა და ფორმატის სურათი უნდა ავტვირთო?

მიიღება PNG, JPEG, WebP და SVG, ერთდროულად ერთი ფაილი. ყველაზე მკვეთრი შედეგისთვის გამოიყენეთ კვადრატული სურათი მინიმუმ 512x512; გამჭვირვალე PNG ან SVG საუკეთესოდ მუშაობს.

როგორ მივიღო მრგვალი ან მომრგვალებული ფავიკონი?

ატვირთვის შემდეგ აირჩიეთ კვადრატი, მომრგვალებული ან წრე განყოფილებაში ფორმა. ასევე შეგიძლიათ დაშორება 0-დან 25 პროცენტამდე დაარეგულიროთ და შედეგი ბრაუზერის ჩანართის გადახედვაში ნახოთ.

იტვირთება თუ არა ჩემი სურათი და რატომ ვერ ხერხდება გენერირება?

ხატულები იხატება ბრაუზერის Canvas-ით და იარქივება JSZip-ით თქვენს მოწყობილობაზე. თუ ხედავთ შეტყობინებას ამ სურათის ჩატვირთვა ვერ მოხერხდა, ფაილი შეიძლება დაზიანებული იყოს; სცადეთ სხვა სურათი ან ბრაუზერი.

მართლა უფასოა?

დიახ. ყველა ხელსაწყო სრულიად უფასოა, ანგარიშისა და საბანკო ბარათის გარეშე. სამუშაო სერვერის ნაცვლად თქვენს მოწყობილობაზე სრულდება, რაც უფასოდ გამოყენების საშუალებას იძლევა.

იტვირთება ჩემი ფაილები?

არა. თქვენი ფაილები იხსნება და მუშავდება ბრაუზერის შიგნით და LibraTool-ს არ ეგზავნება. ზოგი ხელსაწყო ჯერ ბრაუზერში ჩამოტვირთავს დამუშავების ძრავას ან AI მოდელს; ამ ჩამოტვირთვაში თქვენი მონაცემები არ შედის.

მობილურზე მუშაობს?

დიახ. მუშაობს iOS-ისა და Android-ის თანამედროვე მობილურ ბრაუზერებში, არაფრის ინსტალაციის გარეშე. ძალიან დიდი ფაილები ტელეფონზე შეიძლება ნელა იმუშაოს ან მეხსიერება ამოიწუროს, ამიტომ ასეთებისთვის კომპიუტერი გამოიყენეთ.

🌟

Favicon გენერატორი უფასოდ

გადაიყვანეთ ნებისმიერი სურათი სრული favicon პაკეტად: მრავალი ზომის favicon.ico, Apple touch icon, Android/PWA ხატები, web manifest და ჩასმის მზა HTML სნიპეტი — ყველაფერი ZIP-ადაა, ბრაუზერში.

ფაილის ზომა დამოკიდებულია თქვენს მოწყობილობაზეფაილები რჩება პირადიშესვლა საჭირო არ არისუფასო სამუდამოდ

ჩააგდეთ ფაილი აქ ან დააწკაპუნეთ არჩევისთვის

PNG, JPG, WebP, SVG, HEIC, HEIF · მუშავდება თქვენს მოწყობილობაზე

ან დააჭირეთ Ctrl+V-ს ბუფერიდან ჩასასმელად

ფაილების დათვალიერება

თქვენი ფაილები არასოდეს ტოვებს თქვენს მოწყობილობას. ყველა დამუშავება ხდება ადგილობრივად თქვენს ბრაუზერში.

💡 საუკეთესო შედეგისთვის ატვირთეთ მინიმუმ 512×512 კვადრატული სურათი. გამჭვირვალე PNG ან SVG ყველაზე შესაფერისია.

გავრცელებული გამოყენება

ფავიკონის შექმნა ვებსაიტისთვისშექმენით სრული ფავიკონების კომპლექტი, რომელსაც მოელის ყველა ბრაუზერი და მოწყობილობა.
PWA და Manifest- ნიშნების შექმნამიიღეთ 192px და 512px ნიშნები და ვებ-მანიფესტი, რომელიც PWAს სჭირდება.
Apple Touch- ნიშნის შექმნაშექმენით 180×180 ნიშანი, რომელსაც იყენებს iOS, როდესაც საიტი შენახული იქნება ოჯხის ეკრანზე.
ლოგოტიპის ფავიკონამდე გადაყვანათქვენი ბრენდის ლოგო აკეთეთ სუფთა და ადვილად ცნობილი ფავიკონში.
ფავიკონების შექმნა ნებისმიერი ჩარჩოსთვისმიიღეთ ფავიკონის ფაილები React, Next.js, WordPress და სხვა.

როგორ მუშაობს

ეს ხელსაწყო ნებისმიერ PNG, JPEG, WebP ან SVG-ს გარდაქმნის სრულ favicon პაკეტად — მრავალ-ზომიან .ico, Apple touch იკონა, Android/PWA იკონები, ვებ-მანიფესტი და მზა-ჩასასმელი HTML ფრაგმენტი — მთლიანად თქვენს ბრაუზერში, Canvas API-სა და JSZip-ის გამოყენებით. არაფერი იტვირთება; მთელი რენდერი და ფაილის აწყობა ლოკალურად ხდება.

1
Canvas ცვლის თქვენი სურათის ზომას
ბრაუზერი ხატავს თქვენს წყარო-სურათს ეკრანს-მიღმა HTML Canvas ელემენტებზე, თითოეულ საჭირო ზომაზე (16, 32, 48, 180, 192 და 512 px). SVG-ები, ცხადი სიგანე/სიმაღლის ატრიბუტების გარეშე, ჯერ ნორმალიზდება DOMParser-ისა და XMLSerializer-ის მეშვეობით, რომ Firefox-მა და Chrome-მა იდენტური პიქსელური გამომავალი შექმნას, ცარიელი canvas-ის ნაცვლად.
2
ხელით დაწერილი ICO ენკოდერი აწყობს .ico ფაილს
პატარა ICO ჩანაწერები (16, 32, 48 px) კოდირდება, როგორც დაუმუშავებელი 32-ბიტიანი BGRA DIB ბიტმეპები — BITMAPINFOHEADER, პლუს ქვევიდან-ზევით XOR მწკრივები და 1bpp AND ნიღაბი — რადგან Windows-ის გარსის კომპონენტებს ამ ზომებში დაუკუმშავი DIB ფორმატი სჭირდებათ. ხელსაწყო წერს ICO დირექტორიის სათაურს და ერთმანეთს უერთებს ჩანაწერებს მთლიანად DataView-ითა და Uint8Array-ით, გარე ICO ბიბლიოთეკის ჩარევის გარეშე.
3
PNG გამომავალები იქმნება canvas.toBlob-ის მეშვეობით
თითოეული PNG ვარიანტი (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) ილუწება canvas.toBlob-ის 'image/png'-ით გამოძახებით, დაუკარგავი კოდირების დელეგირებით ბრაუზერის ჩაშენებულ სურათის ძრავზე. არასავალდებულო შევსება, ფონის ფერი და ფორმის ჭრა (კვადრატი, დამრგვალებული ან წრიული) გამოიყენება canvas-ის კონტექსტზე, ილუწვამდე.
4
JSZip ყველაფერს ერთ ჩამოტვირთვად აწყობს
JSZip ერთმანეთს უერთებს ყველა გენერირებულ ფაილს — favicon.ico, ხუთივე PNG-ს, site.webmanifest-ს თქვენი აპის სახელით, და favicon-snippet.html-ს სწორი <link> ტეგებით — ერთ .zip ბლობად, რომელიც ავტომატურად ჩამოიტვირთება თქვენს მოწყობილობაზე.

თქვენი სურათი პირდაპირ ბრაუზერის Canvas API-ში იტვირთება და არასდროს ტოვებს თქვენს მოწყობილობას — ფაილის მონაცემები არასდროს გადაეცემა არცერთ სერვერს, არცერთ ეტაპზე.

დაკავშირებული ინსტრუმენტები

🖼️

PNG-დან ICO Favicon კონვერტერი

გადაიყვანეთ PNG, JPG, WebP ან SVG სურათები მრავალი ზომის .ico favicon ფაილებად. აირჩიეთ სასურველი ზომები (16, 32, 48, 64, 128, 256) და ჩამოტვირთეთ ერთი .ico.

სცადეფაილები ლოკალური რჩება

🎞️