08 Jan

Otimizando as imagens eu seu site WordPress ou outros CMS

1. Tamanho da imagem (dimensões em pixels)

Independentemente dos formatos de arquivo (JPG, PNG, GIF, TIF, etc.), você nunca deve carregar imagens de alta resolução em seu site apenas para fins de exibição.

A única exceção é se você tiver um arquivo de imagem protegido que também forneça impressões e licenças de imagem (como o PhotoShelter, que tem medidas de segurança em vigor a qualquer momento). Caso contrário, se você estiver exibindo imagens em um portfólio ou em uma postagem do blog, nunca use imagens nas dimensões máximas.

 

a) Apresentações de slides de largura total
Para slideshows de largura total (que aumentam automaticamente para o tamanho total do navegador), eu recomendo ir para 2560 pixels de largura, que é a largura de resolução comum para monitores de 27 ″ e 30 ″.

As imagens podem ter a altura necessária para criar uma proporção com a qual você se sente confortável. Por exemplo, para slideshows de página inteira, mantenha a proporção original das imagens. Mas, para apresentações de slides menores na parte superior de uma página inicial, tente manter as imagens menores (para uma proporção de cerca de 3: 1 ou mais).

Aqui está um exemplo de uma apresentação de slides de um site de fotografia recente que eu construí:

b) Imagens menores / miniaturas
Descubra o tamanho do site que eles exibem (usando a ferramenta “Inspecionar Elemento” do navegador ou uma captura de tela do seu site e meça o tamanho da imagem) e duplique isso.

Por exemplo, este site exibe miniaturas (abaixo do controle deslizante principal) em 320 × 214 pixels.

Mas, se olharmos mais de perto, o site usa um tamanho de imagem duplo (640 pixels de largura) para que pareçam nítidos em telas de retina:

c) Imagens grandes em “lightbox” são exibidas
Sempre que uma imagem precisar ser ampliada na tela (como em uma tela de lightbox depois de clicar em uma miniatura, possivelmente parte de uma apresentação de galeria), mantenha-a no máximo a 1.500 pixels de largura (e uma altura máxima de 800-900 pixels) normalmente é aceitável.

Restringir as dimensões da imagem como essa manterá o tamanho do arquivo razoavelmente pequeno, para uma transição mais rápida entre as imagens (se a apresentação de slides permitir a navegação entre as imagens):

2. Qualidade de imagem / nível de compressão

a) Exportando imagens JPG
Supondo que você esteja usando uma ferramenta como o Adobe Lightroom, você quase nunca precisa exportar imagens para 100 (no controle deslizante de qualidade). Escolher algo como 60 ou 70 dá a você uma qualidade boa o suficiente em tamanhos de arquivo muito menores.

Somente quando você começa a ir abaixo de 50 a 60% você começa a obter ruído de imagem perceptível. Mas entre 100 e 70-80, a diferença de qualidade é imperceptível, enquanto a diferença no tamanho do arquivo de imagem é enorme.

Aqui está uma experiência que eu fiz com a exportação de uma imagem em diferentes níveis de qualidade:

Um princípio semelhante se aplica se suas imagens de exportação do Adobe Photoshop.

E se você estiver usando a versão mais recente do Photoshop CC, use a nova caixa de diálogo de exportação em Arquivo> Exportar> Exportar como…

Em seguida, faça algumas experiências e escolha um nível de compactação com o qual você se sinta confortável. Mais uma vez, a maioria das pessoas considera 60% – 70% um compromisso aceitável (entre a qualidade da imagem e o tamanho do arquivo).

b) Usando PNG / SVG / GIF para gráficos com cores sólidas
Seu website provavelmente contém outros elementos gráficos separados das suas fotos comuns, como logotipos, ícones, capturas de tela, banners etc.

Quaisquer gráficos que contenham áreas de cor sólida (criados por você no Photoshop ou outras ferramentas online) poderiam ser salvos em outros formatos de arquivo sem perdas. Os formatos PNG, SVG e GIF podem funcionar bem nesses casos.

Vamos pegar um dos gráficos que usei acima neste artigo como exemplo:

Você tem que testar isso sozinho, em uma base por imagem. Sempre tente usar formatos de arquivo sem perdas (como PNG ou GIF) quando puder obter tamanhos de arquivo menores (em comparação com JPG).

Mas como eu disse, isso só vale para gráficos com cores sólidas. Sempre que você tentar esse mesmo experimento com uma foto normal (tirada com sua câmera), o JPG geralmente ganha (muito).

3. Extra compressão usando ferramentas ou plugins

OK, então você está pronto para enviar imagens para o seu site.

a) plugins WordPress
Se estiver usando o WordPress, você está com sorte. Há um monte de ótimos plugins que fazem muito trabalho para você, automaticamente. Eles pegam todas as imagens que você carrega e comprimem (sem perdas) para otimizar o tamanho do arquivo.

Imagify, Smush.it e Kraken são soluções populares, mas o meu favorito é o ShortPixel:

Uma conta gratuita com eles oferece uma cota mensal decente e você pode obter um plano premium para permitir a otimização de muitas outras imagens por mês, se necessário.

O nível de otimização “brilhante” do plug-in oferece um bom compromisso entre a qualidade da imagem e o tamanho do arquivo, mas você pode alternar para os níveis de otimização “com perdas” ou “sem perda” conforme achar adequado.

Se puder, recomendo a otimização em massa de todas as suas imagens antigas (da biblioteca de mídia do WordPress):

Veja como o ShortPixel se compara ao Imagify, E www e outras ferramentas de otimização de imagem.

Plugins WP mais úteis aqui:

b) Outras ferramentas de compactação de imagem
Se você não usa o WordPress, pode experimentar outras ferramentas on-line ou on-line para “espremer” suas imagens.

Share this
03 Sep
26 Oct

Pesquisa de satisfação

Sua opinião é muito importante! 😉

Valorize sua relação com a GF7 Brasil!

Aqui estamos empenhados com a qualidade total. Deixe sua opinião em nossa pesquisa de satisfação, sua participação é muito importante e nos ajuda a melhorar a constantemente a qualidade de nossos serviços.

Share this
29 Mar

Imagens com Copyright grátis

Precisando de imagens para uso comercial?

Você provavelmente já pegou uma imagem da internet e ficou com a pulga atrás da orelha se poderia usar ou não, certo? É certo também que milhares de imagens são utilizadas sem autorização dos autores, de modo impróprio em diversos serviços ofertados por agências de propaganda. Quando vamos para o interior do Brasil, isso piora muito ainda, principalmente nos impressos.

Se você é desenvolvedor de sites, programador, hacker ou usa serviços de hospedagem de sites como os da GF7 Brasil, certamente você busca muitas imagens e trabalha duro para garantir que a qualidade do produto final seja bonita, elegante e acima de tudo, esteja dentro das regras, ou seja, não viole nenhuma licença ou direito intelectual.

Como assegurar que uma imagem é de uso livre?

A resposta passa pelas coleções gratuitas disponíveis na internet. Aqui falaremos rapidamente do Visual Hunt , que é um repositório com mais de 350 mil fotos e imagens sob licença Creative Commons. As imagens são filtradas para uso comercial, não comercial e ainda de domínio público.

Aqui na GF7 Brasil testamos o site nos navegadores Mozilla Firefox e Google Chrome, mostrando-se estável e com acesso ao catálogo de modo perfeito em qualquer situação. Não testamos em dispositivos mobile. As imagens são divididas em diversas categorias pré-definidas, e no site também é possível fazer uma busca pela palavra chave referente ao tema que você está procurando. Garantindo assim um alto rigor de busca. Ficamos satisfeitos em todos os testes realizados. E assim recomendamos o uso dessa ferramenta para apoiar o seu trabalho.

As imagens são de alta resolução e possuem excelente qualidade, vale a pena conferir.

No topo, uma imagem do catálogo.

Site URL: https://visualhunt.com/

Imagens gratis

Imagem mostra a home page do site

Share this
16 Dec
14 Oct

Como proteger sua conta de hospedagem de sites

firewallPara um negócio, a escolha de uma conta de hospedagem web pode ser um processo demorado e oneroso, mas se você está criando um site, é apenas o começo de uma longa jornada.

Uma vez que você vai começar a desenvolver o seu site e adicionar conteúdo, sua conta de hospedagem torna-se um ativo de valor, então vale a pena defender-se contra ataques maliciosos e intrusão do sistema, de modo global.

Aqui estão cinco maneiras fáceis (comuns), para manter sua conta de hospedagem segura a medida que o seu site cresce.

Caso você não tenha condições de fazer isso é altamente recomendado você contratar uma empresa especializada para ser responsável por essa função.

 

gf7-brasil-update1. Atualize seus softwares sempre

Grande parte dos negócios atuais usam softwares CMSs como o Joomla, WordPress ou Drupal para publicar conteúdo e gerenciar seu site. Se você executar uma loja de comércio eletrônico, você pode usar um aplicativo como o osCommerce ou Magento.

Com o tempo, esses scripts e aplicativos são atualizados e revisados ​​por seus desenvolvedores. Muitas vezes, essas atualizações oferecem proteção vital contra bugs e vulnerabilidades de segurança.
Manter o software atualizado leva apenas alguns minutos, mas lembre-se: reparar um site hackeado pode levar muito mais tempo – ou poderia ser completamente impossível, dependendo da gravidade do ataque.

Ação:

Para manter os seus dados seguros e garantir o seu site não está comprometida por hackers, instalar os patches de segurança e atualizações, assim que eles forem disponibilizados. Verificar regularmente os seus plugins e add-ons para atualizações e instalar os demais.Sempre fazer backup de bancos de dados antes de instalar novas – apenas no caso de algo der errado.

limpeza-diaria-gf7-brasilQuando você configurar a sua conta de hospedagem web, você provavelmente vai precisar criar vários logins para coisas como FTP, e-mails e acesso à base de dados. Ao longo do tempo, como o seu site amadurece, suas necessidades mudam. Algumas das contas que você criou serão redundantes. Você pode ter fornecido colegas de trabalho ou profissionais liberais, então parou de trabalhar com essas pessoas, deixando os detalhes do seu login no limbo.

Rever periodicamente todas as permissões de usuário e contas em seu painel de controle de hospedagem. Remova todos os usuários que são redundantes para reduzir o risco de alguém insatisfeito em sua conta de hospedagem, ou mau uso de um login que tem sido esquecido há muito tempo.
Remova todas as contas genéricas que não são mais necessários.

 

cadeadoNem todo arquivo enviado para o seu servidor web será destinado para o acesso público. Você pode carregar idéias de projetos, contratos e dados de ensaios, você também pode trocar informações de segurança ou usar o seu servidor web como um centro de armazenamento de material arquivado.
Com o tempo, alguns dos dados que você carregou podem ser negligenciados ou esquecidos, e que poderia apresentar um problema de segurança. Permitir o acesso não autorizado a arquivos de clientes sensíveis é um grande erro.
Use as ferramentas no painel de controle do seu host para bloquear o acesso a arquivos e diretórios que deverão ser privados, e rever periodicamente a segurança em todos os dados sensíveis. Use as configurações de proteção de senha em diretórios. Defina regras via htaccess se você está confortável com a escrita da sintaxe, mas tome cuidado:.. Uma linha mal-escrita em um arquivo htaccess pode causar problemas em seu site.

senha-gf7brasilA maioria das contas de hospedagem web são criadas por um técnico da empresa de hospedagem, ele irá fornecer-lhe vários logins. Você pode receber um nome de usuário e senha para o seu painel de controle, um para o seu banco de dados (s), uma para cada conta de e-mail, e um login para FTP.
Embora seja tentador usar a mesma senha em todos os lugares, não faça isso. Se um hacker para tiver acesso a sua senha em uma parte da conta de hospedagem, ele teoricamente poderia causar estragos em cada parte de seu site, contas de e-mail e mais.

Definir todas as suas senhas individualmente e usar uma mistura de letras maiúsculas, letras minúsculas, caracteres especiais e números.
Se você fizer uma nota de senhas, use um cofre de senha segura de um fornecedor respeitável. A cada dois meses, mude suas senhas – e não use o mesmo duas vezes.

gf7brasil-backupApesar dos melhores esforços de todos os negócios, às vezes o pior acontece. Hackers podem encontrar uma maneira de acessar o seu site, mesmo se você estiver vigilante, e os danos que eles causam pode levar dias ou semanas para corrigir.

Algumas empresas de hospedagem fazem backup de arquivos dos clientes, pastas e bancos de dados, como uma questão rotina, alguns podem oferecer backups como um serviço extra, exigível. Se você não tem certeza se seu host oferece este tipo de proteção, verifique seu site ou confira algumas opiniões independentes de hospedagem para descobrir qual é sua política de backup.

Se o seu host oferece backups, descobrir como eles são fáceis de acessar e se você tem que pagar para recuperar arquivos perdidos.
Se o seu host não oferece backups, adquirir o hábito de regularmente fazer backup de seus arquivos e pastas. Não se esqueça de fazer backup dos bancos de dados MySQL e caixas de correio de e-mail também. Painel de controle do seu host pode oferecer ferramentas de backup para tornar o processo mais fácil, dando-lhe a paz de espírito na batalha para proteger seu site.

A Criação e desenvolvimento de um site envolve um enorme investimento de tempo, e seu site vai se tornar rapidamente uma “vitrine” para a sua marca.

Backups regulares são uma obrigação, mas é também crucial para considerar questões mais amplas em torno da segurança: proteção contra o acesso, hacking não autorizado e senhas fortes, por exemplo.

gf7brasil-CONCLUSAOEmbora não seja possível eliminar completamente os riscos contra todo ataque, acidente ou incidente, pensar no futuro e proteger sua conta de hospedagem vai ajudar a garantir que você está na melhor posição possível, se o pior acontecer.

Lembre-se, na pior das hipóteses, só o backup salva.

Quando foi a última vez que você fez backup do seu site?

Share this
14 Sep

10 razões para as empresas usarem softwares open source

Com tantas empresas e órgãos governamentais aumentando o uso de softwares open source, como o Linux, fica cada vez mais claro que o preço não é a única vantagem. Se fosse, as empresas que adotaram ferramentas abertas durante o pior da recessão já teriam retornado para soluções proprietárias agora que a economia está melhor. E esse não é o caso.

Os negócios que se viram empurrados para ferramentas de código livre após sofrerem com restrições de orçamento durante anos de crise financeira. Logo identificaram outras vantagens, como softwares de alta qualidade, muitas vezes superiores aos cadeados que envolvem a caixa preta de um software proprietário. Algumas vantagens são observadas na lista a seguir:

1 – Segurança

É difícil pensar em um argumento melhor do que a superioridade das ferramentas de código aberto em termos de segurança. Recentemente, descobriu-se uma brecha no kernel do Android que poderia trazer riscos. Mas a única razão pela qual a falha foi descoberta é porque o código é aberto ao público.

Essa, aliás, é a filosofia de Linus Torvalds, criador do Linux: quanto mais olhos, mais as chances dos bugs serem identificados antes de causar incômodo. E é um argumento bem oposto à segurança pela obscuridade, usado por algum dos fabricantes de softwares proprietários caros como argumento para a estrutura fechada. Mas a falta de notificações de falhas de segurança no sistema do iPhone e do iPad ou no Windows significam que esses sistemas são mais seguros? A história prova que não.

2 – Qualidade

O que é melhor? Um software empacotado por um grupo pequeno de profissionais ou um software em criação constante por milhares de desenvolvedores? Assim como há milhares zelando pela segurança do código aberto, muitos outros estão pensando o tempo todo em inovar e melhorar os recursos.

O que isso significa? O código aberto também é feito por usuários, o que o torna mais próximo do que os usuários querem. E isso já foi provadio em estudos recentes, que demonstraram que a suposta superioridade é a razão principal pela qual empresas escolhem o código aberto.

3 – Personalização

Ter um software que pode ser alterado e customizado de acordo com o gosto da empresa, sem precisar esperar avanços por parte do fabricante, é também uma das maiores vantagens. Um desenvolvedor competente adiciona funcionalidades como quem altera palavras em um texto do Word.

4 – Liberdade

Quando os negócios se voltam ao código aberto, as empresas ficam livres da ameaça de ser aprisionada dentro de pacotes proprietários engessados. Clientes de fornecedores como esses ficam a mercê da visão, requisitos, preços, prioridades e limites impostos pelo fornecedor. E tudo isso com uma conta no final do mês ou do ano.

5 – Flexibilidade

Quando a empresa usa softwares como Windows ou Office, entra em um ciclo no qual precisa atualizar software e hardware infinitamente. O código livre, por outro lado, usa muito menos recursos da máquina e pode ser rodado até mesmo em hardwares mais lentos. A empresa decide a hora de atualizar, não o fornecedor.

6 – Interoperabilidade

Software livre é muito melhor na aderência a padrões abertos e até mesmo a ferramentas proprietárias. Se a interoperabilidade for necessária com outras empresas, computadores e usuários, a vida fica muito mais fácil com o código aberto.

7 – Auditoria

Com o sistema fechado, você só tem a palavra do vendedor para provar que o software é de fato seguro e aderente a padrões. O código aberto oferece visibilidade para o cliente, que pode ter mais certeza sobre o que está rodando em casa.

8 – Opções de suporte

Software de código aberto possui comunidades com extensas documentações, fóruns de discussões, listas, wikis, grupos de notícias e, dependendo de quem fornece a distribuição, até mesmo suporte ao vivo via chat gratuito.

Para os negócios que querem melhoria, há muitas opções pagas de suporte com preços bem menores do que os fornecedores proprietários cobram. Os fornecedores de suporte para ferramentas abertas costumam dar respostas melhores e mais rápidas, pois têm sua receita focada nesse serviço.

9 – Custo

O custo de comprar uma solução proprietária é muito difícil de ser medido, pois tem a proteção por vírus obrigatória, taxas de suporte, despesas de atualização e ainda o preço a ser pago por ser aprisionado em alguma solução. No final, o custo é muito maior do que a companhia imaginava inicialmente.

10 – É possível experimentar antes de usar

Se você está considerando usar o software de código aberto, não custará nada realizar testes de qualidade antes de usá-lo. Em parte porque é gratuito mesmo. E em parte porque o código aberto oferece muito mais opções para quem quiser testar, como a possibilidade de criar Live CDs para Linux, por exemplo.

Conclusão

Mesmo com todos esses argumentos, só a própria empresa será capaz de realizar uma análise profunda para verificar se o software livre é uma boa opção. Além disso, pode ser que o código aberto não seja a solução para todas as necessidades da empresa. Mas, diante de todos os benefícios, é necessário ao menos considerá-lo entre as opções.

Share this

Since 2008 - GF7 Brasil Sistemas -  © All rights reserved.