Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result

Início » Desenvolvimento WordPress » Definições dos tamanhos de imagens padrão do WordPress

Definições dos tamanhos de imagens padrão do WordPress

As dimensões de imagens com padrão do WordPress são para facilitar sua vida. Caso queira sair do padrão é só mexer nas configurações de mídia ou no código.

by
7 anos ago
Reading Time: 2 min
12
Definições dos tamanhos de imagens padrão do WordPress
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

Falar de padrão é até um pouco fora do que propomos aqui no blog, já falamos que o WordPress não tem limites e agora, como falar de tamanhos de imagens padrão do WordPress?

Quem define tamanhos de imagens padrão do WordPress, eu ou a plataforma?

A melhor forma de começar é do início, temos basicamente 3 dimensões de imagens padrão no WordPress: miniatura (150X150 pixels), média (300X300 pixels de largura e altura máxima) e grande (1024X1024 pixels de largura e altura máxima). É claro que nenhuma delas é a que o gestor de conteúdo fez upload. Então, além dessas três sitadas, temos uma com o tamanho completo, que é mantida como foi enviada para a biblioteca de imagens.

Se existem dimensões de imagens com padrão do WordPress, certamente é para facilitar sua vida.

Click To Tweet

Simplificando funciona assim, o WP armazena a imagem original mantém seu tamanho real, criar três novos tamanhos baseados na imagem enviada e outros vários tamanhos se o tema e/ou plugins definirem necessários tamanhos personalizados. Por que isso acontece? Por vários motivos, imagina ter que definir manualmente dezenas de imagens padrão para WordPress porque o tema solicita, porque a versão responsiva precisa ou porque o plugins não pode redimensionar para sua loja virtual e por aí vai.

Conteúdo relacionado

Como criar Web Stories no WordPress

Como criar blocos reutilizáveis no Gutenberg

Como habilitar recursos ocultos do Gutenberg no tema WordPress

E quando a imagem padrão do WordPress não me atende?

Quando esse tipo de coisa acontecer e, se acontecer, então é o momento de ir além. O WordPress oferece mais duas maneiras para você definir o tamanho da imagem. Selecionando a opção configurações e em seguida a opção mídia no painel do WP você acessa as configurações de mídia dentro. Com esse recurso é possível criar seu próprio padrão dentro das possibilidades das configurações.

midia-imagens-padrao-wordpress

Caso as configurações de mídia também não te atendam, o último recurso é realmente interferir no código. Essa ação é recomendada apenas para quem tem uma prática mais avançada com WordPress.

Conclusão

O WP busca sempre aumentar a qualidade da plataforma, melhorar a usabilidade do gestor de conteúdo e do usuário e manter a liberdade criativa de que trabalha com desenvolvimento. Se existem dimensões de imagens com padrão do WordPress, certamente é para facilitar sua vida. Se caso você quiser mais da plataforma e definir você mesmo, lembre-se que sempre poderá mexer nas configurações de mídia ou diretamente no código, ele é aberto.

Gostou do artigo? Espero que sim. Aguardo seu comentário.

Tags: back-endconfiguraçõesfront-endpuginsTemas
Share8Share1SendShare
Previous Post

Como redefinir widgets do WordPress e muito mais | Saiba tudo sobre widgets aqui

Next Post

Meu site WordPress caiu! E agora?

Related Posts

Anatomia do Gutenberg, o editor do WordPress
Desenvolvimento WordPress

Anatomia do Gutenberg, o editor do WordPress

13 de janeiro de 2021
As vantagens do editor Gutenberg para WordPress
Desenvolvimento WordPress

As vantagens do editor Gutenberg para WordPress

19 de agosto de 2020
Metodologia BPM para melhoria de processos dentro da empresa
Desenvolvimento WordPress

Metodologia BPM para melhoria de processos dentro da empresa

15 de janeiro de 2021
Scrum e PMBOK - aliados na gestão de projetos
Desenvolvimento WordPress

PMBOK e Scrum: grandes aliados na gestão de projetos

15 de janeiro de 2021
Next Post
site-wordpress-caiu

Meu site WordPress caiu! E agora?

Seja um Especialista em WordPress | Descubra como fazer parte da maior comunidade do mundo

Seja um Especialista em WordPress | Descubra como fazer parte da maior comunidade do mundo

Comments 12

  1. Flavia Duarte Braga says:
    6 anos ago

    Preciso de ajuda, eu troquei minha imagem de capa e ela não fica em tela toda. Como faço???
    A imagem anterior era menor que essa que tem 3000 x 890

    Responder
  2. Pingback: Otimização de imagens e os desafios relacionados
  3. Ana Paula says:
    5 anos ago

    Resolveu o que eu vinha pesquisando há dias! Valeu! Muito obrigada!

    Responder
    • Leandro Vieira says:
      5 anos ago

      Uau, que ótimo Ana Paula 😀

      Responder
  4. Gerson Ricardo Garcia says:
    5 anos ago

    Para um site que usa imagens de destaque, o que seria mais próximo do ideal para que o site não fique pesado e lento? Tamanhos em PX e formatos de imagens? Pois o Google Page Speed alega que devo fazer compactações e alterar os tamanhos que hoje são 800 x 600 PX formato paisagem.
    Grato.

    Responder
    • Zoran Araujo Moraes says:
      5 anos ago

      Oque o Google page Speed avisa é que a imagem não esta compactada. E isto nao está diretamente relacionado ás dimensões (em px). Cada vez que edita ou salva uma imagem, independente do formato e das dimensões, varias informações, referentes a imagem, são gravadas no arquivo automaticamente. Estas informações não são necessárias para que a imagem seja publicada em um site. Por isto é importante usar um compactador, que vai retirar desta imagem informações desnecessárias. O formato mais ‘leve’ é o jpg. Dê preferencia ao uso deste formato. Use algum editor que possibilite a você determinar a qualidade da imagem (paint.net é uma boa e é gratis). Diminua a qualidade da imagem, para diminuir o tamanho da imagem salva. Uma diminuição de 50% na qualidade de um jpg é praticamente imperceptivel, e você consegue a diminuição do tamanho de cerca de 80,90% no tamanho da imagem salva.

      Use após isto, o tinypng ou o tinyjpg (compressor online de imagens) que ainda reduz o tamanho final do arquivo em até mais 70%, sem perder a qualidade.

      No fim, imaginando uma imagem original de 500kb, você pode reduzi-la para 20kb, 30kb, com as mesmas dimensões em px e sem perdas grandes de qualidade. É isto que o Google quer.

      Responder
  5. rlsf says:
    5 anos ago

    Eu estava usando um plugin de galeria que mostrava as imagens sempre em baixa! Tentei de tudo e não conseguia resolver. Até que cheguei neste seu post! O plugin considerava estas imagens como médias na hora do upload. Com isso elas apareciam sempre como 300px de máximo. Alterei para 1.024 nas configurações de mídia e funcionou!!! Muitíssimo obrigado pelo post!

    Responder
  6. Marcelo says:
    5 anos ago

    Se eu tenho que preparar layout de teste de site no photoshop, pra ser colocado full width 100% num site em wordpress, qual é o tamanho ideal dessa imagem (largura) em pixels que eu tenho que preparar no photoshop?

    Responder
  7. Marcus says:
    2 anos ago

    Finalmente consegui encontrar em um artigo a dúvida que me atrapalhada há um tempo já. Obrigado pelo conteúdo.

    Responder
  8. Otávio Lopes Pereira says:
    2 anos ago

    Ótimo artigo, com certeza instrui o pessoal sobre esse detalhe importante que é a definição da imagem. Agora, e o tema implementado no site, ele não influencia na edição dessas imagens?

    Responder
    • Leandro Vieira says:
      2 anos ago

      Otávio, tanto tema quanto plugins podem influenciar nisso. Dado que eles podem fazer uso de funções pare registrarem novos tamanhos de imagens

      Responder
  9. Natan says:
    2 anos ago

    Obrigado pelas dicas, me ajudou muito!

    Responder

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.

  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.