Posnetki zaslona prikazujejo angleško aplikacijo. Prednastavljena imena in kontrolniki so na voljo tudi v jeziku vaše aplikacije.

Vaše izhodišče

Uporabite Komplet faviconov v PixRinse, nato pa te nastavitve primerjajte z dejanskim ciljem.

Nastavitve za ta potek dela
Favicon PNG-ji16 / 32 / 48 px
Apple Dotaknite se PNG180 px
PNG-ji spletnih aplikacij192 / 512 px
barvasRGB
PixRinse Komplet faviconov prednastavitev s šestimi velikostmi ikon spletnega mesta PNG
Nastavitve, uporabljene za ta sprehod. Izberite posnetek zaslona, ​​da ga pregledate v polni velikosti.
Format PNG in Pretvori v sRGB sta prikazana v kontrolnikih za kodiranje.
Format PNG in Pretvori v sRGB sta prikazana v kontrolnikih za kodiranje.

Kako to narediti

  1. Pripravite kvadratno oznako vira

    Uporabite vir, ki je vsaj tako velik kot največja ikona, ki jo potrebujete. Poenostavite drobne podrobnosti, ki lahko izginejo pri 16 px.

  2. Izberite Komplet faviconov

    Preglejte šest velikosti. Predloga uporablja sredinsko pravilo za prekrivanje, zato je lahko nekvadratni vir obrezan.

  3. Preglejte najmanjše izhode

    Preverite dejanski velikosti datotek 16 in 32 px. Samodejno spreminjanje velikosti ne more nadomestiti namernih optičnih prilagoditev za kompleksno znamko znamke.

  4. Izvozite slike in dodajte njihove reference v kodo svojega spletnega mesta

    Dodajte datoteke PNG na svoje spletno mesto in se sklicujte na ustrezne velikosti v glavi HTML in manifestu spletne aplikacije.

DATOTEKE IZ TEGA PREGLEDA

Kaj je ustvaril ta primer

Kvadratna oznaka 1024 × 1024 ustvari šest PNG brez opozorila o nekvadratnem viru. Vsaka izvožena datoteka vsebuje profil sRGB.

Kvadratni vir
1024 × 1024
PNG izvozi
6
Barvni profil
sRGB na vsakem izhodu
Dejansko izvožene datoteke
DatotekaOblikaPiksliBajti
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 × 321751
favicon-48x48.pngPNG48 × 483093
Naredite niz ikon spletnega mesta: dejanski izvoženi rezultati
Dejanski rezultati izvoza za vzorčne datoteke, prikazane v tem vodniku.

Izmerjeno na prikazanih vzorčnih datotekah. Vaši rezultati so odvisni od izvirnikov in nastavitev. To navodilo uporablja lastna umetniška dela PixRinse na kvadratnih ali prozornih vzorčnih platnih.

Nekaj ​​pogostih vprašanj

Ali ustvarja favicon.ico?

Ne. Vgrajeni komplet izvozi šest datotek PNG z določenimi imeni datotek.

Ali bo širok logotip deloval?

Prednosten je kvadratni vir. Pravilo naslovnice lahko obreže širok vir, zato natančno preglejte predogled.

Zaženite potek dela.

Odprite PixRinse, dodajte nekaj slik in začnite z zgornjimi nastavitvami.

Prenesi za MacBrezplačno: do 10 slik na paket in en izhod na vir. Več izhodov tega poteka dela zahteva Pro. Primerjaj Free & Pro.