Оптимизируем картинки на наш блог. Выбираем формат

«Почему 2 картинки одинаковые по размеру и расширению имеют настолько разный вес файла?» — еще один часто задаваемый вопрос. Давайте сравним!
Левая картинка изначально имела размер примерно в 8кб, а правая 45кб. Да, разница ощутимая. Но стоит заметить и разницу в цвете – левая картинка использует всего несколько цветов (основной белый, фон), а на правой довольно широкий диапазон, т.е. от количества цветовых переходов зависит и информация самого файла в двоичной системе, ведь каждый пиксель нам что-то говорит.
Прошу прощения за столь банальную тему, но я пишу в надежде, что наши сео-оптимизаторы-блогеры не почтут за лишним прочитать и сделать свое детище аккуратным и быстрым, ведь часто бывает, что мы просто хватаем картинку или рисуем где-либо и сразу вставляем в блог, а если размер нас не устроил, то используем встроенный обработчик изображений, который кстати не ужимает, а просто уменьшает размер картинки, ну ведь глупо же.
Поговорим о вставке картинок в наши блоги (сайты), при этом максимум оптимизируем их, т.е. ужмем по размеру самого файла, сохранив качество. Ведь всех нас напрягает долгая загрузка картинок на сайте. Попробуем сохранить время, трафик и нервы (время загрузки) нашего читателя.