O documento fornece instruções sobre como preparar e otimizar imagens para carregamento em sites criados no Wix. Ele explica os formatos de arquivo de imagem comuns (JPEG, PNG, GIF) e quando cada um é mais apropriado. Também fornece etapas para definir configurações de imagem e salvar imagens no Photoshop para a web de forma otimizada.

1. 02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technical­difficulties/live­site­issues/tutorial/preparing­and­optimizing­images 1/6
(http://www.wix.com/support/html5/)Dificuldades técnicas (http://www.wix.com/support/html5/technical-difficulties/)
viver Problemas do Site (http://www.wix.com/support/html5/technical-difficulties/live-site-issues/)
Wix Central de Ajuda (http://www.wix.com/support/html5/)
Preparação e otimização de imagens
Search
Preparação e otimização de imagens
Tutorial
Selecionando o formato certo imagem
Preparando sua imagem
Ao adicionar uma imagem ao seu site, tenha em mente que Wix instantaneamente otimiza sua imagem de modo que você não precisa!
Enquanto otimizar suas imagens (como o site carrega), construído em nosso sistema de otimização de imagem leva tanto local o tempo de
carregamento e qualidade de imagem em consideração.
Isto significa que, contanto que suas imagens estão sob 15MB de tamanho, não há necessidade de comprimir ou redimensionar os arquivos de
imagem antes de enviá-las para o seu site Wix.
Leia o guia abaixo para obter informações sobre como selecionar o formato de imagem adequado às suas necessidades, bem como
orientações para a preparação de suas imagens no Photoshop.
Tenha em mente que você pode usar estas diretrizes em qualquer software de edição de imagem para obter resultados semelhantes.
Clique aqui (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/faq/how-can-i-optimize-my-images-if-i-dont-have-
photoshop) para ver a lista de vários programas de edição de imagens on-line que você pode usar como uma alternativa ao Photoshop.
Se você estiver enfrentando problemas com imagens upload, leia o nosso tutorial relacionado aqui
(http://www.wix.com/support/html5/technical-difficulties/editor-issues/tutorial/media-upload-issues) .
Selecionando o formato certo imagem
Com os diferentes tipos de formatos de arquivos utilizados para imagens na web pode ser confuso tentando descobrir que tipo de arquivo que
você deve usar.
Ao decidir qual o formato a utilizar quando o upload de imagens para o seu site Wix, há algumas coisas a ter em consideração, incluindo:
O tempo de carregamento do site
A qualidade de imagem
Transparência
Em geral, como arquivos JPEG são compactados, eles são preferíveis e vai ajudar a melhorar o tempo de carregamento do seu site .
Ficheiros JPEG têm qualidade de imagem suficiente para a maioria dos sites na web.
Se você tem exigências especiais de imagem, por exemplo, você deseja enviar imagens de alta qualidade ou imagens com um fundo
transparente, PNG é o melhor formato. Este formato de arquivo deve ser usado com moderação, como um grande número de imagens de alta
qualidade poderia aumentar o tempo de carregamento do seu site.
Os arquivos GIF são recomendados para imagens com blocos planas de cor, tais como logotipos ou ilustrações simples .
Você pode converter entre formatos de arquivo usando RIOT (http://luci.criosweb.ro/riot/) .
GIF
Graphics Interchange Format (GIF) é um dos formatos de arquivo usado para exibir gráficos de cores indexadas e imagens em documentos
HTML na web.
Cor indexado significa que ele só irá apresentar um máximo de 256 cores.
Por esta razão, GIF não é um bom formato para guardar imagens fotográficas do tipo com muitas cores. GIF é bom para guardar imagens com
blocos planas de cor, tais como logotipos ou ilustrações simples.
Outra característica muito importante de imagens GIF é que está lhe permite preservar a transparência. Ele usa um formato comprimido de LZW
projetado para minimizar o tamanho do arquivo.
JPG ou JPEG

2. 02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technical­difficulties/live­site­issues/tutorial/preparing­and­optimizing­images 2/6
Formato Joint Photographic Experts Group (JPEG) é usado para exibir fotografias e outras imagens de tom contínuo na web.
Formato JPEG suporta CMYK, RGB (milhões de cores), e os modos de cores em tons de cinza. Ao contrário do formato GIF, JPEG preserva
todas as informações de cor em uma imagem RGB, mas a compactação do tamanho do arquivo descartando dados de maneira seletiva. Isto é
conhecido como a compressão com perdas, e pode resultar numa perda de qualidade, se for aplicado um nível elevado de compressão.
Na maioria dos programas de edição de imagem que você pode especificar a quantidade de compressão / perda de qualidade que você deseja.
O JPG não preservar a transparência.
PNG
Portable Network Graphics (PNG) é um pouco como o melhor dos dois mundos. Ele foi desenvolvido com base em GIF, para compressão sem
perdas e para a exibição de imagens na web. Ao contrário do GIF, PNG suporta imagens de 24 bits e produz transparência plano, sem bordas
irregulares.
Formato PNG suporta RGB, Cores Indexadas, Tons de Cinza e imagens em modo Bitmap. PNG também preserva a transparência em tons de
cinza e RGB imagens.
Para mais informações gerais sobre como adicionar imagens para o seu site Wix, clique aqui
(http://www.wix.com/support/html5/editor/media-images-and-galleries/tutorial/adding-an-image) .
Voltar ao topo
Preparando sua imagem
Passo 1: Definir as suas definições de imagem a cores RGB
RGB é o modelo de cor padrão usado para imagens digitais e cores da Web.
Para definir as configurações de imagem para RGB Color:
1. Abra a imagem no Photoshop.
2. A partir da imagem menu, vá para o modo e clique em RGB Color .
Passo 2: Guardar a sua imagem para a Web

3. 02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technical­difficulties/live­site­issues/tutorial/preparing­and­optimizing­images 3/6
Para salvar a imagem no melhor formato para a web:
1. Abra a imagem no Photoshop.
2. Desde o Arquivo menu, clique em Salvar para Web e Dispositivos .
3. No lado direito, abrir o segundo menu drop-down para escolher um formato de imagem. Escolha PNG 8 , 24 PNG ou JPEG . Para mais
detalhes sobre as vantagens e desvantagens de cada um, clique aqui. (http://www.wix.com/support/html5/editor/images-and-clip-art-
7803520/tutorial/preparing-and-optimizing-images#anchor-selecting-the-right-image)

4. 02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technical­difficulties/live­site­issues/tutorial/preparing­and­optimizing­images 4/6
4. Clique em Salvar e salve a imagem no seu computador.
Salvando como PNG 8 : Esta opção combina com imagens com uma menor gama de cores - o melhor é escolher PNG 8 primeira e compará-
lo com a opção PNG 24. Se as imagens são semelhantes, em seguida, salvar como PNG 8 vai ajudar a reduzir o tempo de carregamento do
seu site. Salvando como PNG 24 : Esta opção combina com imagens com uma ampla gama de cores - o melhor é salvar como PNG 24, se há
um grande número de cores na tabela de cores e você deseja manter a qualidade da imagem. Note que isso pode afetar o tempo de
carregamento de seu site.
Salvando como JPEG : O tamanho do arquivo JPEG será tipicamente menor do que 24 PNG para imagens de alta qualidade. No entanto, PNG
é um formato que foi criado para a web e é um, cor formato preciso mais estável para usar ao fazer upload de imagens de alta qualidade para o
seu site. Alguns navegadores também exibem JPEGs de forma diferente. Se você estiver usando o formato JPEG, por favor, salve-o usando 85-
90 qualidade.
Meus Sites (/my-account) Templates (/website/templates) Explorar Assinaturas Apoio (/support/html5/)
#ItsThatEasy (/superbowl/itsthateasy)
(http://www.wix.com/support/html5/ugc/eb297f28-39d3-4971-814a-6a11cc4515c1/)
Oi, isabelsilva963

5. 02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technical­difficulties/live­site­issues/tutorial/preparing­and­optimizing­images 5/6
Voltar ao topo
Dificuldades técnicas (http://www.wix.com/support/html5/technical-difficulties/)
Questões editor (http://www.wix.com/support/html5/technical-difficulties/editor-issues/)
Viva Problemas do Site (http://www.wix.com/support/html5/technical-difficulties/live-site-issues/)
Compatibilidade do navegador (http://www.wix.com/support/html5/technical-difficulties/browser-compatibility/)
Todas as Categorias
FAQs Relacionadas
Como devo otimizar as imagens que eu fazer o upload para o meu site Wix? (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/faq/how-
should-i-optimize-the-images-that-i-upload-to-my-wix-site)
Como faço para adicionar uma imagem para o meu site Wix? (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/faq/how-do-i-add-an-
image)
Como faço para usar o recurso Editar imagem? (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/faq/how-do-i-use-the-edit-image)
Como faço para criar e enviar uma imagem com um fundo transparente para Wix? (http://www.wix.com/support/html5/editor/images-and-clip-art-
7803520/faq/how-do-i-create-and-upload-an)
Como posso otimizar minhas imagens, se eu não tiver o Photoshop? (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/faq/how-can-i-
optimize-my-images-if-i-dont-have-photoshop)
Tutoriais relacionados
Organizar suas imagens (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/tutorial/organizing-your-images)
Personalizando os seus Images (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/tutorial/customizing-your-images)
Editando seus Images (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/tutorial/editing-your-images)
Upload de imagens a partir de um dispositivo Android (http://www.wix.com/support/html5/editor/images-and-clip-art-7803520/tutorial/uploading-images-from-an-
android-device)
Wix.com é um
web principal
plataforma de
desenvolvimento
baseada em
nuvem com
PRODUTOS
Templates
(http://www.wix.com/website/templates)
Explorar
(http://www.wix.com/sample/website)
Características
(http://www.wix.com/about/features)
COMPANY
Sobre Wix
(http://www.wix.com/about/us)
Relações com Investidores
(http://investors.wix.com)
Jobs
(http://www.wix.com/jobs/main)
COMUNIDADE
Wix Blog
(http://www.wix.com/blog/)
Histórias Wix
(http://www.wix.com/stories/)
Wix Arena
(http://arena.wix.com)
APOIO
Centro de Suporte
(http://www.wix.com/support/html5/)
Vídeos de treinamento
(https://www.youtube.com/playlist?
list=PL0y_aclKYoYiiQOcmCPscYx1LynyDl0TV)
ID # 438921678

6. 02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technical­difficulties/live­site­issues/tutorial/preparing­and­optimizing­images 6/6
nuvem com
milhões de
usuários em todo
o mundo.
Tornamos mais
simples para
todos para criar
um lindo e
presença na web
profissional. Sem
limites criativos,
sem habilidades
de codificação
necessários para
começar o seu
negócio on-line.
(http://www.wix.com/about/features)
Meus Sites
(http://www.wix.com/my-
account)
Planos premium
(http://www.wix.com/upgrade/website)
Online Store
(http://www.wix.com/ecommerce/website)
Mercado App
(http://www.wix.com/app-
market/main)
Domínios
(http://www.wix.com/domain/names)
Desenvolvedores
(http://dev.wix.com)
(http://www.wix.com/jobs/main)
Projeto Assets
(http://www.wix.com/about/design-
assets)
Termos de uso
(http://www.wix.com/about/terms-
of-use)
App termos de mercado
(http://www.wix.com/about/app-
market-terms)
Privacidade
(http://www.wix.com/about/privacy)
Abuso
(http://www.wix.com/upgrade/abuse)
Revendedores
(http://www.wix.com/about/resellers)
Afiliados
(http://www.wix.com/about/affiliates)
Entre Em Contato Conosco
(http://www.wix.com/about/contact-
us)
(http://arena.wix.com)
Wix Salão
(http://www.wix.com/lounge/main)
Facebook
(https://www.facebook.com/wix)
Chilro
(https://twitter.com/Wix)
Google+
(https://plus.google.com/+Wix/posts)
Pinterest
(http://www.pinterest.com/wixcom)
YouTube
(https://www.youtube.com/user/Wix)
ID # 438921678
Promover o seu negócio, mostrar a sua arte, criou uma loja online ou apenas testar novas idéias. Wix é um construtor de site que
tem tudo o que você precisa para construir um totalmente personalizado e de alta qualidade site gratuito. Consulte nossa coleção
de belos modelos de site. Você vai encontrar um monte de desenhos deslumbrantes, prontos para ser personalizado.
@ 2006-2015 Wix.com, Inc