kenzie-academy-brasil-developers / trabalhando-com-imagens-sprint-2-brunobgr08

trabalhando-com-imagens-sprint-2-Brunobgr08 created by GitHub Classroom

Extra: Trabalhando com Imagens

Nesta entrega, você praticará dois tipos de edição de imagem:

• Redimensionar e comprimir uma imagem cujo o arquivo seja grande (para que seu site carregue mais rápido).
• Dar um fundo transparente a uma imagem.

Comece acessando e clonando este repositório.

Instruções

1. Edite a imagem do troféu para fazer com que o fundo branco fique transparente.
2. Redimensione a imagem para 150 pixels de largura e salve-a como PNG.
3. Redimensione a foto do gato para 600 pixels de largura e salve-a como um JPG de qualidade 80.
4. Atualize o arquivo index.html para usar as imagens modificadas.

Edite as imagens conforme o instruído. Observe que a foto do gato tinha 2MB inicialmente, e depois que você a modificou, ela deve estar muito menor (com menos de 100KB).

Opcional

Se você completou as alterações das imagens do gato, do troféu e do arquivo index.html apropriadamente, você pode usar qualquer tempo extra para adicionar suas próprias imagens à página.

Tire algumas fotos com sua câmera/celular e importe-as para o computador. Corte, redimensione e salve-as em um formato de arquivo e nível de qualidade que forneçam um bom custo-benefício entre tamanho de arquivo e qualidade de imagem. Adicione suas novas fotos ao index.html com o gato e o troféu.

Envio

Faça o push do código para o seu repositório GitHub e implemente-o GitHub pages. No Canvas, por favor, envie sua url do GitHub Pages: (ex: https://kenzie-academy-brasil-developers.github.io/trabalhando-com-imagens-seu-user) e envie o link do seu repositório nos comentários. Após a correção, seu projeto deverá ficar privado.