Prolongamentos de dispositivos portáteis

No design de websites que serão exibidos em iPhones e iPads, manter-se na relação de aspecto mente - a relação entre a largura à altura de uma imagem ou vídeo. relação de aspecto é particularmente importante quando você está trabalhando com vídeo. Um padrão de TV exibe vídeo em formato 4: 3 (ou 1: 1,33) - o formato quase quadrado que gerações de viciados Boob Tube conhecer e amar.

Basicamente, para cada 4 pixels de largura, 3 pixels são para baixo, de modo a resolução de tela de TV de definição padrão é 640 x 480. Recentemente, HDTV tem causado uma mudança para o formato 16: 9 (ou 1: 1,85), também conhecido Como panorâmico, e uma resolução comum é de 1280 x 720.

A proporção do aspecto é iPhone 3: 2 (ou 1: 1,5), o que não é mesmo padrão. O iPad é 4: 3, assim como um sinal de televisão tradicional. Para exibir uma imagem widescreen ou HD, tanto o iPhone eo iPad usar o letterboxingtécnica, que coloca finas, barras negras acima e abaixo da imagem.

Na figura, você vê o efeito de letterboxing quando um vídeo é reproduzido em uma tela que não se encaixa a relação de aspecto. aparecem barras pretas nas partes superior e inferior desta formação vídeo pelo autor Janine Warner porque o vídeo não se encaixa a razão de aspecto da tela.

No iPhone, ao ver um padrão 4: 3 vídeo, você pode tocar para expandir a imagem para preencher o espaço verticalmente - mas tudo o que faz é cortar fora as bordas de cada lado. Se você está trabalhando com imagens estáticas que são drasticamente cortadas (como em uma paisagem panorâmica), os usuários nem vai ver um monte de espaço em branco na tela ou ter que se deslocar muito.