Skærmbilleder viser den engelske app. Forudindstillede navne og kontroller er også tilgængelige på dit app-sprog.

Dit udgangspunkt

Brug Favicon-sæt i PixRinse, og gennemgå derefter disse indstillinger i forhold til din faktiske destination.

Indstillinger for denne arbejdsgang
Favicon PNG'er16 / 32 / 48 px
Apple Tryk på PNG180 px
Web-app PNG'er192 / 512 px
FarvesRGB
PixRinse Favicon-sæt forudindstillet med seks PNG webstedsikonstørrelser
Indstillinger brugt til denne gennemgang. Vælg skærmbilledet for at inspicere det i fuld størrelse.
PNG format og Konverter til sRGB vises i kodningskontrollerne.
PNG format og Konverter til sRGB vises i kodningskontrollerne.

Sådan gør du

  1. Forbered et firkantet kildemærke

    Brug en kilde, der er mindst lige så stor som det største ikon, du har brug for. Forenkle fine detaljer, der kan forsvinde ved 16 px.

  2. Vælg Favicon-sæt

    Gennemgå de seks størrelser. Skabelonen bruger en centreret omslagsregel, så en ikke-firkantet kilde kan blive beskåret.

  3. Undersøg de mindste udgange

    Tjek filerne 16 og 32 px i den faktiske størrelse. Automatisk ændring af størrelse kan ikke erstatte bevidste optiske justeringer for et komplekst varemærke.

  4. Eksporter billeder og tilføj deres referencer til din hjemmesidekode

    Tilføj PNG-filerne til dit websted og referer til de relevante størrelser i HTML-hovedet og web-app-manifestet.

FILERNE FRA DENNE GENNEMGANG

Hvad dette eksempel frembragte

Et kvadratisk mærke 1024 × 1024 producerer seks PNG'er uden advarslen om ikke-kvadratisk kilde. Hver eksporteret fil indeholder en sRGB profil.

Firkantet kilde
1024 × 1024
PNG eksporter
6
Farveprofil
sRGB på hver udgang
Faktisk eksporterede filer
FilFormatPixelsBytes
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
Lav et sæt webstedsikoner: faktiske eksporterede resultater
Faktiske eksportresultater for eksempelfilerne vist i denne gennemgang.

Målt på de viste prøvefiler. Dine resultater afhænger af dine originaler og indstillinger. Denne gennemgang bruger ejet PixRinse-kunstværk på firkantede eller gennemsigtige prøvelærreder.

Et par almindelige spørgsmål

Opretter det favicon.ico?

Nej. Det indbyggede sæt eksporterer seks PNG filer med specifikke filnavne.

Vil et bredt logo fungere?

En kvadratisk kilde er at foretrække. Dækreglen kan beskære en bred kilde, så gennemgå forhåndsvisningen omhyggeligt.

Sæt arbejdsgangen i gang.

Åbn PixRinse, tilføj et par billeder og start med indstillingerne ovenfor.

Hent til MacGratis: op til 10 billeder pr. batch og et output pr. kilde. Denne workflows flere output kræver Pro. Sammenlign gratis og pro.