Skjermbilder viser den engelske appen. Forhåndsinnstilte navn og kontroller er også tilgjengelig på appspråket ditt.

Ditt utgangspunkt

Bruk Favicon-sett i PixRinse, og se gjennom disse innstillingene mot din faktiske destinasjon.

Innstillinger for denne arbeidsflyten
Favicon PNG-er16 / 32 / 48 px
Apple Trykk på PNG180 px
PNG-er for nettapplikasjoner192 / 512 px
FargesRGB
PixRinse Favicon-sett forhåndsinnstilt med seks PNG nettstedsikonstørrelser
Innstillinger brukt for denne gjennomgangen. Velg skjermbildet for å inspisere det i full størrelse.
PNG format og Konverter til sRGB vises i kodingskontrollene.
PNG format og Konverter til sRGB vises i kodingskontrollene.

Hvordan gjøre det

  1. Forbered et firkantet kildemerke

    Bruk en kilde som er minst like stor som det største ikonet du trenger. Forenkle fine detaljer som kan forsvinne ved 16 px.

  2. Velg Favicon-sett

    Se gjennom de seks størrelsene. Malen bruker en sentrert omslagsregel, så en ikke-firkantet kilde kan beskjæres.

  3. Inspiser de minste utgangene

    Sjekk filene 16 og 32 px i faktisk størrelse. Automatisk endring av størrelse kan ikke erstatte bevisste optiske justeringer for et komplekst merke.

  4. Eksporter bilder og legg til referansene til nettstedets kode

    Legg til PNG-filene på nettstedet ditt og referer til de relevante størrelsene i HTML-hodet og nettappmanifestet.

FILENE FRA DENNE GJENNOMGANG

Hva dette eksemplet produserte

Et kvadratisk merke 1024 × 1024 produserer seks PNG-er uten advarselen om ikke-kvadratisk kilde. Hver eksportert fil inneholder en sRGB-profil.

Firkantet kilde
1024 × 1024
PNG eksporterer
6
Fargeprofil
sRGB på hver utgang
Faktisk eksporterte filer
FilFormatPikslerBytes
android-chrome-192x192.pngPNG192 × 19226 980
android-chrome-512x512.pngPNG512 × 512174 868
apple-touch-icon.pngPNG180 × 18023 839
favicon-16x16.pngPNG16 × 16692
favicon-32x32.pngPNG32 × 321 751
favicon-48x48.pngPNG48 × 483 093
Lag et sett med nettstedsikoner: faktiske eksporterte resultater
Faktiske eksportresultater for eksempelfilene vist i denne gjennomgangen.

Målt på prøvefilene vist. Resultatene dine avhenger av originalene og innstillingene. Denne gjennomgangen bruker eid PixRinse kunstverk på firkantede eller gjennomsiktige prøvelerreter.

Et par vanlige spørsmål

Oppretter det favicon.ico?

Nei. Det innebygde settet eksporterer seks PNG-filer med spesifikke filnavn.

Vil en bred logo fungere?

En firkantet kilde er å foretrekke. Omslagsregelen kan beskjære en bred kilde, så se nøye gjennom forhåndsvisningen.

Sett arbeidsflyten i gang.

Åpne PixRinse, legg til noen bilder og start med innstillingene ovenfor.

Last ned for MacGratis: opptil 10 bilder per batch og én utgang per kilde. Denne arbeidsflytens flere utganger krever Pro. Sammenlign gratis og pro.