Generator ikone HTML
Generirajte HTML oznake, ki jih spletno mesto potrebuje za svojo ikono, ikono za dotik in barve teme.
Generator ikone HTML
Ikona ni samo ena datoteka: bralni seznam se želi .ico, domači zaslon telefona se želi apple-touch-icon 180x180, Safarijeva pripeta zavihka se želi SVG masko ene barve, in poziv PWA aplikacije bere ikone navedene v manifestu. To orodje piše natančne <link> in <meta> oznake zanje iz osnovne poti in nabora velikosti ikon, zato kopirujete en blok v <head> namesto da ga sestavljate iz petih različnih specifikacij.
Nastavite osnovno pot, kamor bodo odložene datoteke ikon — koren ali podmapa kot /ikone/ — in vsak href je zgrajen glede na njo. Preklapajte ICO, PNG in SVG neodvisno: PNG tudi doda apple-touch-icon na fiksno velikost 180x180, ki jo pričakuje Apple, in SVG doda mask-icon, katere barva prihaja iz vaše svetle barve teme (ali temne, če je to edina nastavljena). Vsaka svetla in temna barva teme postane ločena <meta name="theme-color"> oznaka z zahtevkom prefers-color-scheme, tako da se boja brskalnika ujema s stranjo v kateremkoli režimu. Ločilnik dodaja starejše msapplication oznake, ki jih nekateri scenariji Windows ploščic še vedno berejo.
Polje velikosti sprejema sezname, ločene s vejico ali novo vrsto — "16x16, 32x32, 192x192" — in golih numerus kot "48" je krajšava za kvadratno ikono; neprepoznane postavke se zavržejo namesto zavrnitve. Vključite seznam datotek in izhod se konča s komentarjem, ki navaja vsako referencirano pot, po vrsti, kar je seznam, ki ga dejansko naložite.
Vse se izvršava v vašem brskalniku: nič, kar vtipkate, ni poslano nikamor. Kopirajte rezultat v <head> strani, prenesite kot .txt datoteko ali ga pošljite drugemu orodju, ki ga bo dalje prilagajal.