Imagem de destaque
No contexto dos portais de notícias online, a imagem de destaque assume um papel fundamental. Ela não apenas ilustra visualmente o conteúdo, mas também serve como um ponto de referência visual em várias etapas da jornada do usuário pelo site, incluindo a página inicial, os resultados de busca e as páginas de editoria. Essa imagem desempenha um papel importante na atração e retenção de leitores, fornecendo uma impressão inicial do que está por vir e incentivando a exploração do conteúdo completo. Portanto, a escolha e a configuração cuidadosas dessa imagem são cruciais para garantir uma experiência de usuário positiva e envolvente.
Aplicação para template padrão
Além dos aspectos mencionados anteriormente, é crucial que o responsável pela escolha da imagem de destaque esteja ciente de que essa mesma imagem será reproduzida em diversos componentes do site, em tamanhos e dispositivos variados. Portanto, é essencial evitar elementos que possam perder legibilidade ou impacto visual quando redimensionados.
Tamanho da Imagem: 1920x1080px
Formato do Arquivo: .JPEG, .JPG e .PNG
Aplicação para template artístico
No caso dos posts com template artístico, a experiência é diferenciada, com uma imagem que ocupa a tela inteira. Isso proporciona uma imersão visual mais intensa e cativante para o usuário. Para garantir a melhor experiência possível tanto em dispositivos móveis quanto em desktops, é disponibilizado um campo de upload específico para cada tipo de dispositivo.
Tamanho da Imagem: Desktop 1920x480px e Mobile 620x530px
Formato do Arquivo: .JPEG, .JPG e .PNG
Branded Content
Assim como a editoria de apoio o bloco de branded content usa uma imagem aplicada no bloco de informações da empresa, presentes na sidebar e no final da notícia.
Tamanho da Imagem: 640x640px
Formato do Arquivo: .JPEG, .JPG e .PNG
Imagem de Autor, Colunista ou Coluna
É essencial garantir um enquadramento que destaque os elementos relevantes, como o rosto do autor ou colunista, especialmente em miniaturas para listagens.
Além disso, respeitar a área útil ao lado da imagem é crucial para evitar cortes inadequados. Assim, ao escolher e tratar as imagens, é fundamental garantir uma apresentação visualmente atraente e profissional em todo o portal de notícias.
Tamanho da Imagem: 560x560px
Formato do Arquivo: .JPEG, .JPG e .PNG
Editoria de Apoio
No segmento de editoria de apoio, é crucial valorizar a identidade visual dos parceiros comerciais, garantindo a aplicação correta de suas marcas em assinaturas que sejam compatíveis com o espaço disponível. Isso significa que as marcas devem ser apresentadas de forma clara e impactante, respeitando as limitações de espaço, e integradas harmoniosamente ao design da página.
Super Banner
O super banner é uma imagem em destaque aplicada sobre o título da editoria, recomenda-se que seja aplicada alguma peça de comunicação complementar à marca do parceiro comercial. Em casos de múltiplas parcerias, é sugerida a aplicação de uma imagem ilustrativa da editoria ou a não aplicação de nenhuma peça, garantindo assim uma apresentação visual equilibrada.
É importante ressaltar que o super banner possui duas versões distintas, uma otimizada para dispositivos móveis e outra para desktop, assegurando uma experiência visual adequada em ambas as plataformas.
Tamanho da Imagem: Desktop 1320x275px e Mobile 480x256px
Formato do Arquivo: .JPEG, .JPG e .PNG
Logos dos Parceiros
São as marcas das empresas vinculadas ao lado do título da editoria e nos casos de multiparceirias, aplicadas também no bloco da sidebar, ao lado da listagem das notícias da editoria. Recomenda-se a aplicação de imagens vetoriais, com fundo transparente e com elementos da marca o mais próximo possível das bordas.
Tamanho da Imagem: Largura máxima 120px e Altura máxima 80px
Formato do Arquivo: .svg
Imagem da Marca
Imagem aplicada no bloco de informações da empresa na sidebar e no final da listagem de notícias da editoria. Disponível apenas para editorias com apenas um parceiro configurado.
Tamanho da Imagem: 640x640px
Formato do Arquivo: .JPEG, .JPG e .PNG
Programação
Na editoria de programação, configurar as imagens corretamente é fundamental, levando em consideração critérios importantes como redução e área útil. Isso garante uma personalização alinhada com a identidade visual do programa, sem comprometer a clareza e identificação dos elementos essenciais.
Super Banner
O super banner é uma imagem em destaque aplicada sobre o título da editoria, recomenda-se que seja aplicada alguma peça de comunicação complementar à identidade do programa. Importante ressaltar que o super banner possui duas versões distintas, uma otimizada para dispositivos móveis e outra para desktop.
Tamanho da Imagem: Desktop 1920x400px e Mobile 480x256px
Formato do Arquivo: .JPEG, .JPG e .PNG
Logo do Programa
O logo do programa é vinculado tanto na página principal do programa, ao lado do título, quanto na página de programação geral. É fundamental que o usuário aplique corretamente a imagem, levando em consideração sua legibilidade mesmo quando reduzida. Isso garante uma identificação clara e consistente do programa em todas as instâncias do portal, reforçando sua presença visual e sua marca.
Tamanho da Imagem: 640x640px
Formato do Arquivo: .JPEG, .JPG e .PNG
Logo no título do Archive
A possibilidade de inserir logos no título do archive é um recurso interessante para personalizar a identidade de uma página de archive.
Ao considerar a inserção de logos no título do archive, é crucial que o usuário preste atenção à forma correta de recortar o logo para uma exibição ideal, com fundo transparente e com elementos da marca o mais próximo possível das bordas.
Tamanho da Imagem: Largura máxima 180px e Altura máxima 120px
Formato do Arquivo: .svg
Webstories
Para as imagens a serem aplicadas no Web Stories do Google, é essencial prestar atenção a diferentes aspectos. Para a capa da publicação, é importante observar a área útil central da imagem, garantindo que elementos essenciais não sejam cortados. Quanto ao conteúdo em si, recomenda-se a aplicação de imagens e vídeos em full HD, com resolução de 1920×1080 pixels. Isso assegura uma apresentação nítida e de alta qualidade, proporcionando uma experiência envolvente e imersiva para os espectadores do Web Stories.
Para dicas mais detalhadas sobre o tratamento do conteúdo e configuração do Web Stories, recomenda-se consultar o artigo do Google disponível no seguinte link: Web Stories: Melhores Práticas de Criação. Este recurso oferece orientações abrangentes e específicas para garantir uma experiência de visualização otimizada e de alta qualidade para os usuários.
Tamanho do Conteúdo: 1080x1920px
Tamanho da Capa: 640x853px
Formato do Arquivo: .JPEG, .JPG e .PNG
Patrocinadores Footer
Marcas das empresas vinculadas acima do footer. Recomenda-se a aplicação de imagens vetoriais, com fundo transparente e com elementos da marca o mais próximo possível das bordas.
Tamanho da Imagem: Largura máxima 120px e Altura máxima 80px