PixRinseAs capturas de ecrã mostram a aplicação em inglês. Os nomes e controlos predefinidos também estão disponíveis no idioma da sua aplicação.
O seu ponto de partida
Utilize Conjunto de favicons em PixRinse e reveja estas definições em relação ao seu destino real.
| Favicon PNG | 16 / 32 / 48 px |
|---|---|
| Apple Toque em PNG | 180 px |
| PNGs de aplicações web | 192 / 512 px |
| Cor | sRGB |
Como fazer
Prepare uma marca de origem quadrada
Utilize uma fonte pelo menos tão grande quanto o maior ícone necessário. Simplifique os detalhes finos que podem desaparecer em 16 px.
Escolha Conjunto de favicons
Reveja os seis tamanhos. O modelo utiliza uma régua de cobertura centrada, pelo que uma fonte não quadrada pode ser cortada.
Inspecione as saídas mais pequenas
Verifique os ficheiros 16 e 32 px em tamanho real. O redimensionamento automático não pode substituir os ajustes óticos deliberados para uma marca complexa.
Exporte imagens e adicione as suas referências ao código do seu site
Adicione os ficheiros PNG ao seu website e faça referência aos tamanhos relevantes no cabeçalho HTML e no manifesto da aplicação web.
OS ARQUIVOS DESTE PASSO AO
O que este exemplo produziu
Uma marca quadrada 1024 × 1024 produz seis PNG sem o aviso de fonte não quadrada. Cada ficheiro exportado contém um perfil sRGB.
- Fonte quadrada
- 1024 × 1024
- PNG exportações
- 6
- Perfil de cores
- sRGB em cada saída
| Ficheiro | Formatar | Pixels | 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 | 1751 |
| favicon-48x48.png | PNG | 48 × 48 | 3093 |
Medido nos ficheiros de amostra mostrados. Os resultados dependem dos originais e das definições. Este passo a passo utiliza arte de propriedade de PixRinse em ecrãs de amostras quadrados ou transparentes.
Algumas perguntas comuns
Cria favicon.ico?
Não. O conjunto integrado exporta seis ficheiros PNG com nomes de ficheiros específicos.
Um logótipo largo funcionará?
Uma fonte quadrada é preferível. A regra de cobertura pode cortar uma fonte ampla, por isso reveja a visualização com atenção.
Coloque o fluxo de trabalho a funcionar.
Abra PixRinse, adicione algumas imagens e comece pelas definições acima.
Descarregar para MacGratuito: até 10 imagens por lote e uma saída por fonte. As múltiplas saídas deste workflow requerem Pro. Compare Grátis e Pro.