Embed Size (px)
Citation preview
02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technicaldifficulties/livesiteissues/tutorial/preparingandoptimizingimages 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 imagensTutorial
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 decarregamento 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 deimagem 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 comoorientaçõ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 quevocê 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 siteA qualidade de imagemTransparê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 fundotransparente, PNG é o melhor formato. Este formato de arquivo deve ser usado com moderação, como um grande número de imagens de altaqualidade 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 documentosHTML 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 comblocos 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 LZWprojetado para minimizar o tamanho do arquivo.
JPG ou JPEG
02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technicaldifficulties/livesiteissues/tutorial/preparingandoptimizingimages 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 preservatodas 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 semperdas 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 bordasirregulares.
Formato PNG suporta RGB, Cores Indexadas, Tons de Cinza e imagens em modo Bitmap. PNG também preserva a transparência em tons decinza 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
02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technicaldifficulties/livesiteissues/tutorial/preparingandoptimizingimages 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 maisdetalhes 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)
02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technicaldifficulties/livesiteissues/tutorial/preparingandoptimizingimages 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 doseu 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 decarregamento 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 oseu 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
02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technicaldifficulties/livesiteissues/tutorial/preparingandoptimizingimages 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
02/02/2015 Preparação e otimização de imagens | Centro de Suporte | Wix.com
http://www.wix.com/support/html5/technicaldifficulties/livesiteissues/tutorial/preparingandoptimizingimages 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 quetem 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
