No mundo do design e da programação, vocĂȘ pode ter ouvido os termos"@1x", "@2x"e"@3x". Esses termos se relacionam com a resolução das imagens e0 0 bet365relação com a tela0 0 bet3650 0 bet365 que elas serĂŁo exibidas. Vamos quebrar esse mistĂ©rio e explain as diferenças entre eles.
Uma imagem com escala de fator 1.0, ou seja, um"@1x", refere-se a uma imagem com resolução padrão. Essa é a resolução båsica para dispositivos e monitores mais antigos ou de baixa resolução.
JĂĄ as imagens de alta resolução levam0 0 bet3650 0 bet365 conta telas de dispositivos com densidade de pixels maior do que a densidade de polĂgonos de dispositivos tradicionais, para que as imagens renderizadas nĂŁo fiquem distorcidas ou pixeladas. Essas imagens possuem fatores de escala maiores do que 1.0. Conheça melhor as diferenças entre elas:
- "@2x": Essas imagens possuem um fator de escala de 2.0 e são duas vezes maiores0 0 bet3650 0 bet365 dimensÔes lineares quando comparadas a imagens"@1x". Isso significa que, por exemplo, uma imagem de 100x100 pixels em"@1x"seria de 200x200 pixels como"@2x".
- "@3x": Imagens com escala fator 3.0 tem um tamanho trĂȘs vezes maior0 0 bet3650 0 bet365 dimensĂ”es lineares quando comparadas a imagens"@1x". Nesse caso, a mesma imagem de exemplo de 100x100 pixels em"@1x"seria de 300x300 pixels como"@3x".
No contexto do desenvolvimento iOS,"@1x", "@2x"e"@3x"sĂŁo comumente usados0 0 bet3650 0 bet365 Xcode. Entender essas proporçÔes Ă© vital para garantir que suas imagens apareçam nĂtidas e sem distorçÔes0 0 bet3650 0 bet365 diferentes dispositivos iOS.
Na prĂĄtica, desenvolvedores normalmente fornecem trĂȘs conjuntos de imagens para dar suporte a diferentes densidades de tela. Nesses casos, uma imagem"@1x"serve como principal, e as demais sĂŁo dimensionadas acima dela conforme a demanda das telas dos dispositivos.
Densidade da Tela | Fator de Escala | Exemplo (@1x tamanho) |
---|---|---|
Baixa | 1.0x (PadrĂŁo) | 100 x 100 pixels |
MĂ©dia | 2.0x | 200 x 200 pixels |
Alta | 3.0x | 300 x 300 pixels |
Em conclusĂŁo, entender os termos como "