Analisei alguns artigos e discussões, como um aqui e aqui, sobre as resoluções de imagem que os novos iPhones usarão em imagens 3x para exibição. É verdade?
Então, isso significa que teremos que manter três imagens? Digamos, por exemplo, que eu tenho uma imagem de 50 x 50, terei que manter três imagens para otimizar a aparência de novos iPhones?
- Normal (50 x 50)
- @ 2x - Retina (100 x 100)
- @ 3x - Retina HD (150 x 150)
Ou os novos telefones usarão apenas imagens @ 2x e não há nada como @ 3x?
Eu testei fazendo um projeto de amostra e todos os simuladores parecem usar imagens @ 3x, isso é confuso.
Editar
Aqui estão mais algumas informações
- 3GS (163 ppi, use Normal)
- 4, 4s, 5 e 5s (326 ppi, então usamos @ 2x)
- 6 (326 ppi, parece que ele usará @ 2x)
- 6 mais (401 ppi aqui reside a confusão)
Editar
Com base nas respostas dadas por Tsob e nitin, adicionei imagens @ 3x ao meu projeto.
Edição informativa
Vejo que poucos usuários estão confusos sobre o motivo pelo qual o iPhone 6 usa imagens @ 2x, mesmo com uma resolução mais alta, o motivo é
O iPhone 6 pode ter uma resolução diferente, mas tem a mesma densidade de por pixel de polegada (PPI)
- A resolução diz respeito a um número absoluto de pixels.
- A densidade (também conhecida como Pixels por polegada - PPI) refere-se a um número relativo de pixels por polegada, o mesmo no iPhone 6 e nos iPhones anteriores, mas diferente no iPhone 6 plus.
Confira mais sobre isso aqui neste tópico
Portanto, o iPhone 6 usa a imagem @ 2x igual aos iPhones 4, 5 e 5S, pois possui o mesmo PPI e o iPhone 6 plus usa @ 3x.
fonte
Respostas:
Tentei em um projeto de amostra usar imagens padrão, @ 2x e @ 3x, e o simulador do iPhone 6+ usa a imagem @ 3x. Portanto, parece que há @ 3x imagens para ser feito (se o simulador realmente replica o comportamento do dispositivo). Mas o estranho é que todos os dispositivos (simuladores) parecem usar essa imagem @ 3x quando estão na estrutura do projeto, o iPhone 4S / iPhone 5 também.
A falta de comunicação da Apple em uma estrutura potencial de 3x, enquanto eles pedem que os desenvolvedores publiquem seus aplicativos iOS8 é bastante confusa, especialmente ao ver esses resultados no simulador.
** Editar no site da Apple **: também foi encontrado na seção "O que há de novo no iOS 8" no espaço de desenvolvedor da Apple:
Ainda não entendo por que todos os dispositivos parecem carregar o @ 3x. Talvez seja porque eu estou usando arquivos regulares e não xcassets? Vai tentar em breve.
Editar após mais testes: Ok, parece que o iOS8 fala sobre isso. Ao testar em um simulador do iPhone 5 do iOS 7.1, ele usa corretamente a imagem @ 2x. Mas, ao lançar o mesmo no iOS 8, ele usa o @ 3x no iPhone 5. No entanto, não tenho certeza se esse é um comportamento desejado ou um erro / bug no iOS8 GM ou simuladores no Xcode 6.
fonte
ATUALIZAR:
Novo link para o tamanho da imagem dos ícones da apple.
https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/
Sim, é verdade, aqui está a Apple fornece documentação oficial sobre o tamanho do ícone ou da imagem
você precisa definir imagens para iPhone6 e iPhone6 +
Para o iPhone 6:
Para o iPhone 6 Plus:
Para obter mais informações sobre imagens e resolução, este é o melhor post útil.
Para definir o tamanho das imagens para os controles, você pode definir 1x @ 2x e @ 3x da seguinte maneira:
fonte
Crie versões diferentes de uma imagem em seu catálogo de ativos, para que a própria imagem informe qual versão é:
Agora execute o aplicativo em cada simulador por vez. Você verá que a imagem 3x é usada apenas no iPhone 6 Plus.
A mesma coisa acontece se as imagens são desenhadas a partir do aplicativo pacote usando seus nomes (por exemplo one.png , [email protected] e [email protected] ) chamando
imageNamed:e atribuindo a uma visualização da imagem.(No entanto, há uma diferença se você atribuir a imagem a uma visualização de imagem no Interface Builder - a versão 2x é ignorada em dispositivos de dupla resolução. Isso é presumivelmente um bug, aparentemente um bug
pathForResource:ofType:.)fonte
O ios sempre tenta obter a melhor imagem, mas recorre a outras opções. Portanto, se você tiver apenas imagens normais no aplicativo e precisar de imagens @ 2x, utilizará as imagens normais.
se você colocar apenas 2x no projeto e abrir o aplicativo em um dispositivo normal, as imagens serão redimensionadas para serem exibidas.
se você segmentar dispositivos ios7 e ios8 e desejar a melhor qualidade, precisará de @ 2x e @ 3x para recursos de telefone e normal e @ 2x para recursos de ipad, já que não há telefone sem retina e ipad @ 3x.
talvez seja melhor criar os ativos no aplicativo a partir de gráficos vetoriais ... verifique http://mattgemmell.com/using-pdf-images-in-ios-apps/
fonte