Snímky obrazovky ukazují aplikaci v angličtině. Názvy předvoleb a ovládací prvky jsou k dispozici také v jazyce vaší aplikace.

Váš výchozí bod

Použijte Sada favicon v PixRinse a poté zkontrolujte tato nastavení podle svého skutečného cíle.

Nastavení tohoto pracovního postupu
Favicon PNG16 / 32 / 48 px
Apple Dotkněte se PNG180 px
PNG webové aplikace192 / 512 px
BarvasRGB
PixRinse Sada favicon přednastaveno se šesti velikostmi ikon webových stránek PNG
Nastavení použitá pro tento návod. Vyberte snímek obrazovky a prohlédněte si jej v plné velikosti.
Formát PNG a Převést na sRGB jsou zobrazeny v ovládacích prvcích kódování.
Formát PNG a Převést na sRGB jsou zobrazeny v ovládacích prvcích kódování.

Jak na to

  1. Připravte si čtvercovou značku zdroje

    Použijte zdroj alespoň tak velký, jako je největší ikona, kterou potřebujete. Zjednodušte jemné detaily, které mohou při 16 px zmizet.

  2. Vyberte Sada favicon

    Zkontrolujte šest velikostí. Šablona používá pravidlo krytí na střed, takže zdroj, který není čtvercový, může být oříznut.

  3. Zkontrolujte nejmenší výstupy

    Zkontrolujte soubory 16 a 32 px ve skutečné velikosti. Automatická změna velikosti nemůže nahradit záměrné optické úpravy složité značky.

  4. Exportujte obrázky a přidejte jejich odkazy do kódu svého webu

    Přidejte soubory PNG na svůj web a uveďte příslušné velikosti v hlavičce HTML a manifestu webové aplikace.

SOUBORY Z TÉTO PROCHÁZKY

Co tento příklad vyprodukoval

Čtvercová značka 1024 × 1024 vytváří šest souborů PNG bez upozornění nečtvercového zdroje. Každý exportovaný soubor obsahuje profil sRGB.

Čtvercový zdroj
1024 × 1024
PNG exportuje
6
Barevný profil
sRGB na každém výstupu
Skutečné exportované soubory
SouborFormátPixelyBajtů
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
Vytvořte sadu ikon webových stránek: skutečné exportované výsledky
Aktuální výsledky exportu pro ukázkové soubory uvedené v tomto návodu.

Měřeno na ukázkových souborech. Vaše výsledky závisí na vašich předlohách a nastaveních. Tento návod používá vlastní umělecká díla PixRinse na čtvercových nebo průhledných vzorových plátnech.

Pár běžných otázek

Vytváří favicon.ico?

Ne. Vestavěná sada exportuje šest souborů PNG se specifickými názvy souborů.

Bude fungovat široké logo?

Vhodnější je čtvercový zdroj. Pravidlo krytí může oříznout široký zdroj, proto si pečlivě prohlédněte náhled.

Uveďte pracovní postup do práce.

Otevřete PixRinse, přidejte pár obrázků a začněte s nastavením výše.

Stáhnout pro MacZdarma: až 10 obrázků na dávku a jeden výstup na zdroj. Více výstupů tohoto pracovního postupu vyžaduje Pro. Porovnejte zdarma a Pro.