Como otimizar JPEGs para telas de retina?

Para acomodar telas de alta resolução / retina, você deve usar uma imagem com 1280 pixels de largura, que é conhecida como "2x". Embora o gráfico ainda seja exibido no site com 640 pixels de largura, você está dobrando a densidade de pixels usando uma imagem com o dobro do tamanho.

1. O que é retina otimizado?
2. Como faço uma imagem pronta para retina?
3. Como faço para tornar meu site Retina Ready?
4. Qual é a resolução da tela Retina?

O que é retina otimizado?

Requisitos de otimização de retina

O Sandvox pode otimizar suas imagens para telas de retina se o tamanho, em pixels, da imagem de origem for pelo menos duas vezes o tamanho, em pontos, da imagem que aparece no Sandvox. ... Se o arquivo de origem também tiver 400x400 pixels, ele aparecerá em pixels em uma tela Retina.

Como faço uma imagem pronta para retina?

Dispositivos Retina têm mais pixels por polegada, portanto, exigem imagens de alta resolução para preencher esses pixels extras.
...

1. Etapa 1: você precisa produzir imagens com o dobro das dimensões em pixels para o seu site. ...
2. Etapa 2: veicular imagens de retina para dispositivos de retina. ...
3. Etapa 3: envie suas imagens Retina para o WordPress e use-as em seu site.

Como faço para tornar meu site Retina Ready?

Para tornar seu site pronto para retina, use Scalable Vector Graphics (SVG) sempre que possível. SVG é um formato gráfico baseado em XML que apresenta imagens em alta qualidade. As imagens SVG podem ser visualizadas em navegadores de Internet que usam XML ou exibidas em telefones celulares nos formatos de arquivo SVGB ou SVGT.

Qual é a resolução do Retina Display?

Resolução nativa: 2880 x 1800 a 220 pixels por polegada. Suporte para milhões de cores. Modelos MacBook Pro de 13 polegadas lançados no final de 2012 ou mais tarde. Resolução nativa: 2560 x 1600 a 227 pixels por polegada.