As melhores dicas que você pode usar para redimensionar imagens sem perder a qualidade

Sou um novo colaborador de um site baseado em música e tiro muitas fotos de shows. Algumas das minhas fotos serão impressas para uso em sua página da web, enquanto eu também quero construir meu portfólio para uso futuro. Como posso redimensionar melhor minhas imagens para ambos os propósitos sem perder a qualidade da minha câmera de alta definição?

- Fotógrafo iniciante

Parte 1: Por que você precisa redimensionar imagens para fazer upload na internet?Parte 2: Vivemos em um mundo muito rápido. Quanto tempo leva para o seu site carregar?Parte 3: Noções básicas de otimização de imagemParte 4: Aqui está a boa notícia, existem muitos programas que você pode usar para redimensionar suas imagens.Parte 5: SEO - Sim, Search Engine Optimization é real mesmo quando se trata de imagens.Parte 6: Use todas as ferramentas à sua disposição.

Parte 1: Por que você precisa redimensionar imagens para fazer upload na internet?

Os telefones celulares e câmeras digitais de hoje têm a capacidade de filmar em uma definição tão alta que esses arquivos geralmente ocupam muito espaço e são de formatos tão altos que nem sempre são adequados para os sites para os quais você deseja enviá-los. Muitas vezes, os sites têm uma correção automática padrão para o dimensionamento da imagem, mas nos casos em que não têm, você realmente terá que redimensionar essas imagens para se adequar ao design do site que você está enviando a imagem também.

Para pintar uma imagem do que pode acontecer se você não redimensionar sua foto e carregá-la em um site que não altera o tamanho do arquivo automaticamente, a imagem no site publicado pode ocupar a página inteira e qualquer texto encontrado na mesma página poderia ser visto de tal forma que seria difícil para o leitor ler, ao invés de aparecer como um parágrafo bem definido.

Como criadores de conteúdo, todos aprendemos que criar uma página com imagens de suporte ajuda a tornar a experiência mais agradável. Mesmo pequenos artigos curtos têm pelo menos uma foto de apoio ao documento, enquanto trabalhos mais longos são melhor assistidos com várias fotos espaçadas em vários capítulos.

Mas redimensionar uma foto não é tão simples quanto alterar a porcentagem em que a foto existe, pois isso pode arruinar a qualidade da sua imagem. É por isso que é aconselhável aprender mais sobre isso para criar os melhores uploads das fotos que você gostaria de publicar.

Parte 2: Vivemos em um mundo muito rápido. Quanto tempo leva para o seu site carregar?

Digamos que você seja proprietário ou funcionário de uma página da Web, passa horas desenvolvendo conteúdo para seus usuários desfrutarem e trabalha muito na criação de páginas da Web que exibem sua escrita incrível e fotos perfeitamente compostas, mas quando o usuário clica no botão Voltar antes mesmo de sua página carregar, qual seria o objetivo de todo o seu esforço?

Você sabia que, se uma página da web demorar mais de 3 segundos para carregar, estudos mostram que 40% de seus visitantes vão sair? Pode não parecer muito tempo, mas com os usuários experimentando uploads muito mais rápidos de qualquer coisa em que clicam, em comparação, 3 segundos parecem uma eternidade. Também não vamos desconsiderar o fato de que alguns de seus usuários provavelmente estão rodando em conexões de internet que podem ser mais lentas que as suas, então imagine quanto tempo levaria para eles carregarem sua foto de tamanho massivo.

Essas imagens grandes não apenas atrapalham a experiência do usuário, mas também consomem a largura de banda da conta que hospeda seu site. Naturalmente, existem sites que oferecem espaço de armazenamento ilimitado, mas vários sites de primeira linha oferecem cerca de 10 GB de espaço de armazenamento. Se você não tomar cuidado com os tamanhos dos arquivos das fotos que enviar, seus 10 GB desaparecerão antes que você perceba.

Parte 3: Noções básicas de otimização de imagem

Existem algumas opções de otimização à disposição ao editar imagens. Os mais comuns são o tamanho do arquivo e o tipo de imagem, mas também existem aspectos mais técnicos, como alterar dimensões e compactações de imagem. Vamos dar uma olhada rápida em algumas de suas diferenças.

Tipo de arquivo - Os tipos de arquivo geralmente são salvos nos formatos JPEG ou PNG. Ou GIFs se a imagem precisar de animação. Na verdade, os GIFs se tornaram muito populares e estamos vendo cada vez mais deles em todos os lugares que vamos.

Não importa para o usuário qual desses tipos de arquivo você usa, considerando que todos os navegadores poderão visualizar todos os tipos de arquivo mencionados acima, mas você, como criador, pode escolher sabiamente, dependendo do que melhor atende ao usuário e a si mesmo. Aqui estão algumas regras básicas que se pode seguir:

JPEG - JPEGs são mais comumente usados ​​para salvar imagens. Mas como eles criam imagens com tamanhos de arquivo muito menores, alguns dos pixels da foto acabam sendo agrupados em pixels próximos a eles. Normalmente, porém, essas transformações são pouco visíveis a olho nu e é por isso que são mais frequentemente usadas para fotos que têm pessoas, lugares ou coisas.

PNG - Os arquivos PNG preservam a qualidade original da imagem e todos os pixels das imagens permanecem intactos sem que sejam agrupados em pacotes. Portanto, é melhor usar isso para imagens que contenham logotipos, capturas de tela e gráficos com fundos transparentes. Mas lembre-se de que o tamanho dessas imagens será maior do que os do JPEG.

GIF - GIF's são usados ​​para imagens com animação.

Dimensões da Imagem. Você já se perguntou como às vezes até mesmo uma pequena foto pode demorar uma eternidade para baixar? Isso acontece quando o criador faz o upload diretamente com sua câmera digital sem se preocupar em redimensionar a imagem para um que se adapte ao site para o qual ele está enviando a imagem. Lembre-se, as câmeras digitais, diabos, até os telefones celulares hoje em dia têm uma qualidade tão grande que esses arquivos podem ser enormes!

Os navegadores da Internet às vezes são capazes de reduzir as fotos para se encaixarem perfeitamente nas páginas que o usuário pode visualizar. Quando você olha para uma miniatura ou mesmo para uma imagem em tamanho real, é mais provável que você não veja uma foto que originalmente poderia ter sido uma imagem enorme de 12 megapixels. Mas é muito importante saber se o seu navegador ou site está reduzindo automaticamente suas fotos. Se eles não fizerem isso automaticamente, você realmente precisará de um programa como Adobe Photoshop ou PhoneDog para compactar suas fotos para que seus usuários tenham um tempo mais prazeroso ao visualizar seu conteúdo.

compressão de imagem - Existe uma função chamada compressão de imagem com perdas e isso reduz os tamanhos de suas imagens mais do que qualquer outra coisa. Outra grande vantagem disso é que você pode economizar muito espaço enquanto sua imagem quase não sofre, considerando que a qualidade da imagem é alterada apenas um pouco. Software de edição de fotos Photoshop tem uma função chamada Save for Web que é provavelmente uma das opções mais usadas na compressão de imagens mas o fato é que existem outras ferramentas que você pode usar para comprimir mais 40% sem perder qualidade, pelo menos não ao olho humano.

Parte 4: Aqui está a boa notícia, existem muitos programas que você pode usar para redimensionar suas imagens.

Dê uma olhada abaixo em alguns programas que você pode usar para otimizar ainda mais suas imagens.

ImageOptim - usado em sintonia com o Mac OS X, o ImageOptim é uma ferramenta de desktop gratuita frequentemente usada para compactar PNGs, antes de carregá-los online. Embora fácil de usar por meio de sua função de arrastar e soltar, esses arquivos ainda precisam ser editados um de cada vez.

Imagem Alfa - também usado pelo Mac OS X, é um compressor de PNG com perdas que é mestre em compactar imagens PNG e reduzir tamanhos de arquivo, removendo todos os dados desnecessários de PNG, JPEG e GIF.

Fonedog - FoneDog é outra solução para ter que comprimir suas imagens sem perder qualidade. Eles também oferecem recursos para Mac OS X e Windows e podem ajudá-lo a executar melhor seu site com menos largura de banda e seu computador com menos espaço em disco. Eles também oferecem seus serviços gratuitamente e você pode converter até 20 imagens de uma só vez com um único comando.

jpegmini - Isso pode ser usado com OS X e Windows e possui uma versão lite que permite redimensionar até 20 imagens por dia gratuitamente. Se você precisar otimizar 21 ou mais fotos por dia, por uma taxa de US$ 19.99, você pode editar quantas fotos quiser.

TinyPNG - Apesar do nome, TinyPNG também pode otimizar JPEGs. Eles são um site online que permite compactar arquivos ou fotos por meio da experiência do usuário de arrastar e soltar com um limite de 20 imagens para arquivos de 5 MB ou menores e que podem ser otimizados ao mesmo tempo. TinyPNG oferece 500 otimizações gratuitas por mês. Se você precisar otimizar mais do que isso dentro desse período, poderá optar por pagar de US$ 002 a US$ 005 por foto, dependendo de quantas você precisa otimizar.

Kraken.io - Kraken é um dos sites on-line populares que permitem otimizar fotos usando seu serviço, embora o deles não seja tão gratuito quanto os outros. A oferta deles é que você pode fazer upload de imagens que não ultrapassem 1 MB, para algo maior que isso, há uma taxa. No entanto, eles têm um plug-in do WordPress disponível para assinantes, no qual você pode otimizar automaticamente suas fotos ao enviá-las para a galeria de mídia. Agora, por outro lado, se suas imagens tiverem tamanhos de arquivo acima de 1 MB, você pode assinar o plano Micro, que permite otimizar 500 MB de imagens por US $ 5 por mês, ou você pode assinar o plano Enterprise para 60 GB de imagens. por US$ 70 por mês.

EWWW Image Optimizer - Este é para aqueles que não estão prontos para gastar o dinheiro para se inscrever nos sites mais populares e não podem gastar tanto tempo para otimizar as imagens manualmente. No entanto, eles têm uma oferta premium que cobrará por uma assinatura que executará compactações com perdas, em oposição à oferta gratuita, que otimiza as compactações sem perdas.

Parte 5: SEO - Sim, Search Engine Optimization é real mesmo quando se trata de imagens.

Neste ponto, está muito claro para nós como otimizar uma imagem pode fazer maravilhas para suas páginas da web, mas você sabia que suas fotos e imagens também ajudam na otimização de mecanismos de busca?

Sim, decidindo o título das fotos que você envia, o tamanho do arquivo, os textos alternativos que você atribui às fotos, a relevância da foto para o tópico, onde você carregou a foto também e mais detalhes em relação à sua foto contribuirá para o seu SEO.

Vamos passar por uma lista de como você pode criar as melhores imagens para acompanhar seu artigo.

Dica #1 - Você selecionou uma imagem que se adapte ao seu tópico? Se, por exemplo, você está escrevendo sobre uma escapadela de férias na ilha, seria realmente inútil mostrar uma foto de um supermercado. Obviamente, você gostaria de mostrar uma foto de uma praia com céu azul e águas claras, certo? Lembre-se de que uma imagem selecionada corretamente deve apoiar o assunto da sua postagem e ajudará a enfatizar o que você está escrevendo para criar uma experiência melhor e mais aprimorada para o usuário. Você também pode querer lembrar que nem todas as fotos que você envia precisam ser uma foto que você tirou. Muitos blogueiros, de fato, pegam imagens da internet e as anexam às suas postagens, mas certifique-se de creditar o fotógrafo, se possível, ou adicionar um link para a fotografia original.

Dica #2 - Conforme discutido na Parte 3 deste artigo, sabemos que existem opções de tipo de arquivo que podemos escolher. Vamos agora ter em mente algumas dicas que aprendemos anteriormente para escolher o melhor tipo de arquivo para o seu artigo. De um modo geral, os JPEGs seriam a primeira escolha, pois são arquivos menores em comparação com os PNGs, mas esse não deve ser o único fator considerado ao selecionar seu tipo de arquivo. Deve-se notar também que há casos em que os PNGs são realmente menores que os JPEGs, e é por isso que se deve realmente explorar as possibilidades para saber qual realmente é mais adequado para o seu post.

Dica #3 - As imagens não são os únicos tipos de imagens. Às vezes, as páginas que contêm pinturas, desenhos, gráficos, ilustrações, GIFs, capturas de tela, infográficos e outras imagens podem tornar uma página mais atraente de se ver como um todo. Ao agitá-la e adicionar imagens surpreendentes, a página se torna mais atraente para o usuário e fará com que ele volte sempre.

Dica #4 - Aproveite o tempo para nomear suas fotos adequadamente. Você notará que os dispositivos digitais nomeiam automaticamente suas fotos. Embora não haja nada de errado com isso em si, não é exatamente uma ajuda com o SEO das fotos. Continuando o exemplo de escrever um artigo sobre um refúgio na ilha, o que importaria se sua imagem de cabeçalho principal tivesse um nome de arquivo de DCS8971, o que não significa nada para SEO ou um usuário. Em vez de deixá-la como está, reserve um tempo para renomear sua foto com um nome mais relacionado a SEO, como best-beach-island-vacation.jpeg. Essas palavras-chave também devem aparecer de maneira natural e devem conter os traços entre cada palavra-chave, pois esses traços são lidos como espaços pelo Google. Assim que suas imagens forem nomeadas de acordo com seu artigo, elas serão mais acessíveis pelo Google e naturalmente ajudarão a ganhar melhor visibilidade.

Dica #5 - Saber quando e quando não usar legendas e como usá-las corretamente. Uma boa regra seria apenas legendar suas imagens se fornecer informações valiosas. Lembre-se de que os leitores percorrerão sua página e observarão suas fotos, se houver legendas nelas, seus leitores lerão essas legendas. Certifique-se de usar essa oportunidade para manter sua atenção, dando-lhes petiscos cativantes de informações.

Dica #6 - Certifique-se de colocar essas fotos onde elas pertencem. Em uma página cheia de texto e anúncios e outros enfeites, ter uma imagem fora do lugar simplesmente não ajuda a oferecer ao usuário uma ótima experiência. Portanto, tenha sempre em mente que, em vez de ter a tarefa de enviar o maior número possível de fotos para apoiar o artigo, as fotos enviadas devem ser encontradas perto das informações que a foto está suportando.

Parte 6: Use todas as ferramentas à sua disposição.

Sendo que não há melhor momento para otimizar suas imagens, começar ontem certamente o ajudará melhor para que os usuários visualizem suas páginas sem o incômodo de ter que esperar uma eternidade apenas para ver o download de uma única imagem. É verdade que as velocidades da Internet são muito mais rápidas do que costumavam ser, especialmente com o advento da fiação de fibra e afins, mas também é preciso ter em mente que nem todo mundo tem uma conexão de internet rápida e aqueles que têm, ainda podem não ter paciência você gostaria que eles tivessem para visualizar suas imagens de alta resolução.

Dito isto, otimizar suas imagens para melhor se adequarem às páginas em que elas serão encontradas é garantidamente sua melhor aposta e ganhar os cliques, curtidas e visualizações que você pode estar direcionando. E mesmo que esses não sejam seus alvos e você prefira que sua página seja privada, a otimização continua sendo um fator chave para sua experiência pessoal de usuário. Como se costuma dizer, tempo é dinheiro e ninguém vai esperar para sempre só para ver um download de foto, especialmente se eles nem sabem o que estão esperando e se vai funcionar.

Fique atento à dimensão da sua imagem e certifique-se sempre de redimensionar e ajustar suas porcentagens, especialmente ao lidar com fotos provenientes de câmeras digitais e telefones celulares com alta resolução.

Faça uso das ferramentas disponíveis à sua disposição. Afinal, ele está lá para você usar e eles certamente facilitaram o uso de praticamente qualquer pessoa, ao criar gateways e opções de pagamento, além de subsídios gratuitos, embora limitados, para otimizar suas fotos.