Apple touch icon-generator
Lag det 180×180 apple-touch-icon-et som iOS bruker til hjemskjermbokmerker — pluss et komplett favicon-sett — lokalt i nettleseren din. Ingenting lastes opp.
Personvern først: hvert bilde behandles lokalt i nettleseren din. Ingenting lastes opp, lagres eller sendes til noen server.
Ikonet iOS legger på hjemskjermen
Når noen legger nettstedet ditt til på hjemskjermen på iPhone eller iPad, ser iOS etter et 180×180 apple-touch-icon; uten et slikt faller det tilbake på et uskarpt skjermbilde. Denne generatoren gjengir nøyaktig den størrelsen fra bildet ditt — med en ensfarget bakgrunn, siden apple-touch-icons ikke bør være gjennomsiktige — og inkluderer det i nedlastingen sammen med favicon.ico og Android-ikonene.
Én eksport, alle plattformer
I stedet for å håndbeskjære en egen fil per enhet, kan du lage hele settet på én gang: apple-touch-icon for iOS, PNG-er på 192 og 512 px for Android og PWA-er, og favicon.ico for skrivebordsnettlesere, med en HTML-kodesnutt som refererer til dem. Alt kjører i nettleseren din, så merkevaregrafikken din forlater aldri enheten.
Ofte stilte spørsmål
- Blir bildet mitt lastet opp for å lage faviconet?
- Nei. Både favicon.ico-filen, PNG-ikonene og manifestet genereres lokalt i nettleseren din ved hjelp av Canvas API. Bildet ditt forlater aldri enheten din.
- Hvilke størrelser og filer får jeg?
- En favicon.ico i flere oppløsninger (16, 32 og 48px), PNG-ikoner på 16, 32, 48, 180 (apple-touch-icon), 192 og 512px, en site.webmanifest og en HTML-snutt du kan lime inn i <head>.
- Kan jeg konvertere en PNG eller SVG til en ICO?
- Ja. Slipp inn en PNG, JPG, SVG eller WebP, og last ned en ekte favicon.ico. SVG-logoer rasteriseres først lokalt i høy oppløsning.
- Hvilket bilde fungerer best?
- Et firkantet bilde med en enkel logo med høy kontrast. Bilder som ikke er firkantede, beskjæres fra midten for å passe; bruk kontrollene for utfylling og form til å ramme det inn slik du vil.
- Hvordan installerer jeg faviconet?
- Pakk ut pakken i rotmappen på nettstedet ditt, og lim den medfølgende HTML-snutten inn i <head> på sidene dine. Favicon.ico-filen plukkes opp automatisk av de fleste nettlesere.