45 / 68
45
LPDJHQV H HVSHFLíTXH R WDPDQKR
ideal de cada uma que será
utilizada”, explica Batista. A edição
em softwares ou serviços online
especializados garantem mais
qualidade ao processo.
Os formatos mais usados de
imagens são: JPEG, GIF e PNG. Cada
um deles possui características
diferenciadas. O JPEG, por exemplo,
suporta milhões de cores e tem uma
ótima taxa de compressão. “Quando
VH TXHU H[LELU XPD IRWRJUDíD RX DUWH
com muitas cores ou com degradês
suaves, sem dúvida é o formato a ser
HVFROKLGRÜ DíUPD =HPHO
O GIF contém no máximo 256
cores e é o formato usado quando
o assunto é animação. “Este tipo
GH LPDJHP SRGH VHU PRGLíFDGR
diversas vezes sem perder sua
qualidade. Ao contrário do JPEG,
ela suporta transparências”, explica
%DWLVWD 2 PDQDJHU DLQGD DíUPD TXH
o PNG é o formato mais indicado
para logotipos, ilustrações, botões
H JU£íFRV ,VVR SRUTXH DVVLP FRPR
o GIF, não apresenta nenhum tipo
de perda.
Também é possível usar o efeito
“Blur”, que embaça as imagens,
para diminuir a quantidade de KB. A
ferramenta é conhecida por borrar
cores e traços das imagens, mas não
vai causar efeitos visíveis nesse caso.
Batista explica que é recomendável
aplicar uma quantidade pequena do
efeito sobre a imagem (0,2 ou 0,3).
Dessa forma, o usuário consegue salvar
um arquivo mais leve no Photoshop ou
Corel. Ele ainda ressalta que a técnica
funciona melhor em imagens JPEG,
já que têmmaior facilidade com a
transição sutil de cores.
Zemel sugere outra opção relevante usando
a técnica de borrar. “Caso não impacte na direção
de arte planejada, também é possível economizar
alguns KB ao aplicar desfoque um pouco mais
agressivo em áreas de menor atenção da
imagem, deixando o que importa com nitidez
total e desfocando áreas em segundo plano”,
conta o desenvolvedor.
A técnica Lazy Loading pode ser uma opção
interessante em alguns casos. “As imagens só são
carregadas quando devem aparecer na tela: se você
entra num site com uma galeria completa de fotos,
por exemplo, de início somente as primeiras aparecem
e, conforme o visitante rola a tela, as demais são
carregadas sob demanda”, explica Zemel.
[
DEVE-SE EVITAR REDIMENSIONAR AS IMAGENS USANDO PROPRIEDADE EM
HTML E DEIXANDO QUE O NAVEGADOR FAÇA O TRABALHO
]
*DEULHO %DWLVWD ç
manager da Aquarela Websites
Tárcio Zemet: é imprescindível que a
otimização de imagens faça parte do
planejamento do desenvolvimento
Batista, da Aquarela:
serviços online de
redimensionamento agradam
LW
[
GIF CONTÉM NOMÁXIMO
256 CORES E É O FORMATO USADO
QUANDO O ASSUNTO É ANIMAÇÃO.
ELE PODE SER MODIFICADO
SEM PERDER A QUALIDADE E
SUPORTA TRANSPARÊNCIAS
]
REVISTA LOCAWEB
IMAGENS