Capturile de ecran arată aplicația în limba engleză. Numele și comenzile prestabilite sunt disponibile și în limba aplicației dvs.

Punctul tău de plecare

Utilizați Set de favicon-uri în PixRinse, apoi examinați aceste setări în raport cu destinația dvs. reală.

Setări pentru acest flux de lucru
PNG-uri Favicon16 / 32 / 48 px
Apple Atingeți PNG180 px
PNG-uri pentru aplicații web192 / 512 px
CuloaresRGB
PixRinse Set de favicon-uri presetat cu șase PNG dimensiuni pentru pictograma site-ului
Setări utilizate pentru această prezentare. Selectați captura de ecran pentru a o inspecta la dimensiune completă.
Formatul PNG și Convertește la sRGB sunt afișate în comenzile de codificare.
Formatul PNG și Convertește la sRGB sunt afișate în comenzile de codificare.

Cum se face

  1. Pregătiți un semn de sursă pătrat

    Utilizați o sursă cel puțin la fel de mare ca cea mai mare pictogramă de care aveți nevoie. Simplificați detaliile fine care pot dispărea la 16 px.

  2. Alegeți Set de favicon-uri

    Examinați cele șase mărimi. Șablonul folosește o regulă de acoperire centrată, astfel încât o sursă non-pătrată poate fi decupată.

  3. Inspectați cele mai mici ieșiri

    Verificați fișierele 16 și 32 px la dimensiunea reală. Redimensionarea automată nu poate înlocui ajustările optice deliberate pentru o marcă complexă.

  4. Exportați imagini și adăugați referințele acestora la codul site-ului dvs

    Adăugați fișierele PNG pe site-ul dvs. și faceți referire la dimensiunile relevante în capul HTML și manifestul aplicației web.

FIȘIERELE DIN ACEST TREBUIN

Ce a produs acest exemplu

Un semn pătrat 1024 × 1024 generează șase PNG-uri fără avertismentul de sursă non-pătrat. Fiecare fișier exportat conține un profil sRGB.

Sursă pătrată
1024 × 1024
PNG exportă
6
Profil de culoare
sRGB la fiecare ieșire
Fișierele exportate efectiv
FişierFormatPixeliocteți
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
Creați un set de pictograme pentru site-uri web: rezultate reale exportate
Rezultatele reale ale exportului pentru fișierele eșantion prezentate în această explicație.

Măsurat pe fișierele eșantion afișate. Rezultatele dvs. depind de originale și setări. Această explicație folosește lucrări de artă deținute PixRinse pe exemple de pânze pătrate sau transparente.

Câteva întrebări frecvente

Creează favicon.ico?

Nu. Setul încorporat exportă șase fișiere PNG cu nume de fișiere specifice.

Funcționează o siglă largă?

Este de preferat o sursă pătrată. Regula de acoperire poate decupa o sursă largă, așa că examinați cu atenție previzualizarea.

Puneți fluxul de lucru la lucru.

Deschideți PixRinse, adăugați câteva imagini și începeți cu setările de mai sus.

Descarcă pentru MacGratuit: până la 10 imagini per lot și o ieșire per sursă. Ieșirile multiple ale acestui flux de lucru necesită Pro. Compara gratuit și Pro.