Для контентных изображений лучше всего подходят растровые картинки в формате JPEG/JPG , хорошо подходит для оптимизации.

Для фоновых изображения и элементов дизайна сайта подходит растровые картинки в формате PNG , плохо поддается для оптимизации, но отдельные его части могут быть прозрачные.

Для анимации хорошо подходит растровые картинки в формате GIF . Сейчас используется уже редко.

Для иконок сайта идеально подходит векторные картинки в формате SVG , весит мало и хорошо смотрится на всех дисплеях. Можно даже найти шрифты, написанные на SVG такие шрифты, загружаются быстрее обычных.

WebP формат который приходит на замену всем растровым форматам, для использования в веб проектах. Поддерживает анимацию как GIF , прозрачность как PNG , имеет эффективное сжатие. Пока не все браузеры его поддерживают, но его уже можно использовать в своих проектах.

Перед тем как вставлять картинки на сайт, рекомендуется сжимать их, это увеличит скорость загрузки сайта.

Формат ICO используется для фавиконов - значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, и в качестве картинки рядом с закладкой, а также в адресной строке в некоторых браузерах. Формат поддерживает прозрачность. Фавикон должен иметь размер 16х16 пикселей.