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