Графику можно разделить по формату на векторную и растровую. Векторная описывается математически и не зависит от масштаба, всегда занимая одинаковое место для хранения. Растровая описывает каждую точку изображения, и чем больше размеры изображения (длина и ширина), тем больше требуемый для хранения вес. Предельные случаи рассматривать мы здесь не будем.
В свою очередь формат хранения может быть со сжатием и без, а само сжатие — с потерями или без потерь. Для каждого случая подходит свой формат.
В сети популярнее всего форматы svg (вектор), jpg (сжатие с потерями), png (сжатие без потерь) и gif (сжатие без потерь, но ограниченное количество цветов).
JPEG хорош для фотографий и изображений, где нет резкой контрастной границы и тонких линий. То есть для картинок текста это неподходящий формат в силу того, что алгоритм добавляет некоторое размытие и артефакты сжатия.
GIF и PNG похожи друг на друга. Основная разница в том, что GIF поддерживает только до 256 цветов, в то время как PNG — 4 миллиарда (16777216 основных цветов и ещё 256 вариантов прозрачности каждого). Этот формат хорошо подходит для контрастных изображений (логотипы в том числе), где в рядах встречается много точек одного цвета подряд.
SVG — это формат на базе XML. Мне он нравится тем, что его замечательно использовать для иконок и при идеологически правильном описании картинки можно вносить исправления руками, не прибегая к редакторам. Правда в основном все картинки — это экспорт из других форматов (sketch, illustrator), так что руками можно поправить только цвет. Но некоторое время назад я увлёкса ручным рисованием иконок в SVG. Получается очень компактно и красиво. А главное — универсально.
Ну и SVG очень хорошо подходит для логотипов (когда там нет каких-то адовых наворотов).
В целом сейчас мало кто задумывается над оптимизацией картинок, но красота — она в том числе и в мелочах.