Wix.com sem photoshop

207 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
207
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Wix.com sem photoshop

  1. 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. 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. 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. 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. 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. 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

×