Um site de qualidade envolve diversos fatores – conteúdo, um bom nome, design e estruturação bem feita e imagens. Infelizmente, não é muita gente que dá a devida importância para as imagens de seu site, podendo elas serem como uma LOGO, imagem de post e até de montagem do design em si. Diversos temas WordPress, que reconhecem como isso é imprescindível para a qualidade do site, já trazem opções para cadastro de imagens retina de alta qualidade. Se o seu tema não contempla isso ou você quer dar uma tunada em todas essas peças de um site, o vamos te apresentar um plugin que vai lhe ajudar.

Alta Qualidade com WP Retina 2x

O Plugin

Para dispositivos que utilizam imagens de alta qualidade ou Retina (High DPI), o plugin WP Reina 2x faz toda a tarefa de criar os arquivos necessários e deixar seu site equipado com imagens mais bonitas e nítidas. As imagens do seu site receberão tratamento retina de forma automática, mas você também pode realizar todo o processo de forma manual.

Praticamente não requer configuração, com o WP Retina 2x você tem imagens de altíssima qualidade e com suporte para os mais diferentes métodos que os dispositivos utilizem: PictureFill, Retina.js, IMG Rewrite e Retina-Images. Extremamente rápido de engenha otimizada, o plugin não vai criar absolutamente nada no banco de dados do seu servidor.

Fazer a instalação do WP Retina 2x no seu site WordPress é extremamente fácil e prático. Você pode eleger uma dentre as diversas maneiras que o WP oferece para realizar a instalação. As mais comuns são: buscar pelo nome do plugin (WP Retina 2x) através do seu Painel WordPress (Plugins > Adicionar novo) ou realizar o download do arquivo do plugin e fazer o upload do mesmo via FTP ou Dashboard WordPress.

Para fazer o download direto na página oficial no diretório do WordPress, clique no botão abaixo e nós vamos te redirecionar para lá sem qualquer complicação.

Utilização do WP Retina 2x

Com o plugin instalado e ativado em sua Dashboard, acesse Mídia > Retina para começar a acompanhar o processo de geração das imagens retinas para aquelas que você já tem cadastrada em seus posts, páginas e widgets.

Quando você acessar a ferramenta o número de Issues estará como 0 (Zero). Clique no botão Refresh para atualizar esse número. Ele refere-se aos problemas que você possivelmente terá ao realizar a geração retina, o que não quer dizer que ocorram para todos os tamanhos necessários. Muito provavelmente alguns tamanhos serão gerados e outros não.

Dependendo do tamanho da imagem cadastrada e da qualidade dela, alguns problemas podem ser apontados. Então, para aquelas imagens que não acusarem problemas você pode realizar o processo tranquilamente. Caso você queira que 1 ou mais arquivos sejam ignorados, clique no botão referente a eles com o nome IGNORE.

Uma mensagem como essa pode ser exibida em inglês, te orientado a alterar algumas imagens para o bom funcionamento do plugin:

As imagens em tamanho real deve ter uma resolução de 2048 × 2048, pelo menos para o plugin poder gerar as imagens em retina exigidos pelo seu website. Você pode carregar ou substituir as imagens por drag & drop. Sua configuração do PHP permite uploads no máximo de 64MB.

Para realizar a geração das imagens retinas manualmente e para um único arquivo, basta clicar no botão referente com o nome GENERATE. Após isso você verá por meio de pequenos cubos, a sinalização para quais tipos de imagem retina o processo funcionou. Os tipos vão variar a depender dos plugins e funcionalidades do seu tema.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.