Uso adequado de imagens em sites : a construção de um guia prático para desenvolvedores

Abstract

Este trabalho tem o intuito de auxiliar os desenvolvedores web a fazer boas escolhas quando forem trabalhar com imagens. A importância da otimização de imagens para o uso na web será enfatizada ao longo do trabalho. Serão apresentados estudos de caso e exemplos práticos que ilustram como a otimização adequada das imagens pode contribuir para a redução do tempo de carregamento de páginas, melhorando a experiência do usuário e favorecendo o ranqueamento nos mecanismos de busca. Será abordado uma introdução abrangente aos formatos de imagens utilizados na web, com o propósito de expandir o conhecimento dos usuários sobre o uso específico de cada formato. Serão apresentados os diferentes formatos de imagens utilizados na web, tais como JPEG, PNG, GIF, entre outros. Foi desenvolvido uma cartilha que contem uma linguagem facilitada para uma introdução ao assunto, onde é ensinado os tipos de imagens, formatos adequados, e um guia de como usar algumas ferramentas para conversão das mesmas.

This work aims to help web developers to make good choices when working with images. The importance of optimizing images for use on the web will be emphasized throughout the work. Case studies and practical examples will be presented that illustrate how the proper optimization of images can contribute to reducing the page loading time, improving the user experience and favoring ranking in search engines. A comprehensive introduction to image formats used on the web will be addressed, with the purpose of expanding users’ knowledge about the specific use of each format. The different image formats used on the web will be presented, such as JPEG, PNG, GIF, among others. A booklet was developed that contains a facilitated language for an introduction to the subject, where the types of images are taught, adequate formats, and a guide on how to use some tools to convert them.