PNG, JPG или SVG: что использовать?

Question

[n6jWER33E33jSK8s n6jWER33E33jSK8s]

Какой формат изображений лучше всего подходит для использования их на сайте?
Выбор состоит из: PNG, JPG и SVG.

Comments

[longclaps]

Чем лучше пользоваться: руками или ногами?

[Ivan Yakushenko]

Все эти форматы для разных задач.
Странный вопрос, давайте следующий.

[Adamos]

longclaps, или головой...

Answer 1

[Moskus]

Для фото - JPEG.
Для схематических изображений (иконки, схемы, чертежи, графические примитивы) - PNG или SVG. Для сложных схематических изображений PNG может быть выгоднее.
Также замечу, что внедрение растрового изображения в SVG - возможно, но бессмысленно.

Answer 2

[aendnn]

Для иконок svg, для фотографий - jpg, если нужна прозрачность на фотке - png

Answer 3

[lagudal]

Для разных целей разные форматы.
Добавлю свое мнение к предыдущему ответу.
Скажем, фон. Может быть простым, неким абстрактным, но который нельзя отобразить с помощью чистого css. Для этих целей svg тоже будет идеальным выбором, поскольку может быть в пару килобайтов при неограниченном размере, при том что для jpg это же изображение может быть очень сложным и при самом идеальном варианте его можно будет ужать до пары сотен кб.
Однако, если тот же svg фон будет переполнен мелкими элементами, с достаточно большим количеством точек, то такой svg использовать в качестве фона будет нецелесообразно, поскольку даже при весе, меньшем чем в аналогичном по размеру jpg, этот svg будет визуально долго отрисовываться.
Еще момент, для chrome настоятельно рекомендуется использовать webp, которые при том же визуальном качестве существенно меньше по весу, чем jpg и png. Да и google любит его как свой формат и как следствие очень благоволит ему - достаточно прогнать сайт через PageSpeed Insights и посмотреть, что он там будет рекомендовать.
Если на сайте нет webp, таки рекомендация будет обязательно )

Comments

[Adamos]

и посмотреть, что он там будет рекомендовать

Если вам не посрать на то, что там Гугль в своих интересах рекомендует.
К вашим интересам - оптимизации сайта ради ускорения выдачи клиентам и повышения в поисковых запросах - это благоволение никакого отношения не имеет.

[lagudal]

Adamos, вообще то уже год как минимум гугл учитывает скорость - или я что то пропустил и они это уже отменили?
А так да, если вам гугл неважен, то и вопросов нет.

[Adamos]

lagudal, разница в скорости от того, что вы специально для Хрома будете использовать webp, не настолько велика, чтобы вообще обращать на нее внимание.