Design web e UX
Não deforme as suas fotos: aprenda a redimensionar as fotos
Você tem a foto perfeita, mas não encaixa bem no espaço onde você quer colocar.
Em poucas palavras
Ideias principais
- Você tem a foto perfeita, mas não encaixa bem no espaço onde você quer colocar.
- O modelo do seu blog não permite imagens quadradas; ou o slideshow da home do seu site é demasiado alargado; ou as fotos dos seus produtos nem sempre ficam bem enquadradas na lista da sua loja...
- Cada caso pode ser tratado de maneira diferente, mostramos-lhe as soluções possíveis... e o que você nunca deveria fazer.
- Se você deforma o seu logotipo ou suas fotos, sua imagem e seu site perdem qualidade.
Este conteúdo faz parte do ficheiro histórico do Sitelicon. Conserva as informações disponíveis na data de publicação; as condições, ferramentas e requisitos das plataformas podem ter mudado.
Contexto
Você tem a foto perfeita, mas não encaixa bem no espaço onde você deseja colocar. O modelo do seu blog não permite imagens quadradas; ou o slideshow da home do seu site é demasiado alargado; ou as fotos dos seus produtos nem sempre ficam bem enquadradas na lista da sua loja online, etc.
Cada caso pode ser tratado de maneira diferente, mostramos-lhe as soluções possíveis… e o que você nunca deveria fazer.
Imagine que você tem esta foto e você precisa colocá-la em um espaço quadrado:
http://www.contrabase.com/wp-content/uploads/2015/03/post-01.jpg
OPÇÃO 1: DEFORMAR
Se o espaço de que você dispõe é diferente do formato da imagem, a solução fácil é achatar ou esticar a foto, mas, Cuidado! Esta é a pior opção de todas e NÃO deveria fazê-lo jamaisSe você deforma o seu logo ou as suas fotos, a sua imagem e o seu site perderem qualidade. Você vai achar que você está descuída a sua web e dará uma impressão “cutre”.
http://www.contrabase.com/wp-content/uploads/2015/03/post-02.jpg
OPÇÃO 2: CENTRAR
Centrar a Imagem É normalmente a melhor opção Na maioria dos casos. Isto significa que os lados da foto serão cortados um pouco, mas quase sempre poderemos prescindir de um pedaço. O enquadre da foto fica centrado no espaço disponível. Seria algo assim:
http://www.contrabase.com/wp-content/uploads/2015/03/post-03.jpg
OPÇÃO 3: AJUSTAR
Desta forma, metemos a imagem inteira no espaço que temos. Não se corta nem se deforma, mas ficarão margens preenchidas no espaço sobrante. Esta opção é menos estética que a anterior, mas é a solução adequada quando é importante mostrar a imagem completa.
http://www.contrabase.com/wp-content/uploads/2015/03/post-04.jpg
Você tem mais dúvidas? Se você precisar de ajuda ou tem qualquer problema com a gestão de suas imagens na web, Contacte-nos.
Responsabilidade editorial
Quem é responsável por este conteúdo?
Equipa Sitelicon
Conteúdo criado e mantido pela equipa multidisciplinar da Sitelicon.
- Publicação
- Última revisão
- Rastreabilidade
- 1 fonte referenciada
Arquivo editorial
Conteúdo recuperado e datado.
Conteúdo recuperado do arquivo editorial da Sitelicon. Última atualização registada em . As funcionalidades e condições das plataformas digitais podem mudar ao longo do tempo.
Serviços relacionados
Podemos ajudar a pô-lo em prática.
Para cada artigo, selecionamos as competências da Sitelicon diretamente relacionadas com o tema.
Desenvolvimento Web
Nós concebemos e construímos experiências web claras, acessíveis e preparadas para evoluir.
Ver serviço 02Aplicações e software à medida
Tornamos necessidades de utilizador e negócio em interfaces e funcionalidades específicas.
Ver serviço 03SEO + GEO/AIO
Ligamos estrutura, conteúdos, acessibilidade e desempenho para melhorar a visibilidade.
Ver serviço