Apple-touch-iconi generaator
Loo 180×180 apple-touch-icon, mida iOS kasutab avaekraani järjehoidjatele — koos täieliku faviconi komplektiga — kohapeal su brauseris. Midagi ei laadita üles.
Privaatsus on esikohal: iga pilt töödeldakse kohalikult sinu brauseris. Midagi ei laadita üles, ei salvestata ega edastata ühtegi serverisse.
Ikoon, mille iOS avaekraanile paneb
Kui keegi lisab su saidi oma iPhone'i või iPadi avaekraanile, otsib iOS 180×180 apple-touch-iconi; ilma selleta langeb ta tagasi hägusa ekraanipildi peale. See generaator renderdab su pildist täpselt selle suuruse — ühevärvilise taustaga, sest apple-touch-icon ei tohiks olla läbipaistev — ja lisab selle allalaaditavasse pakki koos favicon.ico ja Androidi ikoonidega.
Üks eksport, iga platvorm
Selle asemel et iga seadme jaoks eraldi faili käsitsi kärpida, loo terve komplekt korraga: apple-touch-icon iOS-i jaoks, 192 ja 512px PNG-d Androidi ja PWA-de jaoks ning favicon.ico töölauabrauserite jaoks, koos HTML-katkega, mis neile viitab. Kõik töötab sinu brauseris, nii et su brändigraafika ei lahku kunagi seadmest.
Korduma kippuvad küsimused
- Kas mu pilt laaditakse favicon'i tegemiseks üles?
- Ei. Favicon.ico, PNG-ikoonid ja manifest luuakse kõik kohalikult sinu brauseris Canvas API abil. Sinu pilt ei lahku kunagi seadmest.
- Milliseid suurusi ja faile ma saan?
- Mitme resolutsiooniga favicon.ico (16, 32 ja 48px), PNG-ikoonid suurustes 16, 32, 48, 180 (apple-touch-icon), 192 ja 512px, site.webmanifest ning HTML-katke, mille saad kleepida oma <head>-sektsiooni.
- Kas saan teisendada PNG-i või SVG-i ICO-vormingusse?
- Jah. Kukuta sisse PNG, JPG, SVG või WebP ja laadi alla päris favicon.ico. SVG-logod rasterdatakse esmalt kohalikult kõrges resolutsioonis.
- Milline pilt sobib kõige paremini?
- Ruudukujuline pilt lihtsa ja kõrge kontrastiga logoga. Mitteruudukujulised pildid kärbitakse keskelt sobivaks; kasuta polsterduse ja kuju juhtnuppe, et kadreerida see just nii, nagu soovid.
- Kuidas favicon'i paigaldada?
- Paki pakett lahti oma saidi juurkausta ja kleebi antud HTML-katke oma lehtede <head>-sektsiooni. Enamik brausereid leiab favicon.ico automaatselt.