Erie Community College - Você sabia que esse vídeo tem legendas? Você ativa nas configurações do vídeo. É aqui embaixo, se você estiver um computador, e aqui em cima, se você estiver num celular. Agora, vamos lá! Estamos online com mais um episódio do WordPress sem Código. Já tivemos um vídeo sobre otimização de páginas e já tivemos um vídeo sobre imagens no WordPress. Agora é hora de você ver como otimizar as suas imagens no WordPress. Se prepara, porque esse vídeo é metade aula de geometria ,metade viagem muito louca no LSD. Primeiro, você tem que entender que imagens digitais são conjuntos de pixels. Lembra das aulas de geometria no colégio, que um ponto é a menor figura que tem? Ele não tem uma medida em centímetros ou milímetros, ele só é um ponto. E um plano é um conjunto de pontos em duas dimensões - no nosso caso aqui, a vertical e horizontal. As imagens digitais são conjuntos em duas dimensões de pontos de luz, os pixels. Só que cada pixel é formado por três pontinhos de luz. Gol do flamengo... vai ter fogos de artifício no vizinho. Para de fazer gol, Flamengo! Na prática, um pixel tem três pontinhos de luz: o vermelho, o verde e o azul. Quando a gente fala de imagens digitais, os pixels também funcionam como medidas - as dimensões das imagens são medidas em pixels, né, de altura por largura - e não em centímetros ou milímetros, porque essas medidas reais só acontecem quando você imprimir a imagem. E, na hora de imprimir a imagem, você pode decidir quanto os pixels tem por centímetro quadrado, ou polegada quadrada. É o que a gente chama de resolução: quanto mais pixels por centímetro quadrado, melhor é a resolução daquela imagem. É importante diferenciar dimensões de formato, porque formato aqui não é o quadradinho que você vê, é o tipo de arquivo. Os três formatos mais comuns de imagem são: JPG, PNG e GIF. JPG é melhor para fotografias, porque ele trabalha bem com cores e detalhes. Já o PNG é melhor pra cores chapadas, como logos ou prints de tela. E o GIF, que era usado para a cores chapadas antes do PNG, acaba sendo melhor para imagens animadas - basicamente, a versão real das fotos de Harry Potter. Quando eu digo que o formato é melhor pra alguma coisa, eu quero dizer em custo-benefício de qualidade por peso. Peso, no caso, é quanto espaço aquela imagem está ocupando no seu servidor, ou no seu celular, ou computador - mas a gente está falando de servidor porque é site, né. Quanto mais pesada uma imagem, mais tamanho ela ocupa no servidor e mais demora para ser carregada, né. Você carrega a imagem byte por byte. Pro seu site carregar rápido, você quer ter as imagens o mais leve possível, ou seja: ter logotipos em JPG e fotos em PNG seria contraproducente. Mas o Google chegou para mudar as regras do jogo - de novo. Os nerds do Google inventaram um formato novo de imagem chamado WEBP. As imagens PNG convertidas para WEBP ficam 26%, mais leves e as imagens JPG ficam de 25% a 34%. Só que, enquanto os PNG não sofrem nenhuma perda de dados (ou seja ficam com qualidade original), O JPG sofre. Eles dizem que é muito pequena, porque a prioridade dos caras não é ter uma imagem de alta definição, é ter um site e carrega rápido para eles colocarem no motor de busca deles. Além da perda de qualidade, como o WEBP é uma coisa nova e foi criado por uma empresa particular , não são todos os navegadores que aceitam. O Google Chrome, é claro, aceita porque é da Google; e o Opera também. Mas se você está acessando de um dispositivo Apple, com o Safari, ou do ano de 1999 com o Internet Explorer, ou com o Microsoft Edge, você não vai ver uma imagem .WEBP. Nem o próprio WordPress aceita esse formato - se você tivesse uma imagem WEBP no seu computador, e tentar subir no seu site, provavelmente você veria uma mensagem de erro. Não que você tivesse como exportar uma imagem desse formato, por que os programas principais que tratam imagens, como o Photoshop, não trabalham com ele, ainda. Para você ter uma imagem WEBP, você tem que baixar uma biblioteca de código, que eu tentei baixar - e quando eu abri o arquivo de código, fechei antes que me desse dor de barriga. Pra ter imagens WEBP no seu site, você precisa de um plugin. Esse é um dos casos em que ter um plugin vai resolver mais de um problema mesmo tempo: primeiro, que você não tem que correr atrás de exportar a imagem WEBP você mesmo; segundo que o programa converte a versão original de uma imagem, então você tem as duas no seu servidor, para servir de acordo como navegador da pessoa. Se ela está no Google, ou no Opera, ela vai receber a imagem WEBP, que é mais rápido; se ela está em qualquer outro navegador, ela vai receber na versão original daquela imagem. Existem plugins que só convertem imagem do formato original para WEBP, como o WEBP Express; mas tem os que também comprimem as imagens dos outros formatos, como o Imagify; e tem os que, além dessa compressão, ainda servem a página por lazy load - ou seja, a imagem só é carregada quando ela vai aparecer na página. Dois exemplos desses são o Smush e o Shortpixel. Nós vamos ter vídeos sobre estes plugins, para você entender melhor como cada um funciona. Talvez você esteja pensando: compensa eu baixar mais um plugin para ter o dobro de imagens no meu servidor, para servir a alguns visitantes do meu site? Eu acho que sim, porque a gente vive no Brasil, onde a maioria das pessoas acessa a internet pelo celular, e a grande maioria dos celulares é Android, um sistema operacional do Google. Pode até ser que as pessoas usem o navegador de internet da marca do celular, como Samsung ou Motorola. Mas tem uma possibilidade real de elas estarem usando o Google Chrome - e no 3G, ou 4G, cada byte é carregado lentamente, e custa caro. Resumindo: com o nível e custo da internet brasileira, eu acho que vale a pena você fazer esse sacrifício por alguns dos seus visitantes. Agora, por mim você não precisa fazer sacrifício nenhum: é só curtir esse vídeo, se inscrever no canal, ativar o sininho de notificações; acompanhar o WordPress sem Código no Instagram, Facebook, LinkedIn; e entrar no site wpsemcodigo.com.br pra ver esse conteúdo e muitos outros, em formato de texto ou vídeo. Até o próximo!.
25 de marco sp wikipedia a agua no mundo globalizado Ibirité letra da musica aquarela do brasil emilio santiago. Sapucaia do Sul curso online italiano dublado gratis Trabalhos não Escritos, curso direito financeiro Declaração Pessoal, moral do filme ensaio sobre a cegueira Proposta de Pesquisa, colegio e curso federal Declaração Pessoal. Temas para artigo cientifico de direito programacao de cursos sebrae ce 2020 25 de marco sp wikipedia Ponta Grossa engenharia de materiais eesc. Curso completo de linux security qualquer distribuicao Proposta de Tese Altamira cpa exam questions get easier, exame do coracao eco.
Alvorada:
Theresa Moreno, Bronx County: Albert Einstein College of Medicine. Tailândia: State University of New York College of Environmental Science and Forestry; 2016.
Bob Horton, Tioga. Paragominas: CUNY School of Law; 2012.
Jade Hoggarth, St Nicholas Avenue zip 10027. Poá: Webb Institute, f/k/a Webb Institute of Naval Architecture; 2011.