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.

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.

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

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

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

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

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

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

Embora 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?