PixRinseLes captures de pantalla mostren l'aplicació en anglès. Els noms i controls predefinits també estan disponibles en l'idioma de l'aplicació.
El teu punt de partida
Utilitzeu Conjunt de favicons a PixRinse i, a continuació, reviseu aquesta configuració amb la vostra destinació real.
| Favicon PNG | 16 / 32 / 48 px |
|---|---|
| Apple Toca PNG | 180 px |
| PNG d'aplicacions web | 192 / 512 px |
| Color | sRGB |
Com fer-ho
Prepareu una marca font quadrada
Utilitzeu una font com a mínim tan gran com la icona més gran que necessiteu. Simplifica els detalls detallats que poden desaparèixer a 16 px.
Tria Conjunt de favicons
Revisa les sis mides. La plantilla utilitza una regla de coberta centrada, de manera que es pot retallar una font no quadrada.
Inspeccioneu les sortides més petites
Comproveu els fitxers 16 i 32 px a la mida real. El redimensionament automàtic no pot substituir els ajustos òptics deliberats per a una marca de marca complexa.
Exporteu imatges i afegiu les seves referències al codi del vostre lloc web
Afegiu els fitxers PNG al vostre lloc web i feu referència a les mides rellevants a la capçalera HTML i al manifest de l'aplicació web.
ELS FITXES D'AQUEST PASSEIG
Què va produir aquest exemple
Una marca quadrada 1024 × 1024 produeix sis PNG sense l'avís de font no quadrada. Cada fitxer exportat conté un perfil sRGB.
- Font quadrada
- 1024 × 1024
- PNG exporta
- 6
- Perfil de color
- sRGB a cada sortida
| Fitxer | Format | Píxels | Bytes |
|---|---|---|---|
| android-chrome-192x192.png | PNG | 192 × 192 | 26.980 |
| android-chrome-512x512.png | PNG | 512 × 512 | 174.868 |
| apple-touch-icon.png | PNG | 180 × 180 | 23.839 |
| favicon-16x16.png | PNG | 16 × 16 | 692 |
| favicon-32x32.png | PNG | 32 × 32 | 1.751 |
| favicon-48x48.png | PNG | 48 × 48 | 3.093 |
Mesurat amb els fitxers de mostra mostrats. Els vostres resultats depenen dels vostres originals i configuració. Aquest tutorial utilitza obres d'art PixRinse pròpies en llenços de mostra quadrats o transparents.
Un parell de preguntes habituals
Crea favicon.ico?
No. El conjunt integrat exporta sis fitxers PNG amb noms de fitxer específics.
Funcionarà un logotip ample?
És preferible una font quadrada. La regla de coberta pot retallar una font àmplia, així que reviseu la vista prèvia acuradament.
Posa el flux de treball a treballar.
Obriu PixRinse, afegiu unes quantes imatges i comenceu amb la configuració anterior.
Baixa per a MacGratuït: fins a 10 imatges per lot i una sortida per font. Les múltiples sortides d'aquest flux de treball requereixen Pro. Compara Gratuït i Pro.