Основными графическими форматами для веб-браузеров являются форматы сжатия JPEG и PNG.
Более распространен первый формат, но это не всегда оправдано - часто PNG однозначно лучше. В каких случаях? Главное различие этих форматов - JPEG сжимает с потерями, а PNG сжимает только то, что может сжать и не нарушает качества оригинала даже при максимальном уровне сжатия.PNG однозначно лучше для рисунков, символьных картинок (ноты, формулы, алфавиты), текстурные изображения, чертежи.
Оставьте JPEG для фотографий. Для рисунков и символьной информации используйте PNG - размер файлов небольшой и качество идеальное.