Snímky obrazovky zobrazujú aplikáciu v angličtine. Názvy predvolieb a ovládacie prvky sú k dispozícii aj v jazyku vašej aplikácie.

Váš východiskový bod

Použite Súprava favicon v PixRinse a potom skontrolujte tieto nastavenia v porovnaní so svojím skutočným cieľom.

Nastavenia tohto pracovného postupu
Favicon PNG16 / 32 / 48 px
Apple Dotknite sa PNG180 px
PNG webovej aplikácie192 / 512 px
FarbasRGB
PixRinse Súprava favicon prednastavené so šiestimi veľkosťami ikon webových stránok PNG
Nastavenia použité pre tento návod. Vyberte snímku obrazovky a skontrolujte ju v plnej veľkosti.
Formát PNG a Konvertovať na sRGB sú zobrazené v ovládacích prvkoch kódovania.
Formát PNG a Konvertovať na sRGB sú zobrazené v ovládacích prvkoch kódovania.

Ako na to

  1. Pripravte štvorcovú značku zdroja

    Použite zdroj aspoň taký veľký, ako je najväčšia ikona, ktorú potrebujete. Zjednodušte jemné detaily, ktoré môžu zmiznúť pri 16 px.

  2. Vyberte Súprava favicon

    Pozrite si šesť veľkostí. Šablóna používa centrované pravidlo prekrytia, takže neštvorcový zdroj môže byť orezaný.

  3. Skontrolujte najmenšie výstupy

    Skontrolujte súbory 16 a 32 px v skutočnej veľkosti. Automatická zmena veľkosti nemôže nahradiť zámerné optické úpravy pre zložitú značku.

  4. Exportujte obrázky a pridajte ich referencie do kódu svojej webovej stránky

    Pridajte súbory PNG na svoj web a uveďte príslušné veľkosti v HTML hlavičke a manifeste webovej aplikácie.

SÚBORY Z TEJTO PREchádzky

Čo priniesol tento príklad

Štvorcová značka 1024 × 1024 vytvorí šesť súborov PNG bez upozornenia neštvorcového zdroja. Každý exportovaný súbor obsahuje profil sRGB.

Štvorcový zdroj
1024 × 1024
PNG exportuje
6
Farebný profil
sRGB na každom výstupe
Aktuálne exportované súbory
SúborFormátovaťpixelovbajtov
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
Vytvorte sadu ikon webových stránok: skutočné exportované výsledky
Aktuálne výsledky exportu pre vzorové súbory zobrazené v tomto návode.

Merané na zobrazených vzorových súboroch. Vaše výsledky závisia od vašich originálov a nastavení. Tento návod používa vlastné umelecké diela PixRinse na štvorcových alebo priehľadných vzorových plátnach.

Pár bežných otázok

Vytvára favicon.ico?

Nie. Vstavaná sada exportuje šesť súborov PNG so špecifickými názvami súborov.

Bude fungovať široké logo?

Uprednostňuje sa štvorcový zdroj. Pravidlo krytu môže orezať široký zdroj, preto si ukážku pozorne prezrite.

Uveďte pracovný postup do praxe.

Otvorte PixRinse, pridajte niekoľko obrázkov a začnite s nastaveniami vyššie.

Stiahnuť pre MacZadarmo: až 10 obrázkov na dávku a jeden výstup na zdroj. Viaceré výstupy tohto pracovného postupu vyžadujú Pro. Porovnať zadarmo a Pro.